Merge version_1 into main #1
452
src/app/page.tsx
452
src/app/page.tsx
@@ -29,327 +29,155 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Da Rosanna"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Da Rosanna"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Ristorante Pizzeria da Rosanna"
|
||||
description="Authentic Italian flavors, artisanal wood-fired pizzas, and warm family hospitality in the heart of Boglietto. Experience the true taste of Italy."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cabbage-salad-table_141793-40.jpg"
|
||||
imageAlt="cozy rustic italian restaurant dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ristorante Pizzeria da Rosanna"
|
||||
description="Authentic Italian flavors, artisanal wood-fired pizzas, and warm family hospitality in the heart of Boglietto. Experience the true taste of Italy."
|
||||
buttons={[
|
||||
{ text: "View Our Menu", href: "#menu" },
|
||||
{ text: "Book a Table", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cabbage-salad-table_141793-40.jpg"
|
||||
imageAlt="cozy rustic italian restaurant dining"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Taste"
|
||||
description="Born from a passion for traditional cuisine, Da Rosanna is a family-run establishment committed to quality ingredients, artisanal preparation, and the joy of sharing a great meal. We take pride in our digeribile, hand-crafted pizzas and our extensive kitchen menu, refined through years of family tradition."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Tradition",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Artisanal Preparation",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Signature Recipes",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-baker-cutting-raw-dough-into-tagliatelle-pasta-machine_23-2147926010.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="italian family restaurant kitchen scene"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Taste"
|
||||
description="Born from a passion for traditional cuisine, Da Rosanna is a family-run establishment committed to quality ingredients, artisanal preparation, and the joy of sharing a great meal."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years of Tradition" },
|
||||
{ value: "100%", title: "Artisanal Preparation" },
|
||||
{ value: "50+", title: "Signature Recipes" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-baker-cutting-raw-dough-into-tagliatelle-pasta-machine_23-2147926010.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="italian family restaurant kitchen scene"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Pizza",
|
||||
title: "Artisanal Dough",
|
||||
subtitle: "Highly Digestible",
|
||||
description: "Our dough is crafted for a perfect, light, and digestible experience, topped with fresh, high-quality ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-frame-near-pizza-ingredients_23-2147772079.jpg",
|
||||
imageAlt: "gourmet italian pizza close up",
|
||||
},
|
||||
{
|
||||
tag: "Kitchen",
|
||||
title: "Fresh Dishes",
|
||||
subtitle: "Delightful Flavors",
|
||||
description: "From buttery agnolotti to breaded chicken, our kitchen menu offers authentic, freshly cooked meals every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-platter-with-green-herbs-olives_114579-3226.jpg",
|
||||
imageAlt: "fresh italian appetizer plate antipasto",
|
||||
},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Fast & Friendly",
|
||||
subtitle: "Family Hospitality",
|
||||
description: "Enjoy speedy service during your lunch break and a welcoming atmosphere that makes you feel part of our family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg",
|
||||
imageAlt: "wood fired pizza with fresh ingredients",
|
||||
},
|
||||
]}
|
||||
title="Why Guests Love Us"
|
||||
description="Experience the difference of authentic, quick, and high-quality dining."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Pizza", title: "Artisanal Dough", subtitle: "Highly Digestible", description: "Our dough is crafted for a perfect, light, and digestible experience.", imageSrc: "http://img.b2bpic.net/free-photo/from-frame-near-pizza-ingredients_23-2147772079.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Kitchen", title: "Fresh Dishes", subtitle: "Delightful Flavors", description: "Authentic, freshly cooked meals every day.", imageSrc: "http://img.b2bpic.net/free-photo/cheese-platter-with-green-herbs-olives_114579-3226.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Service", title: "Fast & Friendly", subtitle: "Family Hospitality", description: "Enjoy speedy service and a welcoming atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg"
|
||||
}
|
||||
]}
|
||||
title="Why Guests Love Us"
|
||||
description="Experience the difference of authentic dining."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pizza San Martino",
|
||||
price: "12€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-italian-pasta-unusual-cooked-spiral-pasta-dark-background-pasta-dish-meal-cooking-dinner_140725-96507.jpg",
|
||||
imageAlt: "gourmet italian pizza close up",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pizza Ale",
|
||||
price: "11€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-salad-platter-with-butter-cheese_114579-70130.jpg",
|
||||
imageAlt: "fresh italian appetizer plate antipasto",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Homemade Agnolotti",
|
||||
price: "13€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-fig-pizza-freshly-baked-healthy-food-recipe_53876-94529.jpg",
|
||||
imageAlt: "wood fired pizza with fresh ingredients",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Grilled Mixed Grill",
|
||||
price: "16€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-pasta-plate-top-view_23-2149325263.jpg",
|
||||
imageAlt: "gourmet artisan italian meal",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fresh Garden Salad",
|
||||
price: "8€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-steak-medallion-mushroom-sauce-grilled-vegetables_141793-5114.jpg",
|
||||
imageAlt: "authentic italian pasta gourmet",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisanal Cream Gelato",
|
||||
price: "5€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cake-with-strawberries-pomegranate-jam-lemon-cinnamon-star-anise_140725-122969.jpg",
|
||||
imageAlt: "gourmet dessert italian restaurant",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="Explore our selection of wood-fired pizzas and artisanal Italian dishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Pizza San Martino", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-italian-pasta-unusual-cooked-spiral-pasta-dark-background-pasta-dish-meal-cooking-dinner_140725-96507.jpg" },
|
||||
{ id: "p2", name: "Pizza Ale", price: "11€", imageSrc: "http://img.b2bpic.net/free-photo/green-salad-platter-with-butter-cheese_114579-70130.jpg" },
|
||||
{ id: "p3", name: "Homemade Agnolotti", price: "13€", imageSrc: "http://img.b2bpic.net/free-photo/homemade-fig-pizza-freshly-baked-healthy-food-recipe_53876-94529.jpg" }
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="Explore our selection of wood-fired pizzas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Customer Rating",
|
||||
value: "4.8/5",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Guests Served",
|
||||
value: "10,000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Coffee,
|
||||
title: "Daily Specials",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Heart,
|
||||
title: "Community Love",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
title="A Restaurant You Trust"
|
||||
description="Our commitment to quality has been recognized by our wonderful community."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Customer Rating", value: "4.8/5" },
|
||||
{ id: "m2", icon: Users, title: "Happy Guests Served", value: "10,000+" },
|
||||
{ id: "m3", icon: Coffee, title: "Daily Specials", value: "15" },
|
||||
{ id: "m4", icon: Heart, title: "Community Love", value: "100%" }
|
||||
]}
|
||||
title="A Restaurant You Trust"
|
||||
description="Our commitment to quality has been recognized."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The pizza is good and digestible. The desserts are excellent... kind owners... definitely worth coming back!"
|
||||
rating={5}
|
||||
author="Elisabetta Bosca"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg",
|
||||
alt: "Elisabetta",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149250116.jpg",
|
||||
alt: "Julio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
||||
alt: "Carlo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
alt: "Massimiliano",
|
||||
},
|
||||
{
|
||||
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: "Endry",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The pizza is good and digestible. The desserts are excellent... kind owners... definitely worth coming back!"
|
||||
rating={5}
|
||||
author="Elisabetta Bosca"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg", alt: "E" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149250116.jpg", alt: "J" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg", alt: "C" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you have parking?",
|
||||
content: "Yes, we have parking available right in front of the restaurant.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I get takeaway?",
|
||||
content: "Absolutely! If you can't finish your pizza, we are happy to pack it for takeaway.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open for lunch?",
|
||||
content: "Yes, we are a perfect stop for a fast and delicious lunch in the area.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-122142.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our restaurant? Find your answers here."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="professional restaurant service staff"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you have parking?", content: "Yes." },
|
||||
{ id: "f2", title: "Can I get takeaway?", content: "Yes." },
|
||||
{ id: "f3", title: "Are you open for lunch?", content: "Yes." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
title="FAQ"
|
||||
description="Find your answers here."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Dine With Us Today"
|
||||
description="We are located in the heart of Boglietto. Come visit us for an authentic Italian culinary experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-man-door_23-2149434485.jpg"
|
||||
buttonText="Reserve Now"
|
||||
imageAlt="restaurant entrance exterior street view"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Dine With Us Today"
|
||||
description="Heart of Boglietto."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Da Rosanna",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Boglietto, Italy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Da Rosanna. All rights reserved."
|
||||
bottomRightText="Crafted with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Da Rosanna."
|
||||
bottomRightText=""
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user