Update src/app/page.tsx

This commit is contained in:
2026-05-08 16:46:20 +00:00
parent 994206c97f
commit c87f8d85c3

View File

@@ -19,400 +19,169 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Pune Sweets"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Pune Sweets"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
title="Fresh Taste of Pune in Every Bite"
description="Experience the authentic flavors of traditional sweets and crunchy snacks, lovingly handmade with fresh ingredients."
kpis={[
{
value: "50+",
label: "Variety of Sweets",
},
{
value: "100%",
label: "Homemade Quality",
},
{
value: "Daily",
label: "Fresh Preparation",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Call Now",
href: "tel:+919999999999",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctb1i0"
mediaAnimation="blur-reveal"
imageAlt="assorted indian sweets mithai closeup"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iypo0e",
alt: "happy customer portrait",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i3pxc8",
alt: "portrait of happy customer",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1qsx0n",
alt: "cheerful smiling woman portrait",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjrq8f",
alt: "portrait of smiling middle aged man",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a5h579",
alt: "happy customer portrait",
},
]}
avatarText="Loved by 500+ locals"
marqueeItems={[
{
type: "text",
text: "Authentic Taste",
},
{
type: "text",
text: "Fresh Daily",
},
{
type: "text-icon",
text: "Pure Ingredients",
icon: Shield,
},
{
type: "text",
text: "Traditional Recipes",
},
{
type: "text",
text: "Pune Heritage",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "plain" }}
title="Fresh Taste of Pune in Every Bite"
description="Experience the authentic flavors of traditional sweets and crunchy snacks, lovingly handmade with fresh ingredients."
kpis={[
{ value: "50+", label: "Variety of Sweets" },
{ value: "100%", label: "Homemade Quality" },
{ value: "Daily", label: "Fresh Preparation" },
]}
enableKpiAnimation={true}
buttons={[
{ text: "View Menu", href: "#menu" },
{ text: "Call Now", href: "tel:+919999999999" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctb1i0"
mediaAnimation="blur-reveal"
imageAlt="assorted indian sweets mithai closeup"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iypo0e", alt: "happy customer portrait" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i3pxc8", alt: "portrait of happy customer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1qsx0n", alt: "cheerful smiling woman portrait" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjrq8f", alt: "portrait of smiling middle aged man" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a5h579", alt: "happy customer portrait" },
]}
avatarText="Loved by 500+ locals"
marqueeItems={[
{ type: "text", text: "Authentic Taste" },
{ type: "text", text: "Fresh Daily" },
{ type: "text-icon", text: "Pure Ingredients", icon: Shield },
{ type: "text", text: "Traditional Recipes" },
{ type: "text", text: "Pune Heritage" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Homemade Freshness Since Day One"
description="Welcome to our shop, where tradition meets quality. We take pride in crafting every laddoo, samosa, and barfi using time-honored recipes passed down through generations. Our commitment to purity and taste ensures you get a piece of Pune's heritage in every bite."
buttons={[
{
text: "Learn More",
href: "#",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vk63bh"
imageAlt="traditional indian sweets shop interior"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Homemade Freshness Since Day One"
description="Welcome to our shop, where tradition meets quality. We take pride in crafting every laddoo, samosa, and barfi using time-honored recipes passed down through generations. Our commitment to purity and taste ensures you get a piece of Pune's heritage in every bite."
buttons={[{ text: "Learn More", href: "#" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vk63bh"
imageAlt="traditional indian sweets shop interior"
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Traditional Snacks",
description: "Authentic Kachori, crispy Samosas, and daily specials.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1i7wi8",
imageAlt: "crispy indian samosa closeup",
},
{
title: "Handmade Sweets",
description: "A variety of Ladoo, rich Barfi, and syrup-soaked Jalebi.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tvgh0o",
imageAlt: "indian laddoo sweets pile",
},
{
title: "Custom Boxes",
description: "Perfect gift boxes for festivals and celebrations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=72t98r",
imageAlt: "indian street food display",
},
]}
title="Our Menu"
description="A curated selection of authentic snacks and sweets."
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{ title: "Traditional Snacks", description: "Authentic Kachori, crispy Samosas, and daily specials.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1i7wi8", imageAlt: "crispy indian samosa closeup" },
{ title: "Handmade Sweets", description: "A variety of Ladoo, rich Barfi, and syrup-soaked Jalebi.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tvgh0o", imageAlt: "indian laddoo sweets pile" },
{ title: "Custom Boxes", description: "Perfect gift boxes for festivals and celebrations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=72t98r", imageAlt: "indian street food display" },
]}
title="Our Menu"
description="A curated selection of authentic snacks and sweets."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Pune Special",
name: "Desi Ghee Ladoo",
price: "₹450/kg",
rating: 5,
reviewCount: "120",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dctuiq",
imageAlt: "indian laddoo sweets pile",
},
{
id: "2",
brand: "Crunchy",
name: "Paneer Samosa",
price: "₹30/pc",
rating: 5,
reviewCount: "85",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ywjyz",
imageAlt: "crispy indian samosa closeup",
},
{
id: "3",
brand: "Sweet Treats",
name: "Kesar Pista Barfi",
price: "₹600/kg",
rating: 4,
reviewCount: "95",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8nquvm",
imageAlt: "indian street food display",
},
{
id: "4",
brand: "Spicy",
name: "Aloo Kachori",
price: "₹25/pc",
rating: 4,
reviewCount: "70",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3jmi7",
imageAlt: "close up of indian snacks",
},
{
id: "5",
brand: "Festival",
name: "Special Jalebi",
price: "₹300/kg",
rating: 5,
reviewCount: "150",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p46feo",
imageAlt: "traditional indian snacks buffet",
},
{
id: "6",
brand: "Dry Snacks",
name: "Bhakarwadi",
price: "₹200/kg",
rating: 4,
reviewCount: "60",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6h35lq",
imageAlt: "assorted indian sweets mithai closeup",
},
]}
title="Popular Treats"
description="Our most loved items from the shelf."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{ id: "1", brand: "Pune Special", name: "Desi Ghee Ladoo", price: "₹450/kg", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dctuiq", imageAlt: "indian laddoo sweets pile" },
{ id: "2", brand: "Crunchy", name: "Paneer Samosa", price: "₹30/pc", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ywjyz", imageAlt: "crispy indian samosa closeup" },
{ id: "3", brand: "Sweet Treats", name: "Kesar Pista Barfi", price: "₹600/kg", rating: 4, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8nquvm", imageAlt: "indian street food display" },
{ id: "4", brand: "Spicy", name: "Aloo Kachori", price: "₹25/pc", rating: 4, reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3jmi7", imageAlt: "close up of indian snacks" },
{ id: "5", brand: "Festival", name: "Special Jalebi", price: "₹300/kg", rating: 5, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p46feo", imageAlt: "traditional indian snacks buffet" },
{ id: "6", brand: "Dry Snacks", name: "Bhakarwadi", price: "₹200/kg", rating: 4, reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6h35lq", imageAlt: "assorted indian sweets mithai closeup" },
]}
title="Popular Treats"
description="Our most loved items from the shelf."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Natural Ingredients",
description: "No artificial colors or preservatives.",
icon: Shield,
},
{
id: "m2",
value: "24h",
title: "Freshness Window",
description: "Everything prepared daily.",
icon: Clock,
},
{
id: "m3",
value: "500+",
title: "Happy Families",
description: "Trusted by local households.",
icon: Smile,
},
]}
title="Our Quality Promise"
description="Standards we uphold every day."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "100%", title: "Natural Ingredients", description: "No artificial colors or preservatives.", icon: Shield },
{ id: "m2", value: "24h", title: "Freshness Window", description: "Everything prepared daily.", icon: Clock },
{ id: "m3", value: "500+", title: "Happy Families", description: "Trusted by local households.", icon: Smile },
]}
title="Our Quality Promise"
description="Standards we uphold every day."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Rahul Deshmukh",
role: "Local Resident",
company: "Vishrantwadi",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iypo0e",
imageAlt: "happy customer portrait",
},
{
id: "2",
name: "Sneha Kulkarni",
role: "Homemaker",
company: "Alandi Road",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i3pxc8",
imageAlt: "portrait of happy customer",
},
{
id: "3",
name: "Amit Sharma",
role: "Professional",
company: "Pune",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1qsx0n",
imageAlt: "cheerful smiling woman portrait",
},
{
id: "4",
name: "Priya Jadhav",
role: "Teacher",
company: "Vishrantwadi",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjrq8f",
imageAlt: "portrait of smiling middle aged man",
},
{
id: "5",
name: "Vikram Patil",
role: "Student",
company: "Alandi Road",
rating: 4,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a5h579",
imageAlt: "happy customer portrait",
},
]}
title="Customer Reviews"
description="What our patrons say about us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Rahul Deshmukh", role: "Local Resident", company: "Vishrantwadi", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iypo0e", imageAlt: "happy customer portrait" },
{ id: "2", name: "Sneha Kulkarni", role: "Homemaker", company: "Alandi Road", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i3pxc8", imageAlt: "portrait of happy customer" },
{ id: "3", name: "Amit Sharma", role: "Professional", company: "Pune", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1qsx0n", imageAlt: "cheerful smiling woman portrait" },
{ id: "4", name: "Priya Jadhav", role: "Teacher", company: "Vishrantwadi", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjrq8f", imageAlt: "portrait of smiling middle aged man" },
{ id: "5", name: "Vikram Patil", role: "Student", company: "Alandi Road", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a5h579", imageAlt: "happy customer portrait" },
]}
title="Customer Reviews"
description="What our patrons say about us."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Contact Us"
title="Visit Us Today"
description="Near Mahalaxmi Vihar Society, Vishrantwadi, Alandi Road, Pune. Call us at +91 99999 99999 for orders."
buttons={[
{
text: "WhatsApp Us",
href: "https://wa.me/919999999999",
},
{
text: "Get Directions",
href: "https://maps.google.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Contact Us"
title="Visit Us Today"
description="Near Mahalaxmi Vihar Society, Vishrantwadi, Alandi Road, Pune. Call us at +91 99999 99999 for orders."
buttons={[
{ text: "WhatsApp Us", href: "https://wa.me/919999999999" },
{ text: "Get Directions", href: "https://maps.google.com" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Pune Sweets",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Timing",
items: [
{
label: "Mon-Sat: 8AM - 9PM",
},
{
label: "Sun: 9AM - 8PM",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Pune Sweets. All Rights Reserved."
bottomRightText="Built for Pune."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Pune Sweets", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
{ title: "Timing", items: [{ label: "Mon-Sat: 8AM - 9PM" }, { label: "Sun: 9AM - 8PM" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Pune Sweets. All Rights Reserved."
bottomRightText="Built for Pune."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}