Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
306
src/app/page.tsx
306
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bistro Delight"
|
||||
/>
|
||||
@@ -55,93 +43,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Culinary Excellence Reimagined"
|
||||
description="Experience hand-crafted dishes prepared with seasonal ingredients in a warm, sophisticated atmosphere."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@annas",
|
||||
testimonial: "The best dining experience in town. Truly unforgettable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "@jamesl",
|
||||
testimonial: "Fresh, locally sourced and beautifully presented.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Absolutely divine flavors in every bite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marcus T.",
|
||||
handle: "@marcust",
|
||||
testimonial: "A masterclass in modern fine dining.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sophie H.",
|
||||
handle: "@sophieh",
|
||||
testimonial: "Exquisite attention to detail and ambiance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Anna S.", handle: "@annas", testimonial: "The best dining experience in town. Truly unforgettable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg" },
|
||||
{ name: "James L.", handle: "@jamesl", testimonial: "Fresh, locally sourced and beautifully presented.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
{ name: "Elena R.", handle: "@elenar", testimonial: "Absolutely divine flavors in every bite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
|
||||
{ name: "Marcus T.", handle: "@marcust", testimonial: "A masterclass in modern fine dining.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg" },
|
||||
{ name: "Sophie H.", handle: "@sophieh", testimonial: "Exquisite attention to detail and ambiance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-setting_74190-3621.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg", alt: "Diner 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chef-Led Kitchen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private Events",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Service",
|
||||
},
|
||||
{ type: "text", text: "Seasonal Ingredients" },
|
||||
{ type: "text", text: "Chef-Led Kitchen" },
|
||||
{ type: "text", text: "Private Events" },
|
||||
{ type: "text", text: "Local Sourcing" },
|
||||
{ type: "text", text: "Award-Winning Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Truffle Pasta",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-italian-food_53876-16203.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pan-Seared Salmon",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-bright-colorful-eatable-bouquets-seasonable-fruits-vegetables-original-compositions_549566-326.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Grilled Ribeye",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-view-poke-bowl_1268-21961.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chocolate Soufflé",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-type-vegetables-dark-board-red-yellow-pepper-mushrooms-cherry-greens_482257-45393.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Caprese Salad",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-mussel-sauce-round-plate_176474-3413.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Artisan Bread Basket",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-stuffed-with-zucchini-with-slice-cheese-cucumber-blue-plate_141793-6117.jpg",
|
||||
},
|
||||
{ id: "1", name: "Truffle Pasta", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-italian-food_53876-16203.jpg" },
|
||||
{ id: "2", name: "Pan-Seared Salmon", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-bright-colorful-eatable-bouquets-seasonable-fruits-vegetables-original-compositions_549566-326.jpg" },
|
||||
{ id: "3", name: "Grilled Ribeye", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/close-view-poke-bowl_1268-21961.jpg" },
|
||||
{ id: "4", name: "Chocolate Soufflé", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-type-vegetables-dark-board-red-yellow-pepper-mushrooms-cherry-greens_482257-45393.jpg" },
|
||||
{ id: "5", name: "Caprese Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-mussel-sauce-round-plate_176474-3413.jpg" },
|
||||
{ id: "6", name: "Artisan Bread Basket", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/side-view-stuffed-with-zucchini-with-slice-cheese-cucumber-blue-plate_141793-6117.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our curated selection of fine dishes."
|
||||
@@ -210,24 +106,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Farm to Table",
|
||||
description: "Locally grown ingredients.",
|
||||
},
|
||||
{
|
||||
icon: Wine,
|
||||
title: "Expert Pairing",
|
||||
description: "Finest wine selection.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Seasonal Menus",
|
||||
description: "Always fresh, always new.",
|
||||
},
|
||||
{ icon: Leaf, title: "Farm to Table", description: "Locally grown ingredients." },
|
||||
{ icon: Wine, title: "Expert Pairing", description: "Finest wine selection." },
|
||||
{ icon: Clock, title: "Seasonal Menus", description: "Always fresh, always new." },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Excellence in every detail."
|
||||
@@ -240,46 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria C.",
|
||||
handle: "@mariac",
|
||||
testimonial: "Everything was perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Exceptional service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Highly recommended spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin B.",
|
||||
handle: "@kevinb",
|
||||
testimonial: "Incredible flavor profiles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
handle: "@lindam",
|
||||
testimonial: "My new favorite place.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Maria C.", handle: "@mariac", testimonial: "Everything was perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg" },
|
||||
{ id: "2", name: "John D.", handle: "@johnd", testimonial: "Exceptional service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
{ id: "3", name: "Sarah P.", handle: "@sarahp", testimonial: "Highly recommended spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
|
||||
{ id: "4", name: "Kevin B.", handle: "@kevinb", testimonial: "Incredible flavor profiles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg" },
|
||||
{ id: "5", name: "Linda M.", handle: "@lindam", testimonial: "My new favorite place.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Reviews"
|
||||
@@ -294,27 +144,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Guests",
|
||||
description: "Served with love.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "Signature Dishes",
|
||||
description: "Masterfully crafted.",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
title: "Years Experience",
|
||||
description: "Refining our craft.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "15k+", title: "Happy Guests", description: "Served with love.", icon: Users },
|
||||
{ id: "m2", value: "20", title: "Signature Dishes", description: "Masterfully crafted.", icon: Utensils },
|
||||
{ id: "m3", value: "5", title: "Years Experience", description: "Refining our craft.", icon: Award },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Driven by flavor."
|
||||
@@ -326,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend booking ahead.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there vegan options?",
|
||||
content: "Yes, we cater to all dietary needs.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have private seating?",
|
||||
content: "Yes, we offer private rooms for parties.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking ahead." },
|
||||
{ id: "f2", title: "Are there vegan options?", content: "Yes, we cater to all dietary needs." },
|
||||
{ id: "f3", title: "Do you have private seating?", content: "Yes, we offer private rooms for parties." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here to assist you."
|
||||
@@ -354,18 +174,8 @@ export default function LandingPage() {
|
||||
title="Reserve Your Table"
|
||||
description="Book your experience today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retired-man-ringing-service-bell-check-hotel-reception-arriving-luxury-resort-holiday-person-retirement-age-travelling-vacation-abroad-front-desk-employees-tripod-shot_482257-70824.jpg"
|
||||
/>
|
||||
@@ -375,36 +185,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Bistro Delight"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user