Update src/app/page.tsx

This commit is contained in:
2026-06-10 20:07:52 +00:00
parent deee2e2895
commit 0105974711

View File

@@ -33,118 +33,75 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Our Story", name: "Our Story", id: "#our-story"},
id: "#our-story",
},
{ {
name: "Menu", name: "Menu", id: "#menu"},
id: "#menu",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Reservations", name: "Reservations", id: "#reservations"},
id: "#reservations",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/i-love-pasta-text-black-background_23-2147925929.jpg" logoSrc="http://img.b2bpic.net/free-photo/i-love-pasta-text-black-background_23-2147925929.jpg"
logoAlt="L'Anima Restaurant Logo" logoAlt="L'Anima Restaurant Logo"
brandName="L'Anima" brandName="L'Anima"
button={{ button={{
text: "Book a Table", text: "Book a Table", href: "#reservations"}}
href: "#reservations",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "plain", variant: "plain"}}
}}
imagePosition="right" imagePosition="right"
title="Experience the Soul of Italy" title="Experience the Soul of Italy"
description="L'Anima offers an unparalleled journey into the heart of authentic Italian fine dining. Indulge in exquisite flavors, timeless traditions, and a truly captivating ambiance." description="L'Anima offers an unparalleled journey into the heart of authentic Italian fine dining. Indulge in exquisite flavors, timeless traditions, and a truly captivating ambiance."
kpis={[ kpis={[
{ {
value: "50+", value: "50+", label: "Years of Tradition"},
label: "Years of Tradition",
},
{ {
value: "12", value: "12", label: "Signature Dishes"},
label: "Signature Dishes",
},
{ {
value: "10k+", value: "10k+", label: "Happy Guests"},
label: "Happy Guests",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[
{ {
text: "View Our Menu", text: "View Our Menu", href: "#menu"},
href: "#menu",
},
{ {
text: "Reserve a Table", text: "Reserve a Table", href: "#reservations"},
href: "#reservations",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/chicken-caesar-table-top-view_140725-6547.jpg" imageSrc="http://img.b2bpic.net/free-photo/chicken-caesar-table-top-view_140725-6547.jpg"
imageAlt="Cinematic fine dining table setting at L'Anima" imageAlt="Cinematic fine dining table setting at L'Anima"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg", src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg", alt: "Satisfied customer profile"},
alt: "Satisfied customer profile",
},
{ {
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg", src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg", alt: "Happy customer portrait"},
alt: "Happy customer portrait",
},
{ {
src: "http://img.b2bpic.net/free-photo/verity-cheese-bread-slice-walnut-bay-leaves-with-empty-clipboard_23-2148101731.jpg", src: "http://img.b2bpic.net/free-photo/verity-cheese-bread-slice-walnut-bay-leaves-with-empty-clipboard_23-2148101731.jpg", alt: "Food critic review profile"},
alt: "Food critic review profile",
},
{ {
src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg", src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg", alt: "Restaurant guest smiling"},
alt: "Restaurant guest smiling",
},
{ {
src: "http://img.b2bpic.net/free-photo/elegant-young-man-table-restaurant_23-2147689186.jpg", src: "http://img.b2bpic.net/free-photo/elegant-young-man-table-restaurant_23-2147689186.jpg", alt: "Fine dining patron testimonial"},
alt: "Fine dining patron testimonial",
},
]} ]}
avatarText="Trusted by 10,000+ happy guests" avatarText="Trusted by 10,000+ happy guests"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Authentic Italian Flavors"},
content: "Authentic Italian Flavors", {
type: "text-icon", text: "Michelin Recommended", icon: Star,
}, },
{ {
type: "text-icon", type: "text", text: "Generations of Tradition"},
text: "Michelin Recommended", {
icon: Star, type: "text-icon", text: "Award-Winning Cuisine", icon: Award,
}, },
{ {
type: "text", type: "text", text: "Unforgettable Dining Experience"},
content: "Generations of Tradition",
},
{
type: "text-icon",
text: "Award-Winning Cuisine",
icon: Award,
},
{
type: "text",
content: "Unforgettable Dining Experience",
},
]} ]}
/> />
</div> </div>
@@ -156,17 +113,11 @@ export default function LandingPage() {
description="L'Anima, meaning 'The Soul' in Italian, embodies generations of culinary passion. From Roman street food to Tuscan countryside feasts, our chefs craft each dish with reverence for tradition and a touch of modern artistry, using only the finest seasonal ingredients." description="L'Anima, meaning 'The Soul' in Italian, embodies generations of culinary passion. From Roman street food to Tuscan countryside feasts, our chefs craft each dish with reverence for tradition and a touch of modern artistry, using only the finest seasonal ingredients."
metrics={[ metrics={[
{ {
value: "Est. 1972", value: "Est. 1972", title: "Legacy"},
title: "Legacy",
},
{ {
value: "Artisan Chefs", value: "Artisan Chefs", title: "Expertise"},
title: "Expertise",
},
{ {
value: "Local Produce", value: "Local Produce", title: "Freshness"},
title: "Freshness",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/hardworking-senior-carpenter-working-his-creative-project-carpentry-workshop_342744-1438.jpg" imageSrc="http://img.b2bpic.net/free-photo/hardworking-senior-carpenter-working-his-creative-project-carpentry-workshop_342744-1438.jpg"
imageAlt="Chef preparing a dish in a rustic Italian kitchen" imageAlt="Chef preparing a dish in a rustic Italian kitchen"
@@ -183,24 +134,16 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Sparkles, icon: Sparkles,
title: "Artisanal Pasta", title: "Artisanal Pasta", description: "Handmade daily with passion, our pasta embodies centuries of Italian tradition and flavor."},
description: "Handmade daily with passion, our pasta embodies centuries of Italian tradition and flavor.",
},
{ {
icon: Wine, icon: Wine,
title: "Curated Wine Cellar", title: "Curated Wine Cellar", description: "Discover a selection of Italy's finest wines, perfectly paired to complement your culinary journey."},
description: "Discover a selection of Italy's finest wines, perfectly paired to complement your culinary journey.",
},
{ {
icon: Feather, icon: Feather,
title: "Romantic Ambiance", title: "Romantic Ambiance", description: "Dine under soft lighting and subtle melodies, enveloped in an atmosphere of intimate elegance."},
description: "Dine under soft lighting and subtle melodies, enveloped in an atmosphere of intimate elegance.",
},
{ {
icon: Flame, icon: Flame,
title: "Seasonal Delights", title: "Seasonal Delights", description: "Our menu evolves with the seasons, ensuring the freshest, most vibrant flavors on your plate."},
description: "Our menu evolves with the seasons, ensuring the freshest, most vibrant flavors on your plate.",
},
]} ]}
title="The L'Anima Experience" title="The L'Anima Experience"
description="Beyond exquisite food, L'Anima offers an atmosphere where every detail whispers Italian romance and luxury." description="Beyond exquisite food, L'Anima offers an atmosphere where every detail whispers Italian romance and luxury."
@@ -215,47 +158,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "pasta-truffle", id: "pasta-truffle", name: "Tagliatelle al Tartufo", price: "€38", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-bolognese-with-grated-cheese-plate_141793-12581.jpg", imageAlt: "Tagliatelle al Tartufo with fresh black truffles"},
name: "Tagliatelle al Tartufo",
price: "€38",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-bolognese-with-grated-cheese-plate_141793-12581.jpg",
imageAlt: "Tagliatelle al Tartufo with fresh black truffles",
},
{ {
id: "scallops-risotto", id: "scallops-risotto", name: "Capesante con Risotto", price: "€42", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-seafood-white-plate_74190-515.jpg", imageAlt: "Seared scallops with saffron risotto"},
name: "Capesante con Risotto",
price: "€42",
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-seafood-white-plate_74190-515.jpg",
imageAlt: "Seared scallops with saffron risotto",
},
{ {
id: "lasagna", id: "lasagna", name: "Lasagna al Forno", price: "€28", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-fork_23-2149598972.jpg", imageAlt: "Traditional oven-baked lasagna"},
name: "Lasagna al Forno",
price: "€28",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-fork_23-2149598972.jpg",
imageAlt: "Traditional oven-baked lasagna",
},
{ {
id: "bistecca", id: "bistecca", name: "Bistecca alla Fiorentina", price: "€55", imageSrc: "http://img.b2bpic.net/free-photo/top-beef-steak-with-peppercorn-sauce-wooden-board_140725-12295.jpg", imageAlt: "Grilled Florentine steak with rosemary"},
name: "Bistecca alla Fiorentina",
price: "€55",
imageSrc: "http://img.b2bpic.net/free-photo/top-beef-steak-with-peppercorn-sauce-wooden-board_140725-12295.jpg",
imageAlt: "Grilled Florentine steak with rosemary",
},
{ {
id: "artichoke-salad", id: "artichoke-salad", name: "Insalata di Carciofi", price: "€22", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-fresh-salad_23-2148537203.jpg", imageAlt: "Fresh artichoke heart salad with parmesan"},
name: "Insalata di Carciofi",
price: "€22",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-fresh-salad_23-2148537203.jpg",
imageAlt: "Fresh artichoke heart salad with parmesan",
},
{ {
id: "tiramisu", id: "tiramisu", name: "Tiramisù Classico", price: "€14", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cake-with-red-currants-board-cupcakes-cup-tea-with-candies_140725-122868.jpg", imageAlt: "Classic tiramisu dessert"},
name: "Tiramisù Classico",
price: "€14",
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cake-with-red-currants-board-cupcakes-cup-tea-with-candies_140725-122868.jpg",
imageAlt: "Classic tiramisu dessert",
},
]} ]}
title="Our Exquisite Menu" title="Our Exquisite Menu"
description="Savor authentic Italian cuisine, meticulously crafted from the freshest ingredients and culinary traditions passed down through generations." description="Savor authentic Italian cuisine, meticulously crafted from the freshest ingredients and culinary traditions passed down through generations."
@@ -270,27 +183,17 @@ export default function LandingPage() {
author="Isabella Rossi, Food Critic" author="Isabella Rossi, Food Critic"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/pensive-guy-sitting-bar-counter_23-2148016837.jpg", src: "http://img.b2bpic.net/free-photo/pensive-guy-sitting-bar-counter_23-2148016837.jpg", alt: "Isabella Rossi"},
alt: "Isabella Rossi",
},
{ {
src: "http://img.b2bpic.net/free-photo/online-shopping-is-so-easy_329181-11751.jpg", src: "http://img.b2bpic.net/free-photo/online-shopping-is-so-easy_329181-11751.jpg", alt: "Marco Bianchi"},
alt: "Marco Bianchi",
},
{ {
src: "http://img.b2bpic.net/free-photo/front-view-female-cook-white-cook-suit-holding-big-white-sign-green-wall_140725-58603.jpg", src: "http://img.b2bpic.net/free-photo/front-view-female-cook-white-cook-suit-holding-big-white-sign-green-wall_140725-58603.jpg", alt: "Sofia Ricci"},
alt: "Sofia Ricci",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", src: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", alt: "Giovanni Gallo"},
alt: "Giovanni Gallo",
},
{ {
src: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg", src: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg", alt: "Elena Costa"},
alt: "Elena Costa",
},
]} ]}
ratingAnimation="reveal-blur" ratingAnimation="blur-reveal"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
/> />
</div> </div>
@@ -300,14 +203,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Gourmet Italia", "Gourmet Italia", "Michelin Guide", "Taste of Rome", "Tuscan Life Magazine", "World's Best Restaurants", "Culinary Review Daily", "Dining Excellence Awards"]}
"Michelin Guide",
"Taste of Rome",
"Tuscan Life Magazine",
"World's Best Restaurants",
"Culinary Review Daily",
"Dining Excellence Awards",
]}
title="L'Anima in the Press" title="L'Anima in the Press"
description="Proudly featured and celebrated by leading culinary publications and critics." description="Proudly featured and celebrated by leading culinary publications and critics."
speed={35} speed={35}
@@ -320,25 +216,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "Do you accommodate dietary restrictions?", content: "Yes, our chefs are happy to adapt dishes to accommodate most dietary restrictions and allergies. Please inform us when making your reservation or upon arrival."},
title: "Do you accommodate dietary restrictions?",
content: "Yes, our chefs are happy to adapt dishes to accommodate most dietary restrictions and allergies. Please inform us when making your reservation or upon arrival.",
},
{ {
id: "faq-2", id: "faq-2", title: "Is there a dress code?", content: "L'Anima maintains a smart-casual dress code to preserve the elegant dining atmosphere. We kindly request no sportswear, flip-flops, or shorts."},
title: "Is there a dress code?",
content: "L'Anima maintains a smart-casual dress code to preserve the elegant dining atmosphere. We kindly request no sportswear, flip-flops, or shorts.",
},
{ {
id: "faq-3", id: "faq-3", title: "Can I book a private event?", content: "Absolutely. L'Anima offers private dining options for special occasions and corporate events. Please contact us directly to discuss your specific needs and arrangements."},
title: "Can I book a private event?",
content: "Absolutely. L'Anima offers private dining options for special occasions and corporate events. Please contact us directly to discuss your specific needs and arrangements.",
},
{ {
id: "faq-4", id: "faq-4", title: "Do you have vegetarian or vegan options?", content: "Our menu includes a selection of vegetarian dishes, and many can be prepared vegan upon request. Our team can guide you through the available choices."},
title: "Do you have vegetarian or vegan options?",
content: "Our menu includes a selection of vegetarian dishes, and many can be prepared vegan upon request. Our team can guide you through the available choices.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg" imageSrc="http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg"
imageAlt="Cozy restaurant interior with elegant lighting" imageAlt="Cozy restaurant interior with elegant lighting"
@@ -357,46 +241,26 @@ export default function LandingPage() {
description="Book your table at L'Anima and prepare for an unforgettable Italian culinary experience." description="Book your table at L'Anima and prepare for an unforgettable Italian culinary experience."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number", required: false,
type: "tel",
placeholder: "Phone Number",
required: false,
}, },
{ {
name: "date", name: "date", type: "date", placeholder: "Preferred Date", required: true,
type: "date",
placeholder: "Preferred Date",
required: true,
}, },
{ {
name: "time", name: "time", type: "time", placeholder: "Preferred Time", required: true,
type: "time",
placeholder: "Preferred Time",
required: true,
}, },
{ {
name: "guests", name: "guests", type: "number", placeholder: "Number of Guests", required: true,
type: "number",
placeholder: "Number of Guests",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Special requests or dietary needs...", rows: 4,
placeholder: "Special requests or dietary needs...",
rows: 4,
required: false, required: false,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/older-people-talk-about-holiday-plans_482257-76640.jpg" imageSrc="http://img.b2bpic.net/free-photo/older-people-talk-about-holiday-plans_482257-76640.jpg"
@@ -415,49 +279,31 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Our Story", label: "Our Story", href: "#our-story"},
href: "#our-story",
},
{ {
label: "The Menu", label: "The Menu", href: "#menu"},
href: "#menu",
},
{ {
label: "Reservations", label: "Reservations", href: "#reservations"},
href: "#reservations",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Contact Us", label: "Contact Us", href: "#reservations"},
href: "#reservations",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Facebook", label: "Facebook", href: "#"},
href: "#",
},
{ {
label: "Instagram", label: "Instagram", href: "#"},
href: "#",
},
{ {
label: "TikTok", label: "TikTok", href: "#"},
href: "#",
},
], ],
}, },
]} ]}