diff --git a/src/app/page.tsx b/src/app/page.tsx index f2fea1d..fb0e198 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="mediumLargeSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="flat" secondaryButtonStyle="radial-glow" @@ -47,18 +47,18 @@ export default function LandingPage() { tag="Premium Organic" tagIcon={Leaf} tagAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "sparkles-gradient" }} leftCarouselItems={[ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9yeji4&_wi=1", imageAlt: "Organic granola product vibrant fresh" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zfn63o&_wi=1", imageAlt: "Healthy snack bowl fresh ingredients" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9yeji4", imageAlt: "Organic granola product vibrant fresh" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zfn63o", imageAlt: "Healthy snack bowl fresh ingredients" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b5hvgn", imageAlt: "Organic food assortment natural" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qg9zpe", imageAlt: "Farm fresh food product natural" } ]} rightCarouselItems={[ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=71fw0h", imageAlt: "Eco-friendly food packaging organic" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=voej1p", imageAlt: "Food product closeup fresh quality" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9yeji4&_wi=2", imageAlt: "Organic granola cereal breakfast" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zfn63o&_wi=2", imageAlt: "Healthy snack bowl arrangement" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9yeji4", imageAlt: "Organic granola cereal breakfast" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zfn63o", imageAlt: "Healthy snack bowl arrangement" } ]} buttons={[ { text: "Shop Collection", href: "products" }, @@ -145,10 +145,10 @@ export default function LandingPage() { (function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + fontSize = 24, + fillColor = '#000000', + className = '', +}) => { + const textWidth = text.length * (fontSize * 0.6); + const padding = 20; + const width = textWidth + padding * 2; + const height = fontSize + padding * 2; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;