Update src/app/page.tsx
This commit is contained in:
282
src/app/page.tsx
282
src/app/page.tsx
@@ -33,118 +33,75 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#our-story",
|
||||
},
|
||||
name: "Our Story", id: "#our-story"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "#reservations",
|
||||
},
|
||||
name: "Reservations", id: "#reservations"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/i-love-pasta-text-black-background_23-2147925929.jpg"
|
||||
logoAlt="L'Anima Restaurant Logo"
|
||||
brandName="L'Anima"
|
||||
button={{
|
||||
text: "Book a Table",
|
||||
href: "#reservations",
|
||||
}}
|
||||
text: "Book a Table", href: "#reservations"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
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."
|
||||
kpis={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Years of Tradition",
|
||||
},
|
||||
value: "50+", label: "Years of Tradition"},
|
||||
{
|
||||
value: "12",
|
||||
label: "Signature Dishes",
|
||||
},
|
||||
value: "12", label: "Signature Dishes"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
value: "10k+", label: "Happy Guests"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#reservations",
|
||||
},
|
||||
text: "Reserve a Table", href: "#reservations"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chicken-caesar-table-top-view_140725-6547.jpg"
|
||||
imageAlt="Cinematic fine dining table setting at L'Anima"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg",
|
||||
alt: "Satisfied customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg", 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",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg",
|
||||
alt: "Restaurant guest smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg", alt: "Restaurant guest smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-young-man-table-restaurant_23-2147689186.jpg",
|
||||
alt: "Fine dining patron testimonial",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-young-man-table-restaurant_23-2147689186.jpg", alt: "Fine dining patron testimonial"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Authentic Italian Flavors",
|
||||
type: "text", text: "Authentic Italian Flavors"},
|
||||
{
|
||||
type: "text-icon", text: "Michelin Recommended", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Michelin Recommended",
|
||||
icon: Star,
|
||||
type: "text", text: "Generations of Tradition"},
|
||||
{
|
||||
type: "text-icon", text: "Award-Winning Cuisine", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Generations of Tradition",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Award-Winning Cuisine",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Unforgettable Dining Experience",
|
||||
},
|
||||
type: "text", text: "Unforgettable Dining Experience"},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
metrics={[
|
||||
{
|
||||
value: "Est. 1972",
|
||||
title: "Legacy",
|
||||
},
|
||||
value: "Est. 1972", title: "Legacy"},
|
||||
{
|
||||
value: "Artisan Chefs",
|
||||
title: "Expertise",
|
||||
},
|
||||
value: "Artisan Chefs", title: "Expertise"},
|
||||
{
|
||||
value: "Local Produce",
|
||||
title: "Freshness",
|
||||
},
|
||||
value: "Local Produce", title: "Freshness"},
|
||||
]}
|
||||
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"
|
||||
@@ -183,24 +134,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Artisanal Pasta",
|
||||
description: "Handmade daily with passion, our pasta embodies centuries of Italian tradition and flavor.",
|
||||
},
|
||||
title: "Artisanal Pasta", description: "Handmade daily with passion, our pasta embodies centuries of Italian tradition and flavor."},
|
||||
{
|
||||
icon: Wine,
|
||||
title: "Curated Wine Cellar",
|
||||
description: "Discover a selection of Italy's finest wines, perfectly paired to complement your culinary journey.",
|
||||
},
|
||||
title: "Curated Wine Cellar", description: "Discover a selection of Italy's finest wines, perfectly paired to complement your culinary journey."},
|
||||
{
|
||||
icon: Feather,
|
||||
title: "Romantic Ambiance",
|
||||
description: "Dine under soft lighting and subtle melodies, enveloped in an atmosphere of intimate elegance.",
|
||||
},
|
||||
title: "Romantic Ambiance", description: "Dine under soft lighting and subtle melodies, enveloped in an atmosphere of intimate elegance."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Seasonal Delights",
|
||||
description: "Our menu evolves with the seasons, ensuring the freshest, most vibrant flavors on your plate.",
|
||||
},
|
||||
title: "Seasonal Delights", description: "Our menu evolves with the seasons, ensuring the freshest, most vibrant flavors on your plate."},
|
||||
]}
|
||||
title="The L'Anima Experience"
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Our Exquisite Menu"
|
||||
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"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-guy-sitting-bar-counter_23-2148016837.jpg",
|
||||
alt: "Isabella Rossi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-guy-sitting-bar-counter_23-2148016837.jpg", alt: "Isabella Rossi"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/online-shopping-is-so-easy_329181-11751.jpg",
|
||||
alt: "Marco Bianchi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/online-shopping-is-so-easy_329181-11751.jpg", 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",
|
||||
alt: "Sofia Ricci",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
|
||||
alt: "Giovanni Gallo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", alt: "Giovanni Gallo"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg",
|
||||
alt: "Elena Costa",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg", alt: "Elena Costa"},
|
||||
]}
|
||||
ratingAnimation="reveal-blur"
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -300,14 +203,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Gourmet Italia",
|
||||
"Michelin Guide",
|
||||
"Taste of Rome",
|
||||
"Tuscan Life Magazine",
|
||||
"World's Best Restaurants",
|
||||
"Culinary Review Daily",
|
||||
"Dining Excellence Awards",
|
||||
]}
|
||||
"Gourmet Italia", "Michelin Guide", "Taste of Rome", "Tuscan Life Magazine", "World's Best Restaurants", "Culinary Review Daily", "Dining Excellence Awards"]}
|
||||
title="L'Anima in the Press"
|
||||
description="Proudly featured and celebrated by leading culinary publications and critics."
|
||||
speed={35}
|
||||
@@ -320,25 +216,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg"
|
||||
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."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Preferred Date",
|
||||
required: true,
|
||||
name: "date", type: "date", placeholder: "Preferred Date", required: true,
|
||||
},
|
||||
{
|
||||
name: "time",
|
||||
type: "time",
|
||||
placeholder: "Preferred Time",
|
||||
required: true,
|
||||
name: "time", type: "time", placeholder: "Preferred Time", required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
required: true,
|
||||
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests or dietary needs...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Special requests or dietary needs...", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
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: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#our-story",
|
||||
},
|
||||
label: "Our Story", href: "#our-story"},
|
||||
{
|
||||
label: "The Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "The Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#reservations",
|
||||
},
|
||||
label: "Reservations", href: "#reservations"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#reservations",
|
||||
},
|
||||
label: "Contact Us", href: "#reservations"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user