diff --git a/src/app/page.tsx b/src/app/page.tsx index cf69456..9f40678 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="small" sizing="mediumSizeLargeTitles" - background="fluid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="radial-glow" @@ -46,10 +46,10 @@ export default function LandingPage() { @@ -66,21 +66,21 @@ export default function LandingPage() { title="What Makes This Place Special" description="10 Courses. Fire. Sea. Sand." tag="The Magic Formula" - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" textboxLayout="default" useInvertedBackground={false} features={[ { id: 1, - tag: "Fresh Catch", title: "West Coast Seafood", subtitle: "Daily fresh from local waters", description: "Our chefs select the finest catches from the Atlantic, ensuring every plate tells the story of the sea. Sustainable, authentic, unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cooked-mussels_23-2148393769.jpg?_wi=1", imageAlt: "Fresh fish grilling over open flames" + tag: "Fresh Catch", title: "West Coast Seafood", subtitle: "Daily fresh from local waters", description: "Our chefs select the finest catches from the Atlantic, ensuring every plate tells the story of the sea. Sustainable, authentic, unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cooked-mussels_23-2148393769.jpg", imageAlt: "Fresh fish grilling over open flames" }, { id: 2, - tag: "Tradition", title: "Bread Baked On Site", subtitle: "Sand oven magic daily", description: "Handmade bread emerges golden from our sand ovens. Pair it with farm butter and you'll understand why people return just for this course.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-beautiful-wooden-background_169016-6370.jpg?_wi=1", imageAlt: "Bread baking in outdoor sand oven" + tag: "Tradition", title: "Bread Baked On Site", subtitle: "Sand oven magic daily", description: "Handmade bread emerges golden from our sand ovens. Pair it with farm butter and you'll understand why people return just for this course.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-beautiful-wooden-background_169016-6370.jpg", imageAlt: "Bread baking in outdoor sand oven" }, { id: 3, - tag: "Heritage", title: "Open Fires Everywhere", subtitle: "Cooking the old-fashioned way", description: "Flames kiss fish, smoke wraps every bite, and the aroma of a real fire brings guests together. No shortcuts. No pretence. Just honest cooking.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mussel-shells-with-french-fries_23-2148375629.jpg?_wi=1", imageAlt: "Mussels cooking over fire" + tag: "Heritage", title: "Open Fires Everywhere", subtitle: "Cooking the old-fashioned way", description: "Flames kiss fish, smoke wraps every bite, and the aroma of a real fire brings guests together. No shortcuts. No pretence. Just honest cooking.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mussel-shells-with-french-fries_23-2148375629.jpg", imageAlt: "Mussels cooking over fire" }, { id: 4, @@ -88,7 +88,7 @@ export default function LandingPage() { }, { id: 5, - tag: "Comfort", title: "Tables In The Sand", subtitle: "Communal, rustic, real", description: "Benches, shared tables, laughter echoing across the beach. Strangers arrive. Friends leave. That's the Die Strandloper way.", imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg?_wi=1", imageAlt: "Sunset beach dining with friends" + tag: "Comfort", title: "Tables In The Sand", subtitle: "Communal, rustic, real", description: "Benches, shared tables, laughter echoing across the beach. Strangers arrive. Friends leave. That's the Die Strandloper way.", imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg", imageAlt: "Sunset beach dining with friends" } ]} /> @@ -99,7 +99,7 @@ export default function LandingPage() { title="The 10-Course Experience" description="A journey through flavor, fire, and friendship." tag="The Full Journey" - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" textboxLayout="default" useInvertedBackground={false} gridVariant="three-columns-all-equal-width" @@ -107,15 +107,15 @@ export default function LandingPage() { products={[ { id: "1", brand: "Course 1", name: "Fresh Homemade Bread", price: "The Beginning", rating: 5, - reviewCount: "9.2k", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-beautiful-wooden-background_169016-6370.jpg?_wi=2", imageAlt: "Warm bread with farm butter" + reviewCount: "9.2k", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-beautiful-wooden-background_169016-6370.jpg", imageAlt: "Warm bread with farm butter" }, { id: "2", brand: "Course 2-3", name: "Mussels & Smoked Snoek", price: "The Opening Act", rating: 5, - reviewCount: "8.7k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mussel-shells-with-french-fries_23-2148375629.jpg?_wi=2", imageAlt: "Mussels in garlic lemon sauce" + reviewCount: "8.7k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mussel-shells-with-french-fries_23-2148375629.jpg", imageAlt: "Mussels in garlic lemon sauce" }, { id: "3", brand: "Course 4-6", name: "West Coast Fish Braai", price: "The Main Event", rating: 5, - reviewCount: "9.1k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cooked-mussels_23-2148393769.jpg?_wi=2", imageAlt: "Fresh fish grilling over open flames" + reviewCount: "9.1k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cooked-mussels_23-2148393769.jpg", imageAlt: "Fresh fish grilling over open flames" }, { id: "4", brand: "Course 7", name: "Potjie Surprise", price: "Mystery & Delight", rating: 5, @@ -123,7 +123,7 @@ export default function LandingPage() { }, { id: "5", brand: "Courses 8-10", name: "Dessert & Coffee Finale", price: "The Sweet End", rating: 5, - reviewCount: "9.0k", imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg?_wi=2", imageAlt: "Sunset moment with friends" + reviewCount: "9.0k", imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg", imageAlt: "Sunset moment with friends" }, { id: "6", brand: "Between Courses", name: "Making New Friends", price: "Priceless", rating: 5, @@ -146,7 +146,7 @@ export default function LandingPage() { { src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-outdoors-nature_23-2148648054.jpg", alt: "Couple enjoying meal" }, { src: "http://img.b2bpic.net/free-photo/cheerful-woman-seashore-looking-camera_23-2148137858.jpg", alt: "Happy guests" } ]} - ratingAnimation="entrance-slide" + ratingAnimation="blur-reveal" avatarsAnimation="slide-up" useInvertedBackground={false} /> @@ -157,14 +157,14 @@ export default function LandingPage() { title="What To Expect (Fun FAQ)" description="Real questions. Honest answers. No filter." tag="The Real Talk" - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" textboxLayout="default" useInvertedBackground={false} mediaPosition="right" imageSrc="http://img.b2bpic.net/free-photo/afternoon-tea-set-with-latte-coffee-hot-tea-table-neary-chair-around-swimming-pool_74190-10020.jpg" imageAlt="Friendly staff helping guests" mediaAnimation="slide-up" - faqsAnimation="entrance-slide" + faqsAnimation="blur-reveal" faqs={[ { id: "1", title: "Is it fancy?", content: "No. If you're wearing a tuxedo we recommend removing it immediately. This is unpretentious beach dining at its finest." @@ -193,14 +193,14 @@ export default function LandingPage() { title="A Day at Die Strandloper" description="Arrive hungry. Grab a drink. Wander down to the beach. Watch the fires crackle. Then the food starts coming. One dish after another. Between bites you chat to strangers, listen to guitars, and realise you haven't looked at your phone in hours." tag="The Vibe" - tagAnimation="entrance-slide" - imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg?_wi=3" + tagAnimation="blur-reveal" + imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg" imageAlt="Sunset beach dining with friends" useInvertedBackground={false} buttons={[ { text: "See Our Instagram", href: "https://instagram.com" } ]} - buttonAnimation="entrance-slide" + buttonAnimation="blur-reveal" /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..4c32f24 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,55 @@ -"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; className?: string; + width?: number; + height?: number; + fontSize?: number; + fontWeight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold'; + fill?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + className = '', + width = 200, + height = 50, + fontSize = 24, + fontWeight = 'bold', + fill = 'currentColor', +}) => { + const fontWeightMap = { + light: 300, + normal: 400, + medium: 500, + semibold: 600, + bold: 700, + extrabold: 800, + }; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;