Update src/app/page.tsx
This commit is contained in:
393
src/app/page.tsx
393
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Coffee, Anchor, PartyPopper } from "lucide-react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
@@ -27,289 +28,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Cuisine",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Blue Flamingo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "about" },
|
||||
{ name: "Cuisine", id: "products" },
|
||||
{ name: "Events", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blue Flamingo"
|
||||
button={{ text: "Reservations", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
logoText="Blue Flamingo"
|
||||
description="Experience Strasbourg's most unforgettable floating restaurant and rooftop bar, where innovative cuisine meets breathtaking views and bold design. Perfect for celebrations, intimate dinners, and gatherings that defy convention."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Venue",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg"
|
||||
imageAlt="Blue Flamingo floating restaurant terrace"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
logoText="Blue Flamingo"
|
||||
description="Experience Strasbourg's most unforgettable floating restaurant and rooftop bar, where innovative cuisine meets breathtaking views and bold design. Perfect for celebrations, intimate dinners, and gatherings that defy convention."
|
||||
buttons={[{ text: "Reserve Your Table Now", href: "#contact" }, { text: "Explore Venue", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-reception-room-with-decorated-table-setting-sea-view-through-window_637285-984.jpg"
|
||||
imageAlt="Blue Flamingo floating restaurant terrace"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Venue That Defies Convention"
|
||||
metrics={[
|
||||
{
|
||||
label: "Seating Capacity",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
label: "Floating Levels",
|
||||
value: "2",
|
||||
},
|
||||
{
|
||||
label: "Signature Cocktails",
|
||||
value: "40+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Venue That Defies Convention"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Seating Capacity", value: "150+" },
|
||||
{ icon: Anchor, label: "Floating Levels", value: "2" },
|
||||
{ icon: PartyPopper, label: "Signature Cocktails", value: "40+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Corporate Events",
|
||||
tags: [
|
||||
"Private",
|
||||
"Versatile",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Breathtaking Views",
|
||||
tags: [
|
||||
"Panoramic",
|
||||
"Scenic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blagoveshchensky-bridge-morning_1398-2788.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Innovative Cuisine",
|
||||
tags: [
|
||||
"Gourmet",
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-meat-with-green-sauce-tomato_140725-9526.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Event Spaces"
|
||||
description="Whether you're planning a team celebration or a corporate gathering, our space offers the perfect balance of exclusivity and atmosphere."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Corporate Events", tags: ["Private", "Versatile"], imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg" },
|
||||
{ id: "f2", title: "Breathtaking Views", tags: ["Panoramic", "Scenic"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-blagoveshchensky-bridge-morning_1398-2788.jpg" },
|
||||
{ id: "f3", title: "Innovative Cuisine", tags: ["Gourmet", "Creative"], imageSrc: "http://img.b2bpic.net/free-photo/fresh-meat-with-green-sauce-tomato_140725-9526.jpg" },
|
||||
]}
|
||||
title="Unrivaled Event Spaces"
|
||||
description="Whether you're planning a team celebration or a corporate gathering, our space offers the perfect balance of exclusivity and atmosphere."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Salmon",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-red-dessert-with-white-cream-berries-nuts-black-bowl_181624-7081.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sunset Spritz",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-cherry_1203-1744.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Truffle Arancini",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062790.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Reserve Red",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-holding-drinks_23-2150124801.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Flamingo Mousse",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-blue-plate-with-decorative-flowers-sauce_23-2151973728.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Botanical Gin",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/octopus-legs-with-lemon-herbs_114579-3467.jpg",
|
||||
},
|
||||
]}
|
||||
title="Culinary Excellence"
|
||||
description="Discover a menu crafted for the bold, featuring fresh, local ingredients and mixology that pushes boundaries."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Signature Salmon", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-red-dessert-with-white-cream-berries-nuts-black-bowl_181624-7081.jpg" },
|
||||
{ id: "p2", name: "Sunset Spritz", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-cherry_1203-1744.jpg" },
|
||||
{ id: "p3", name: "Truffle Arancini", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062790.jpg" },
|
||||
{ id: "p4", name: "Reserve Red", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-holding-drinks_23-2150124801.jpg" },
|
||||
{ id: "p5", name: "Flamingo Mousse", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-blue-plate-with-decorative-flowers-sauce_23-2151973728.jpg" },
|
||||
{ id: "p6", name: "Botanical Gin", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/octopus-legs-with-lemon-herbs_114579-3467.jpg" },
|
||||
]}
|
||||
title="Culinary Excellence"
|
||||
description="Discover a menu crafted for the bold, featuring fresh, local ingredients and mixology that pushes boundaries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-spending-time-together-drinking-wine-rooftop-terrace_23-2149053018.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-resting-railing_23-2148317117.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/background-birthday-party-elements-flat-design_23-2147650105.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Guests Say"
|
||||
cardTag="Social Proof"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-spending-time-together-drinking-wine-rooftop-terrace_23-2149053018.jpg" },
|
||||
{ id: "t2", name: "James Chen", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg" },
|
||||
{ id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-resting-railing_23-2148317117.jpg" },
|
||||
{ id: "t5", name: "Sophie K.", imageSrc: "http://img.b2bpic.net/free-vector/background-birthday-party-elements-flat-design_23-2147650105.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Guests Say"
|
||||
cardTag="Social Proof"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, we highly recommend booking in advance to secure your table.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the venue wheelchair accessible?",
|
||||
content: "We have fully accessible decks and facilities to ensure everyone enjoys the view.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I host a private event?",
|
||||
content: "Yes, our events team is dedicated to creating memorable team and celebration packages.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about dining at Blue Flamingo."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance to secure your table." },
|
||||
{ id: "q2", title: "Is the venue wheelchair accessible?", content: "We have fully accessible decks and facilities to ensure everyone enjoys the view." },
|
||||
{ id: "q3", title: "Can I host a private event?", content: "Yes, our events team is dedicated to creating memorable team and celebration packages." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about dining at Blue Flamingo."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Booking"
|
||||
title="Secure Your Table Today"
|
||||
description="Don't miss the most unique dining experience in Strasbourg. Sign up for updates or reserve your spot."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Booking"
|
||||
title="Secure Your Table Today"
|
||||
description="Don't miss the most unique dining experience in Strasbourg. Sign up for updates or reserve your spot."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-natural-landscape_23-2151922775.jpg"
|
||||
logoText="Blue Flamingo"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Events",
|
||||
items: [
|
||||
{
|
||||
label: "Corporate",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Celebrations",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-natural-landscape_23-2151922775.jpg"
|
||||
logoText="Blue Flamingo"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
|
||||
{ title: "Events", items: [{ label: "Corporate", href: "#features" }, { label: "Celebrations", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user