Merge version_1 into main #2
290
src/app/page.tsx
290
src/app/page.tsx
@@ -17,206 +17,112 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pizzeria Roma"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pizzeria Roma"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Pizzeria Roma Gouda"
|
||||
description="Lange Tiendeweg 88. Experience the real taste of Italy in the heart of Gouda."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134261.jpg"
|
||||
imageAlt="Traditional Italian Pizza"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Pizzeria Roma Gouda"
|
||||
description="Lange Tiendeweg 88. Experience the real taste of Italy in the heart of Gouda."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134261.jpg"
|
||||
imageAlt="Traditional Italian Pizza"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Flavor"
|
||||
description="Since our opening in Gouda, we have been dedicated to bringing authentic Italian flavors to your table. Our dough is handcrafted daily, and our ingredients are chosen for their quality and authenticity."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years of Passion",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
value: "Daily",
|
||||
title: "Handcrafted Pizza",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cooking-home-concept_23-2148595694.jpg?_wi=1"
|
||||
imageAlt="Our wood-fired oven"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Flavor"
|
||||
description="Since our opening in Gouda, we have been dedicated to bringing authentic Italian flavors to your table. Our dough is handcrafted daily, and our ingredients are chosen for their quality and authenticity."
|
||||
metrics={[
|
||||
{ value: "20+", title: "Years of Passion" },
|
||||
{ value: "100%", title: "Fresh Ingredients" },
|
||||
{ value: "Daily", title: "Handcrafted Pizza" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cooking-home-concept_23-2148595694.jpg"
|
||||
imageAlt="Our wood-fired oven"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita",
|
||||
price: "€12.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooking-home-concept_23-2148595694.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Diavola",
|
||||
price: "€14.00",
|
||||
variant: "Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooking-home-concept_23-2148595694.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Quattro Formaggi",
|
||||
price: "€15.50",
|
||||
variant: "Cheesy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooking-home-concept_23-2148595694.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Pizzas"
|
||||
description="Taste the tradition with our hand-stretched pizzas prepared in an authentic stone oven."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Margherita", price: "€12.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooking-home-concept_23-2148595694.jpg" },
|
||||
{ id: "p2", name: "Diavola", price: "€14.00", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooking-home-concept_23-2148595694.jpg" },
|
||||
{ id: "p3", name: "Quattro Formaggi", price: "€15.50", variant: "Cheesy", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooking-home-concept_23-2148595694.jpg" },
|
||||
]}
|
||||
title="Our Signature Pizzas"
|
||||
description="Taste the tradition with our hand-stretched pizzas prepared in an authentic stone oven."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best pizza in Gouda by far! Feels just like Italy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marco Rossi",
|
||||
handle: "@marco_r",
|
||||
testimonial: "Authentic taste and wonderful service. A true gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517446.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Brown",
|
||||
handle: "@emmapizza",
|
||||
testimonial: "Wonderful atmosphere and even better food. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166213.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
handle: "@davids",
|
||||
testimonial: "Classic ingredients, perfect crust. My go-to spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-pointing-his-empty-glass-restaurant_23-2149316805.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "An authentic Italian experience, the wood-fired flavor is unmatched!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
description="Authentic experiences from our beloved patrons in Gouda."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best pizza in Gouda by far! Feels just like Italy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg" },
|
||||
{ id: "2", name: "Marco Rossi", handle: "@marco_r", testimonial: "Authentic taste and wonderful service. A true gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517446.jpg" },
|
||||
{ id: "3", name: "Emma Brown", handle: "@emmapizza", testimonial: "Wonderful atmosphere and even better food. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166213.jpg" },
|
||||
{ id: "4", name: "David Smith", handle: "@davids", testimonial: "Classic ingredients, perfect crust. My go-to spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-man-pointing-his-empty-glass-restaurant_23-2149316805.jpg" },
|
||||
{ id: "5", name: "Elena V.", handle: "@elenav", testimonial: "An authentic Italian experience, the wood-fired flavor is unmatched!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
description="Authentic experiences from our beloved patrons in Gouda."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer delivery services throughout Gouda.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "Absolutely! We have a wide selection of vegetarian pizzas.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Visit Us Today"
|
||||
ctaDescription="Lange Tiendeweg 88, 2801 KK Gouda. We look forward to serving you."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+31182529999",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer delivery services throughout Gouda." },
|
||||
{ id: "f2", title: "Do you have vegetarian options?", content: "Absolutely! We have a wide selection of vegetarian pizzas." },
|
||||
]}
|
||||
ctaTitle="Visit Us Today"
|
||||
ctaDescription="Lange Tiendeweg 88, 2801 KK Gouda. We look forward to serving you."
|
||||
ctaButton={{ text: "Call Now", href: "tel:+31182529999" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pizzeria Roma"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Opening Hours",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pizzeria Roma"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Opening Hours", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user