From 074b5318cd6fb6606a80d2de18fb068eb0bf108c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 19:44:37 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8aed36f..c93fffd 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="mediumLargeSizeMediumTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="solid" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="glass" @@ -48,7 +48,7 @@ export default function LandingPage() { tag="Monster Database" tagIcon={Skull} tagAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "glowing-orb" }} leftCarouselItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elusive-eurasian-wolf-colorful-summer_475641-1353.jpg", imageAlt: "Werewolf creature" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-creepy-forest-creature_23-2150872654.jpg", imageAlt: "Demon creature" }, @@ -96,23 +96,23 @@ export default function LandingPage() { products={[ { id: "1", brand: "Mythical Lore", name: "Elder Dragon", price: "5 Realms", rating: 5, - reviewCount: "12.3k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg?_wi=1", imageAlt: "Elder Dragon from Dark Fantasy" + reviewCount: "12.3k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg", imageAlt: "Elder Dragon from Dark Fantasy" }, { id: "2", brand: "Classic Horror", name: "Vlad the Impaler Vampire", price: "4 Realms", rating: 5, - reviewCount: "9.8k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg?_wi=2", imageAlt: "Classic Vampire" + reviewCount: "9.8k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg", imageAlt: "Classic Vampire" }, { id: "3", brand: "Dark Magic", name: "Shadow Demon", price: "5 Realms", rating: 5, - reviewCount: "11.2k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg?_wi=3", imageAlt: "Shadow Demon creature" + reviewCount: "11.2k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg", imageAlt: "Shadow Demon creature" }, { id: "4", brand: "Ancient Legends", name: "Kraken of the Deep", price: "4 Realms", rating: 5, - reviewCount: "10.5k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg?_wi=4", imageAlt: "Kraken sea monster" + reviewCount: "10.5k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg", imageAlt: "Kraken sea monster" }, { id: "5", brand: "Undead Horrors", name: "Lich Overlord", price: "5 Realms", rating: 5, - reviewCount: "8.7k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg?_wi=5", imageAlt: "Lich Overlord" + reviewCount: "8.7k", imageSrc: "http://img.b2bpic.net/free-photo/scenes-horror-canyon_456031-92.jpg", imageAlt: "Lich Overlord" } ]} buttons={[ @@ -203,7 +203,7 @@ export default function LandingPage() { { text: "Submit a Monster", href: "#" }, { text: "Get in Touch", href: "#" } ]} - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "glowing-orb" }} useInvertedBackground={false} /> -- 2.49.1 From 65e3eb8088097f52b10b0b606a4e0f1a12c84119 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 19:44:37 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 61 ++++++++----------- 1 file changed, 24 insertions(+), 37 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..5f23b36 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,38 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; + fontSize?: number; + fontFamily?: string; + fill?: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text, + fontSize = 24, + fontFamily = 'Arial, sans-serif', + fill = 'currentColor', + className, +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1