Merge version_1 into main #2
223
src/app/page.tsx
223
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Seau de Crabe"
|
||||
/>
|
||||
@@ -55,41 +47,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Seau de Crabe"
|
||||
description="Exquisite seafood dining in a refined, coastal-inspired setting."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0h3kr1&_wi=1",
|
||||
imageAlt: "Luxurious seafood setting",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0h3kr1", imageAlt: "Luxurious seafood setting"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8fkv3a&_wi=1",
|
||||
imageAlt: "Elegant crab meal",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8fkv3a", imageAlt: "Elegant crab meal"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlkkdc&_wi=1",
|
||||
imageAlt: "Fresh seafood presentation",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlkkdc", imageAlt: "Fresh seafood presentation"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2evahp",
|
||||
imageAlt: "Coastal fine dining",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2evahp", imageAlt: "Coastal fine dining"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qe7d2q",
|
||||
imageAlt: "Gourmet restaurant atmosphere",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qe7d2q", imageAlt: "Gourmet restaurant atmosphere"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dq5j72",
|
||||
imageAlt: "Seafood culinary excellence",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dq5j72", imageAlt: "Seafood culinary excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,18 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition meets ",
|
||||
},
|
||||
type: "text", content: "Tradition meets "},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12nok5",
|
||||
alt: "Chef preparing dish",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12nok5", alt: "Chef preparing dish"},
|
||||
{
|
||||
type: "text",
|
||||
content: " coastal elegance.",
|
||||
},
|
||||
type: "text", content: " coastal elegance."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,47 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "King Crab Platter",
|
||||
price: "$125",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttpige",
|
||||
},
|
||||
id: "p1", name: "King Crab Platter", price: "$125", variant: "Seasonal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttpige"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Blue Crab Special",
|
||||
price: "$85",
|
||||
variant: "Chef's Choice",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jtr417",
|
||||
},
|
||||
id: "p2", name: "Blue Crab Special", price: "$85", variant: "Chef's Choice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jtr417"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Grilled Crustacean",
|
||||
price: "$95",
|
||||
variant: "Signature",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fajuhe",
|
||||
},
|
||||
id: "p3", name: "Grilled Crustacean", price: "$95", variant: "Signature", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fajuhe"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Seafood Medley",
|
||||
price: "$110",
|
||||
variant: "Fresh Catch",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=euu1bu",
|
||||
},
|
||||
id: "p4", name: "Seafood Medley", price: "$110", variant: "Fresh Catch", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=euu1bu"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Steamed Crab Legs",
|
||||
price: "$75",
|
||||
variant: "Classic",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=os8v7q",
|
||||
},
|
||||
id: "p5", name: "Steamed Crab Legs", price: "$75", variant: "Classic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=os8v7q"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seasonal Crab Roast",
|
||||
price: "$105",
|
||||
variant: "Limited",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=044gse",
|
||||
},
|
||||
id: "p6", name: "Seasonal Crab Roast", price: "$105", variant: "Limited", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=044gse"},
|
||||
]}
|
||||
title="Our Signature Catch"
|
||||
description="Hand-picked, fresh daily specialties from the coast."
|
||||
@@ -174,31 +110,14 @@ export default function LandingPage() {
|
||||
<FeatureCardMedia
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fresh Origin",
|
||||
description: "Sustainably sourced daily.",
|
||||
tag: "Quality",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0h3kr1&_wi=2",
|
||||
imageAlt: "luxurious seafood platter restaurant setting",
|
||||
},
|
||||
id: "f1", title: "Fresh Origin", description: "Sustainably sourced daily.", tag: "Quality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0h3kr1", imageAlt: "luxurious seafood platter restaurant setting"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artisanal Preparation",
|
||||
description: "Perfected by expert chefs.",
|
||||
tag: "Craft",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8fkv3a&_wi=2",
|
||||
imageAlt: "luxurious seafood platter restaurant setting",
|
||||
},
|
||||
id: "f2", title: "Artisanal Preparation", description: "Perfected by expert chefs.", tag: "Craft", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8fkv3a", imageAlt: "luxurious seafood platter restaurant setting"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Coastal Atmosphere",
|
||||
description: "Serene and sophisticated.",
|
||||
tag: "Ambiance",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlkkdc&_wi=2",
|
||||
imageAlt: "luxurious seafood platter restaurant setting",
|
||||
},
|
||||
id: "f3", title: "Coastal Atmosphere", description: "Serene and sophisticated.", tag: "Ambiance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlkkdc", imageAlt: "luxurious seafood platter restaurant setting"},
|
||||
]}
|
||||
title="Refined Dining Experience"
|
||||
description="Crafted to elevate your culinary journey."
|
||||
@@ -212,23 +131,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Michelin Stars",
|
||||
value: "2",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Michelin Stars", value: "2"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Guests",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Happy Guests", value: "50k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Signature Dishes",
|
||||
value: "24",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Signature Dishes", value: "24"},
|
||||
]}
|
||||
title="A Culinary Legacy"
|
||||
description="Proven excellence in seafood dining."
|
||||
@@ -239,47 +149,23 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
handle: "@alice.foodie",
|
||||
testimonial: "An incredible experience, fresh and elegant.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wc6h94",
|
||||
},
|
||||
id: "t1", name: "Alice M.", handle: "@alice.foodie", testimonial: "An incredible experience, fresh and elegant.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wc6h94"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert B.",
|
||||
handle: "@rob.dining",
|
||||
testimonial: "The best seafood in the region.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uyyd07",
|
||||
},
|
||||
id: "t2", name: "Robert B.", handle: "@rob.dining", testimonial: "The best seafood in the region.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uyyd07"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah.culinary",
|
||||
testimonial: "Sophisticated atmosphere and divine crab.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=thso4r",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", handle: "@sarah.culinary", testimonial: "Sophisticated atmosphere and divine crab.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=thso4r"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
handle: "@david.eats",
|
||||
testimonial: "Absolute perfection, a must-visit venue.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbklap",
|
||||
},
|
||||
id: "t4", name: "David L.", handle: "@david.eats", testimonial: "Absolute perfection, a must-visit venue.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbklap"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica K.",
|
||||
handle: "@jess.style",
|
||||
testimonial: "Unparalleled coastal charm and flavor.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=82e9qc",
|
||||
},
|
||||
id: "t5", name: "Jessica K.", handle: "@jess.style", testimonial: "Unparalleled coastal charm and flavor.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=82e9qc"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Reflections"
|
||||
@@ -291,16 +177,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Reserve Table"
|
||||
title="Join Us Today"
|
||||
description="Secure your table for an evening of coastal indulgence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,29 +194,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Our Menu", href: "#menu"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user