Merge version_1 into main #1
430
src/app/page.tsx
430
src/app/page.tsx
@@ -29,307 +29,153 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pizzaiolo Private"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pizzaiolo Private"
|
||||
button={{
|
||||
text: "Reserve Now", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Pizzaiolo Private"
|
||||
description="An intimate, authentic wood-fired pizza experience tailored for your private event. Elevate your gathering with our artisan craft."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-wine-cheese-plate_140725-143.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
logoText="Pizzaiolo Private"
|
||||
description="An intimate, authentic wood-fired pizza experience tailored for your private event. Elevate your gathering with our artisan craft."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
{
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-wine-cheese-plate_140725-143.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafting Perfection, One Pie at a Time"
|
||||
description="Our private kitchen is built on the foundation of traditional Italian techniques paired with premium, locally-sourced ingredients. We believe that great pizza is not just food—it's a shared memory."
|
||||
subdescription="Every pizza is prepared to order, fired in our signature wood-burning oven to achieve that perfect charred, airy crust."
|
||||
icon={Flame}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27026.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafting Perfection, One Pie at a Time"
|
||||
description="Our private kitchen is built on the foundation of traditional Italian techniques paired with premium, locally-sourced ingredients. We believe that great pizza is not just food—it's a shared memory."
|
||||
subdescription="Every pizza is prepared to order, fired in our signature wood-burning oven to achieve that perfect charred, airy crust."
|
||||
icon={Flame}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27026.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Margherita",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-tomatoes_1220-266.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Spicy Diavola",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134283.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Truffle Mushroom",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-pizza-with-shrimp-mussel-calamari-squid-cheese_141793-2273.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Prosciutto & Arugula",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-restaurant-table_7939-2529.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Garden Harvest",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-food-composition_23-2148601667.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Burrata Pesto",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-vegetable-vegetarian-pizza-wooden-table-top-view_169016-22301.jpg",
|
||||
},
|
||||
]}
|
||||
title="Artisan Selections"
|
||||
description="From classic Margheritas to seasonal gourmet creations, discover our curated menu for your next event."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Margherita", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-tomatoes_1220-266.jpg" },
|
||||
{ id: "p2", name: "Spicy Diavola", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134283.jpg" },
|
||||
{ id: "p3", name: "Truffle Mushroom", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/seafood-pizza-with-shrimp-mussel-calamari-squid-cheese_141793-2273.jpg" },
|
||||
{ id: "p4", name: "Prosciutto & Arugula", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/pizza-restaurant-table_7939-2529.jpg" },
|
||||
{ id: "p5", name: "Garden Harvest", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-food-composition_23-2148601667.jpg" },
|
||||
{ id: "p6", name: "Burrata Pesto", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/closeup-vegetable-vegetarian-pizza-wooden-table-top-view_169016-22301.jpg" },
|
||||
]}
|
||||
title="Artisan Selections"
|
||||
description="From classic Margheritas to seasonal gourmet creations, discover our curated menu for your next event."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="highlights" data-section="highlights">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wood-Fired Tradition",
|
||||
description: "High-temperature ovens produce the authentic Neapolitan crust you crave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-together_23-2150176888.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "From imported San Marzano tomatoes to fresh farm-to-table toppings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thyme-tomatoes-wooden-cup-with-garlic-wooden-chopping-board_1150-24416.jpg",
|
||||
},
|
||||
{
|
||||
title: "Intimate Ambiance",
|
||||
description: "We transform your space into a private trattoria with warmth and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167200.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Private Experience"
|
||||
description="We bring the authentic pizzeria experience directly to you, combining professional service with culinary excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="highlights" data-section="highlights">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Wood-Fired Tradition", description: "High-temperature ovens produce the authentic Neapolitan crust you crave.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-together_23-2150176888.jpg" },
|
||||
{ title: "Premium Ingredients", description: "From imported San Marzano tomatoes to fresh farm-to-table toppings.", imageSrc: "http://img.b2bpic.net/free-photo/thyme-tomatoes-wooden-cup-with-garlic-wooden-chopping-board_1150-24416.jpg" },
|
||||
{ title: "Intimate Ambiance", description: "We transform your space into a private trattoria with warmth and style.", imageSrc: "http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167200.jpg" },
|
||||
]}
|
||||
title="The Private Experience"
|
||||
description="We bring the authentic pizzeria experience directly to you, combining professional service with culinary excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19911.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/affectionate-man-kissing-his-girlfriend-while-toasting-with-champagne-dinner-dining-table_637285-3602.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-healthy-meal-together-restaurant_53876-42692.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Loved by Our Guests"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19911.jpg" },
|
||||
{ id: "t2", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/affectionate-man-kissing-his-girlfriend-while-toasting-with-champagne-dinner-dining-table_637285-3602.jpg" },
|
||||
{ id: "t3", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
|
||||
{ id: "t4", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-healthy-meal-together-restaurant_53876-42692.jpg" },
|
||||
{ id: "t5", name: "Elena K.", imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Our Guests"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Private Events Hosted",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Guest Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12+",
|
||||
description: "Signature Pizza Styles",
|
||||
},
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="A look at the quality and commitment we bring to every private event we host."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Private Events Hosted" },
|
||||
{ id: "m2", value: "98%", description: "Guest Satisfaction Rate" },
|
||||
{ id: "m3", value: "12+", description: "Signature Pizza Styles" },
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="A look at the quality and commitment we bring to every private event we host."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How many guests can you accommodate?",
|
||||
content: "We can cater private events ranging from intimate gatherings of 10 to larger parties of 100+ guests.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Absolutely. We pride ourselves on accommodating all dietary restrictions with delicious, high-quality plant-based options.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How far in advance should I book?",
|
||||
content: "We recommend booking at least 4-6 weeks in advance, especially during the summer and holiday season.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Feel free to reach out if your question isn't covered here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How many guests can you accommodate?", content: "We can cater private events ranging from intimate gatherings of 10 to larger parties of 100+ guests." },
|
||||
{ id: "f2", title: "Do you offer vegan options?", content: "Absolutely. We pride ourselves on accommodating all dietary restrictions with delicious, high-quality plant-based options." },
|
||||
{ id: "f3", title: "How far in advance should I book?", content: "We recommend booking at least 4-6 weeks in advance, especially during the summer and holiday season." },
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Feel free to reach out if your question isn't covered here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Start Planning Your Private Pizza Night"
|
||||
description="Ready to bring the taste of Italy to your next private event? Send us a message and let's craft a bespoke pizza experience for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Date",
|
||||
href: "mailto:info@pizzaioloprivate.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Start Planning Your Private Pizza Night"
|
||||
description="Ready to bring the taste of Italy to your next private event? Send us a message and let's craft a bespoke pizza experience for you."
|
||||
buttons={[{ text: "Book Your Date", href: "mailto:info@pizzaioloprivate.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Pizzaiolo Private"
|
||||
copyrightText="© 2025 | Pizzaiolo Private Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Pizzaiolo Private"
|
||||
copyrightText="© 2025 | Pizzaiolo Private Dining"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user