Merge version_1 into main #1
363
src/app/page.tsx
363
src/app/page.tsx
@@ -25,251 +25,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Le Cirque"
|
||||
button={{
|
||||
text: "Reserve",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Gallery", id: "experience" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
]}
|
||||
brandName="Le Cirque"
|
||||
button={{
|
||||
text: "Reserve", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Franco-Italian Fine Dining Experience"
|
||||
description="Where elegance meets gastronomy. Join us for a culinary journey curated with passion and heritage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
|
||||
imageAlt="Luxurious fine dining atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg",
|
||||
alt: "Chef one",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plate-meat-stew-with-vegetables_140725-4910.jpg",
|
||||
alt: "Chef two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg",
|
||||
alt: "Chef three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/slices-delicious-cake-front-view_23-2148395146.jpg",
|
||||
alt: "Chef four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/champagne-sparkles-crystal-glasses_8353-24.jpg",
|
||||
alt: "Chef five",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Rated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farm to Table",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning Wines",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Coastal Heritage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chef Inspired",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Franco-Italian Fine Dining Experience"
|
||||
description="Where elegance meets gastronomy. Join us for a culinary journey curated with passion and heritage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
|
||||
imageAlt="Luxurious fine dining atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg", alt: "Chef one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plate-meat-stew-with-vegetables_140725-4910.jpg", alt: "Chef two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg", alt: "Chef three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/slices-delicious-cake-front-view_23-2148395146.jpg", alt: "Chef four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/champagne-sparkles-crystal-glasses_8353-24.jpg", alt: "Chef five" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Michelin Rated" },
|
||||
{ type: "text", text: "Farm to Table" },
|
||||
{ type: "text", text: "Award Winning Wines" },
|
||||
{ type: "text", text: "Coastal Heritage" },
|
||||
{ type: "text", text: "Chef Inspired" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Heritage & Elegance"
|
||||
description="Le Cirque represents the pinnacle of fine dining, blending the delicate flavors of the French coast with the robust, soul-warming spirit of Italian cuisine. Every dish is a testament to our commitment to luxury and heritage."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Heritage & Elegance"
|
||||
description="Le Cirque represents the pinnacle of fine dining, blending the delicate flavors of the French coast with the robust, soul-warming spirit of Italian cuisine. Every dish is a testament to our commitment to luxury and heritage."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Starter Selection",
|
||||
price: "Featured",
|
||||
variant: "Fresh Seasonal Herbs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-meat-stew-with-vegetables_140725-4910.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Main Course",
|
||||
price: "Signature",
|
||||
variant: "Franco-Italian Blend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wine Pairing",
|
||||
price: "Sommelier",
|
||||
variant: "Exclusive Cellar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-delicious-cake-front-view_23-2148395146.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Selections"
|
||||
description="From handcrafted starters to exquisite main courses and decadent desserts, explore our refined menu."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Starter Selection", price: "Featured", variant: "Fresh Seasonal Herbs", imageSrc: "http://img.b2bpic.net/free-photo/plate-meat-stew-with-vegetables_140725-4910.jpg" },
|
||||
{ id: "2", name: "Main Course", price: "Signature", variant: "Franco-Italian Blend", imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg" },
|
||||
{ id: "3", name: "Wine Pairing", price: "Sommelier", variant: "Exclusive Cellar", imageSrc: "http://img.b2bpic.net/free-photo/slices-delicious-cake-front-view_23-2148395146.jpg" },
|
||||
]}
|
||||
title="Our Signature Selections"
|
||||
description="From handcrafted starters to exquisite main courses and decadent desserts, explore our refined menu."
|
||||
buttons={[
|
||||
{ text: "View Full Menu", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="The Immersive Experience"
|
||||
description="Beyond a simple meal, enjoy a comprehensive dining experience featuring tasting menus, expert wine pairings in our private cellar, and refined ambiance."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Tasting Menus",
|
||||
content: "A multi-course journey designed to showcase the best of seasonal local ingredients.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cellar Tours",
|
||||
content: "Explore our curated collection of vintage wines with our master sommelier.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Private Dining",
|
||||
content: "Exclusive atmosphere for your most special occasions.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/champagne-sparkles-crystal-glasses_8353-24.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="The Immersive Experience"
|
||||
description="Beyond a simple meal, enjoy a comprehensive dining experience featuring tasting menus, expert wine pairings in our private cellar, and refined ambiance."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Tasting Menus", content: "A multi-course journey designed to showcase the best of seasonal local ingredients." },
|
||||
{ id: "2", title: "Cellar Tours", content: "Explore our curated collection of vintage wines with our master sommelier." },
|
||||
{ id: "3", title: "Private Dining", content: "Exclusive atmosphere for your most special occasions." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/champagne-sparkles-crystal-glasses_8353-24.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Book Your Experience"
|
||||
description="Reserve your table today for an evening of luxury."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Book Your Experience"
|
||||
description="Reserve your table today for an evening of luxury."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Starters",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Main Courses",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Wine List",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Le Cirque. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Starters", href: "#menu" },
|
||||
{ label: "Main Courses", href: "#menu" },
|
||||
{ label: "Wine List", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Reservations", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Le Cirque. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user