Merge version_1 into main #1
370
src/app/page.tsx
370
src/app/page.tsx
@@ -26,278 +26,116 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Specialties",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fresh Catch"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Specialties", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fresh Catch"
|
||||
button={{ text: "Reserve Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="The Art of Fresh Ocean Flavors"
|
||||
description="Experience unparalleled freshness where the sea meets sophistication. Our master chefs prepare daily catches with finesse, creating a dining journey that celebrates the purity of the ocean in an atmosphere of refined elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/holiday-cheese-menu-with-fruit-nuts-sauce_7502-7079.jpg"
|
||||
imageAlt="Gourmet fresh seafood platter"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hand-s-person-using-fork-while-eating-grilled-chicken-dinner_23-2148029654.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-bouquet-red-roses-flower-waiting-date_496169-289.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wild Caught",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Farm to Table",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Grade",
|
||||
icon: Diamond,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Specials",
|
||||
icon: Calendar,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="The Art of Fresh Ocean Flavors"
|
||||
description="Experience unparalleled freshness where the sea meets sophistication. Our master chefs prepare daily catches with finesse, creating a dining journey that celebrates the purity of the ocean in an atmosphere of refined elegance."
|
||||
buttons={[{ text: "Reserve Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/holiday-cheese-menu-with-fruit-nuts-sauce_7502-7079.jpg"
|
||||
imageAlt="Gourmet fresh seafood platter"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hand-s-person-using-fork-while-eating-grilled-chicken-dinner_23-2148029654.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-bouquet-red-roses-flower-waiting-date_496169-289.jpg", alt: "Diner 5" }
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Wild Caught", icon: Waves },
|
||||
{ type: "text-icon", text: "Farm to Table", icon: Leaf },
|
||||
{ type: "text-icon", text: "Sustainable", icon: Leaf },
|
||||
{ type: "text-icon", text: "Premium Grade", icon: Diamond },
|
||||
{ type: "text-icon", text: "Daily Specials", icon: Calendar }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description="Born from a passion for the sea, we source our ingredients daily from local sustainable waters. Every dish is a testament to our commitment to freshness, precision, and the authentic taste of the ocean."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Daily Fresh Plates",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Sustainable Sourcing",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cook-cleaning-fish-kitchen_23-2150238928.jpg"
|
||||
imageAlt="Chef preparing high-end seafood"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description="Born from a passion for the sea, we source our ingredients daily from local sustainable waters. Every dish is a testament to our commitment to freshness, precision, and the authentic taste of the ocean."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years of Excellence" },
|
||||
{ value: "200+", title: "Daily Fresh Plates" },
|
||||
{ value: "100%", title: "Sustainable Sourcing" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cook-cleaning-fish-kitchen_23-2150238928.jpg"
|
||||
imageAlt="Chef preparing high-end seafood"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Fresh Grilled Catch",
|
||||
description: "Perfectly seared fish with delicate herb seasonings.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Committed to ocean conservation and healthy fishing.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Masterful Presentation",
|
||||
description: "Artistry on every plate for a sensory feast.",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="Savor the essence of the ocean through our meticulously curated menu."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Fresh Grilled Catch", description: "Perfectly seared fish with delicate herb seasonings." },
|
||||
{ icon: Shield, title: "Sustainable Sourcing", description: "Committed to ocean conservation and healthy fishing." },
|
||||
{ icon: Award, title: "Masterful Presentation", description: "Artistry on every plate for a sensory feast." }
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="Savor the essence of the ocean through our meticulously curated menu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Quality",
|
||||
quote: "The seafood was incredibly fresh and perfectly cooked. A true delight!",
|
||||
name: "Sarah Johnson",
|
||||
role: "Food Critic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wonderful Experience",
|
||||
quote: "Authentic, well-cared for, and flavorful without being overwhelming.",
|
||||
name: "Michael Chen",
|
||||
role: "Gourmet Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-s-person-using-fork-while-eating-grilled-chicken-dinner_23-2148029654.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Remarkable Flavor",
|
||||
quote: "The grilled sea bass was perfect. Cozy atmosphere and friendly staff.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Local Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Unforgettable",
|
||||
quote: "One of the best seafood restaurants I've tested. Truly exquisite.",
|
||||
name: "David Kim",
|
||||
role: "Tech Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Simply Delicious",
|
||||
quote: "A masterclass in seafood. The presentation and taste were perfect.",
|
||||
name: "Linda Martin",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-bouquet-red-roses-flower-waiting-date_496169-289.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Our Guests"
|
||||
description="Authentic experiences from those who savor the art of seafood."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional Quality", quote: "The seafood was incredibly fresh and perfectly cooked. A true delight!", name: "Sarah Johnson", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
|
||||
{ id: "2", title: "Wonderful Experience", quote: "Authentic, well-cared for, and flavorful without being overwhelming.", name: "Michael Chen", role: "Gourmet Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/hand-s-person-using-fork-while-eating-grilled-chicken-dinner_23-2148029654.jpg" },
|
||||
{ id: "3", title: "Remarkable Flavor", quote: "The grilled sea bass was perfect. Cozy atmosphere and friendly staff.", name: "Emily Rodriguez", role: "Local Patron", imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg" },
|
||||
{ id: "4", title: "Unforgettable", quote: "One of the best seafood restaurants I've tested. Truly exquisite.", name: "David Kim", role: "Tech Executive", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg" },
|
||||
{ id: "5", title: "Simply Delicious", quote: "A masterclass in seafood. The presentation and taste were perfect.", name: "Linda Martin", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-bouquet-red-roses-flower-waiting-date_496169-289.jpg" }
|
||||
]}
|
||||
title="Voices of Our Guests"
|
||||
description="Authentic experiences from those who savor the art of seafood."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Join us for an unforgettable evening by the sea. Book your table today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@freshcatch.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Join us for an unforgettable evening by the sea. Book your table today."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@freshcatch.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Specialties",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Fresh Catch"
|
||||
copyrightText="© 2025 Fresh Catch Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Specialties", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#about" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Fresh Catch"
|
||||
copyrightText="© 2025 Fresh Catch Restaurant"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user