Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -17,229 +17,122 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="DollarPie Pizza"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="DollarPie Pizza"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unlimited Pizza, Pasta & Joy"
|
||||
description="Experience the ultimate Italian buffet experience. Fresh, hot, and unlimited dishes every single day at DollarPie Pizza."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-m1x52nx1.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unlimited Pizza, Pasta & Joy"
|
||||
description="Experience the ultimate Italian buffet experience. Fresh, hot, and unlimited dishes every single day at DollarPie Pizza."
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book Table", href: "#contact" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-m1x52nx1.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Passion for Pizza"
|
||||
description="At DollarPie Pizza, we believe everyone deserves a feast. Our unlimited buffet combines quality Italian ingredients with a warm, welcoming environment."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Pizza Varieties",
|
||||
},
|
||||
{
|
||||
value: "299+",
|
||||
title: "Happy Guests Daily",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
title: "Fresh Pasta Types",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-vf4a0u0r.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Passion for Pizza"
|
||||
description="At DollarPie Pizza, we believe everyone deserves a feast. Our unlimited buffet combines quality Italian ingredients with a warm, welcoming environment."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Pizza Varieties" },
|
||||
{ value: "299+", title: "Happy Guests Daily" },
|
||||
{ value: "5+", title: "Fresh Pasta Types" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-vf4a0u0r.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Margherita Feast",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-wv59yzg7.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Spicy",
|
||||
name: "Piri-Piri Paneer",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-wv59yzg7.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Classic",
|
||||
name: "Creamy Alfredo",
|
||||
price: "Included",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-wv59yzg7.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Fresh Daily Selection"
|
||||
description="Indulge in our rotating selection of hand-tossed pizzas, creamy pastas, and fresh sides, made fresh every hour."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", brand: "Signature", name: "Margherita Feast", price: "Included", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-wv59yzg7.jpg" },
|
||||
{ id: "2", brand: "Spicy", name: "Piri-Piri Paneer", price: "Included", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-wv59yzg7.jpg" },
|
||||
{ id: "3", brand: "Classic", name: "Creamy Alfredo", price: "Included", rating: 4, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0N5HWUAIJIKyWYjn7HHqq3Cl/uploaded-1774589555056-wv59yzg7.jpg" }
|
||||
]}
|
||||
title="Fresh Daily Selection"
|
||||
description="Indulge in our rotating selection of hand-tossed pizzas, creamy pastas, and fresh sides, made fresh every hour."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "lunch",
|
||||
tag: "Popular",
|
||||
price: "₹239",
|
||||
period: "Lunch",
|
||||
description: "Unlimited access during lunch hours",
|
||||
button: {
|
||||
text: "Visit Us",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All Pizzas",
|
||||
"Pasta Bar",
|
||||
"Fresh Salads",
|
||||
"Cold Drinks",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "dinner",
|
||||
tag: "Evening",
|
||||
price: "₹279",
|
||||
period: "Dinner",
|
||||
description: "Extended evening buffet experience",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All Lunch Items",
|
||||
"Special Desserts",
|
||||
"Live Station",
|
||||
"Priority Seating",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Affordable Feasts"
|
||||
description="Simple, transparent pricing for an unlimited buffet experience that won't break the bank."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "lunch", tag: "Popular", price: "₹239", period: "Lunch", description: "Unlimited access during lunch hours", button: { text: "Visit Us" }, featuresTitle: "Includes:", features: ["All Pizzas", "Pasta Bar", "Fresh Salads", "Cold Drinks"] },
|
||||
{ id: "dinner", tag: "Evening", price: "₹279", period: "Dinner", description: "Extended evening buffet experience", button: { text: "Book Now" }, featuresTitle: "Includes:", features: ["All Lunch Items", "Special Desserts", "Live Station", "Priority Seating"] }
|
||||
]}
|
||||
title="Affordable Feasts"
|
||||
description="Simple, transparent pricing for an unlimited buffet experience that won't break the bank."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best unlimited pizza buffet in town! The variety is incredible and everything tastes freshly prepared."
|
||||
rating={5}
|
||||
author="Ankit Sharma"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123891.jpg",
|
||||
alt: "Ankit",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best unlimited pizza buffet in town! The variety is incredible and everything tastes freshly prepared."
|
||||
rating={5}
|
||||
author="Ankit Sharma"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123891.jpg", alt: "Ankit" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Hungry? Visit us today or book your party. We are open from 11 AM to 11 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Reserve",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Hungry? Visit us today or book your party. We are open from 11 AM to 11 PM."
|
||||
buttons={[{ text: "Call to Reserve", href: "tel:+910000000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Main Street, India",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="DollarPie Pizza"
|
||||
copyrightText="© 2025 DollarPie Pizza. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "Main Street, India", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
logoText="DollarPie Pizza"
|
||||
copyrightText="© 2025 DollarPie Pizza. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user