Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
464
src/app/page.tsx
464
src/app/page.tsx
@@ -16,340 +16,156 @@ import { Award, Star, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Les Baux de Paris"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Les Baux de Paris"
|
||||
button={{ text: "Reserve", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Les Baux de Paris"
|
||||
description="Cocktails & creative French tapas variations at a buzzy, hip bar with stone walls & sidewalk tables."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-with-tablet_23-2148868412.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a table",
|
||||
href: "https://thefork.fr",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Rue Mouffetard",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Tapas",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Cocktails",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Bistro",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Nightly",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Les Baux de Paris"
|
||||
description="Cocktails & creative French tapas variations at a buzzy, hip bar with stone walls & sidewalk tables."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-women-with-tablet_23-2148868412.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg", alt: "Diner 5" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve a table", href: "https://thefork.fr" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Rue Mouffetard" },
|
||||
{ type: "text", text: "Creative Tapas" },
|
||||
{ type: "text", text: "Artisan Cocktails" },
|
||||
{ type: "text", text: "Authentic Bistro" },
|
||||
{ type: "text", text: "Open Nightly" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Taste of Paris on Rue Mouffetard"
|
||||
description={[
|
||||
"Located in the heart of the 5th arrondissement, Les Baux de Paris offers a unique blend of creative French tapas and curated wine selections.",
|
||||
"Experience our buzzy, hip atmosphere featuring stone walls and charming sidewalk tables perfect for any occasion.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Taste of Paris on Rue Mouffetard"
|
||||
description={[
|
||||
"Located in the heart of the 5th arrondissement, Les Baux de Paris offers a unique blend of creative French tapas and curated wine selections.", "Experience our buzzy, hip atmosphere featuring stone walls and charming sidewalk tables perfect for any occasion."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Escargot",
|
||||
subtitle: "Popular dish",
|
||||
category: "Classic",
|
||||
value: "Essential",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wine Pairing",
|
||||
subtitle: "Curated selection",
|
||||
category: "Drink",
|
||||
value: "Refined",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Crème Brûlée",
|
||||
subtitle: "Patron favorite",
|
||||
category: "Dessert",
|
||||
value: "Sweet",
|
||||
},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Discover our signature dishes loved by our patrons."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Escargot", subtitle: "Popular dish", category: "Classic", value: "Essential" },
|
||||
{ id: "f2", title: "Wine Pairing", subtitle: "Curated selection", category: "Drink", value: "Refined" },
|
||||
{ id: "f3", title: "Crème Brûlée", subtitle: "Patron favorite", category: "Dessert", value: "Sweet" }
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Discover our signature dishes loved by our patrons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bistro",
|
||||
name: "Pièce de Boeuf",
|
||||
price: "€25",
|
||||
rating: 5,
|
||||
reviewCount: "1.9K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-sausage-close-up-detail_23-2149098896.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Bistro",
|
||||
name: "Poulpe Grillé",
|
||||
price: "€22",
|
||||
rating: 5,
|
||||
reviewCount: "1.9K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/octopus-served-with-lemon-berries_140725-1824.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Bistro",
|
||||
name: "Sole Meuniere",
|
||||
price: "€28",
|
||||
rating: 5,
|
||||
reviewCount: "1.9K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-grated-cheese-greens-cherry-tomato-top_140725-7995.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Bistro",
|
||||
name: "Aubergine Farcie",
|
||||
price: "€20",
|
||||
rating: 5,
|
||||
reviewCount: "1.9K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/imam-bayildi-traditional-turkish-food_181624-12931.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Bistro",
|
||||
name: "Filet Bouef",
|
||||
price: "€26",
|
||||
rating: 5,
|
||||
reviewCount: "1.9K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-brown-bowl-food-bowl-potatoes-mushrooms-fork-different-colorful-spices_140725-117349.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Bar",
|
||||
name: "Expresso Martini",
|
||||
price: "€12",
|
||||
rating: 5,
|
||||
reviewCount: "1.9K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-sitting-cafe-with-smoothie-jar_23-2148161559.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Tapas & Drinks"
|
||||
description="From fresh seafood to classic main courses, explore our menu."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Bistro", name: "Pièce de Boeuf", price: "€25", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-sausage-close-up-detail_23-2149098896.jpg" },
|
||||
{ id: "p2", brand: "Bistro", name: "Poulpe Grillé", price: "€22", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/octopus-served-with-lemon-berries_140725-1824.jpg" },
|
||||
{ id: "p3", brand: "Bistro", name: "Sole Meuniere", price: "€28", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-grated-cheese-greens-cherry-tomato-top_140725-7995.jpg" },
|
||||
{ id: "p4", brand: "Bistro", name: "Aubergine Farcie", price: "€20", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/imam-bayildi-traditional-turkish-food_181624-12931.jpg" },
|
||||
{ id: "p5", brand: "Bistro", name: "Filet Bouef", price: "€26", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-brown-bowl-food-bowl-potatoes-mushrooms-fork-different-colorful-spices_140725-117349.jpg" },
|
||||
{ id: "p6", brand: "Bar", name: "Expresso Martini", price: "€12", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-sitting-cafe-with-smoothie-jar_23-2148161559.jpg" }
|
||||
]}
|
||||
title="Signature Tapas & Drinks"
|
||||
description="From fresh seafood to classic main courses, explore our menu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.7",
|
||||
title: "Average Rating",
|
||||
description: "Based on 1,890 reviews",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.9K",
|
||||
title: "Happy Diners",
|
||||
description: "Local and international",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Culinary Passion",
|
||||
description: "Always refining our craft",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Gastronomy in Numbers"
|
||||
description="Consistently rated for excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.7", title: "Average Rating", description: "Based on 1,890 reviews", icon: Star },
|
||||
{ id: "m2", value: "1.9K", title: "Happy Diners", description: "Local and international", icon: Users },
|
||||
{ id: "m3", value: "24/7", title: "Culinary Passion", description: "Always refining our craft", icon: Award }
|
||||
]}
|
||||
title="Our Gastronomy in Numbers"
|
||||
description="Consistently rated for excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="An incredible experience at Les Baux de Paris. The tapas were innovative and the atmosphere is unmatched in the 5th arrondissement."
|
||||
rating={5}
|
||||
author="Marie L."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-explaining_23-2148868414.jpg",
|
||||
alt: "Marie L",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Jean P",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
|
||||
alt: "Sophie D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg",
|
||||
alt: "Marc R",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
||||
alt: "Luc C",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="An incredible experience at Les Baux de Paris. The tapas were innovative and the atmosphere is unmatched in the 5th arrondissement."
|
||||
rating={5}
|
||||
author="Marie L."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-explaining_23-2148868414.jpg", alt: "Marie L" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Jean P" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg", alt: "Sophie D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg", alt: "Marc R" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", alt: "Luc C" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="Book a table for a memorable culinary experience."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Date",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="Book a table for a memorable culinary experience."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Date", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Les Baux de Paris"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Les Baux de Paris"
|
||||
columns={[
|
||||
{ items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user