Update src/app/page.tsx
This commit is contained in:
386
src/app/page.tsx
386
src/app/page.tsx
@@ -17,271 +17,143 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
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: "Reserve",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="La Vita"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reserve", id: "contact" }
|
||||
]}
|
||||
brandName="La Vita"
|
||||
button={{ text: "Reserve", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Experience La Vita"
|
||||
description="Authentic Italian flavors, generous dishes, and unforgettable moments."
|
||||
avatars={[
|
||||
{
|
||||
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: "Happy restaurant guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
|
||||
alt: "Portrait of happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-couple-celebrating-toasting-with-wineglasses-while-eating-restaurant_637285-2025.jpg",
|
||||
alt: "Customer enjoyment in bistro",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
||||
alt: "Guest enjoying fine dining",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
|
||||
alt: "Waitress serving customers",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied guests"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Italian Heritage",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Handmade Pasta",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Recipes",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Ingredients",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Warm Atmosphere",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Experience La Vita"
|
||||
description="Authentic Italian flavors, generous dishes, and unforgettable moments."
|
||||
avatars={[
|
||||
{ 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: "Happy restaurant guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Portrait of happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-happy-couple-celebrating-toasting-with-wineglasses-while-eating-restaurant_637285-2025.jpg", alt: "Customer enjoyment in bistro" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg", alt: "Guest enjoying fine dining" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg", alt: "Waitress serving customers" }
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied guests"
|
||||
buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Authentic Italian Heritage" },
|
||||
{ type: "text-icon", text: "Fresh Handmade Pasta", icon: Award },
|
||||
{ type: "text", text: "Family Recipes" },
|
||||
{ type: "text-icon", text: "Premium Ingredients", icon: Utensils },
|
||||
{ type: "text", text: "Warm Atmosphere" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Taste of Italy"
|
||||
description="From rich, creamy carbonara to perfectly cooked pasta, La Vita delivers authentic Italian cuisine with generous portions and exceptional quality. Every dish is crafted to delight your senses."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Tradition",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Authentic Recipes",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cutting-dough-strips_23-2148491282.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Taste of Italy"
|
||||
description="From rich, creamy carbonara to perfectly cooked pasta, La Vita delivers authentic Italian cuisine with generous portions and exceptional quality. Every dish is crafted to delight your senses."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years of Tradition" },
|
||||
{ value: "50+", title: "Authentic Recipes" },
|
||||
{ value: "10k+", title: "Happy Guests" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cutting-dough-strips_23-2148491282.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Spaghetti Carbonara",
|
||||
description: "Rich, creamy, and unforgettable, prepared with authentic ingredients.",
|
||||
icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-noodles-wooden-board-arrangement_23-2148847390.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pasta-with-tomato-sauce-parmesan-cheese-white-bowl_140725-12010.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-outdoors_23-2150900948.jpg",
|
||||
imageAlt: "spaghetti carbonara gourmet plating",
|
||||
},
|
||||
{
|
||||
title: "Chicken Escalope",
|
||||
description: "Crispy perfection with a modern twist, served with fresh herbs.",
|
||||
icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-2136.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-2121.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cutting-dough-strips_23-2148491282.jpg?_wi=2",
|
||||
imageAlt: "spaghetti carbonara gourmet plating",
|
||||
},
|
||||
{
|
||||
title: "Fresh Ravioli",
|
||||
description: "Stuffed with flavor and elegance, handmade daily in our kitchen.",
|
||||
icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-dough-slices-with-flour-seasonings-cream-desk-meal-dish-pasta_140725-89553.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-dough-slices-with-flour-cream-desk_140725-91102.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
imageAlt: "spaghetti carbonara gourmet plating",
|
||||
},
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Our menu highlights the very best of Italian cooking, from time-honored classics to modern interpretations."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Spaghetti Carbonara", description: "Rich, creamy, and unforgettable, prepared with authentic ingredients.", icon: Star,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-noodles-wooden-board-arrangement_23-2148847390.jpg", imageAlt: "spaghetti" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-pasta-with-tomato-sauce-parmesan-cheese-white-bowl_140725-12010.jpg", imageAlt: "carbonara" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Chicken Escalope", description: "Crispy perfection with a modern twist, served with fresh herbs.", icon: Star,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-2136.jpg", imageAlt: "chicken" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-2121.jpg", imageAlt: "escalope" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Fresh Ravioli", description: "Stuffed with flavor and elegance, handmade daily in our kitchen.", icon: Star,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-dough-slices-with-flour-seasonings-cream-desk-meal-dish-pasta_140725-89553.jpg", imageAlt: "ravioli" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-dough-slices-with-flour-cream-desk_140725-91102.jpg", imageAlt: "dough" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Our menu highlights the very best of Italian cooking, from time-honored classics to modern interpretations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Foodie",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Guest",
|
||||
company: "Happy Diner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2150312344.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Patron",
|
||||
company: "Food Critic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-friends-eating-pasta-italian-restaurant_1303-24356.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Guest",
|
||||
company: "Italian Food Lover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
role: "Regular",
|
||||
company: "Neighborhood Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "1.2k",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfied",
|
||||
},
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Read what our wonderful guests have to say about their experience at La Vita."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Guest", company: "Happy Diner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2150312344.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Patron", company: "Food Critic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-girls-friends-eating-pasta-italian-restaurant_1303-24356.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Guest", company: "Italian Food Lover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg" },
|
||||
{ id: "5", name: "Anna Smith", role: "Regular", company: "Neighborhood Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Rating" },
|
||||
{ value: "1.2k", label: "Reviews" },
|
||||
{ value: "98%", label: "Satisfied" }
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Read what our wonderful guests have to say about their experience at La Vita."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservation"
|
||||
title="Reserve Your Experience"
|
||||
description="Join us for a memorable Italian dining experience. Secure your table today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107253.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservation"
|
||||
title="Reserve Your Experience"
|
||||
description="Join us for a memorable Italian dining experience. Secure your table today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107253.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="La Vita"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2026 La Vita Restaurant",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="La Vita"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2026 La Vita Restaurant", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user