Merge version_3 into main #2

Merged
bender merged 1 commits from version_3 into main 2026-05-20 17:43:36 +00:00

View File

@@ -17,388 +17,163 @@ import { CalendarDays, CheckCircle, Leaf, Smile, Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Store",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Tiger Wagon"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Store", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Tiger Wagon"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient",
}}
title="Fresh Groceries, Lowest Prices, Everyday Savings"
description="Bring home farm-fresh Indian & Asian vegetables and authentic pantry staples at Tiger Wagon."
buttons={[
{
text: "Visit Us Today",
href: "#contact",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-5fcioiv9.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/senior-woman-holding-paper-bag-full-groceries-screaming-proud-celebrating-victory-success-very-excited-cheering-emotion_657921-228.jpg",
alt: "Satisfied customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-posing-vegetables-bag_23-2148332119.jpg",
alt: "Satisfied customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-approving-vegetables_23-2147700720.jpg",
alt: "Satisfied customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-holding-paper-bag-with-groceries-angry-mad-screaming-frustrated-furious-shouting-with-anger-rage-aggressive-concept_839833-25587.jpg",
alt: "Satisfied customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19096.jpg",
alt: "Satisfied customer 5",
},
]}
avatarText="Trusted by 5,000+ local shoppers"
marqueeItems={[
{
type: "text",
text: "Fresh Organic Produce",
},
{
type: "text",
text: "Authentic Indian Staples",
},
{
type: "text",
text: "Unbeatable Daily Prices",
},
{
type: "text",
text: "Fast & Friendly Service",
},
{
type: "text",
text: "Open 7 Days a Week",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "sparkles-gradient" }}
title="Fresh Groceries, Lowest Prices, Everyday Savings"
description="Bring home farm-fresh Indian & Asian vegetables and authentic pantry staples at Tiger Wagon."
buttons={[{ text: "Visit Us Today", href: "#contact" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-5fcioiv9.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Welcome to Tiger Wagon"
description={[
"Located in Peoria, AZ, we are your neighborhood destination for farm-fresh Indian and Asian produce.",
"We pride ourselves on offering high-quality ingredients, snacks, and staples at unbeatable prices.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Welcome to Tiger Wagon"
description={[
"Located in Peoria, AZ, we are your neighborhood destination for farm-fresh Indian and Asian produce.", "We pride ourselves on offering high-quality ingredients, snacks, and staples at unbeatable prices."]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Farm Fresh Produce",
description: "Hand-picked vegetables delivered daily.",
icon: Leaf,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-choosing-cabbage-market_23-2148216062.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegetables-as-pepper-tomato-cucumber-garlic-basket-wood_141793-16906.jpg",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-5fcioiv9.jpg?_wi=2",
imageAlt: "fresh Indian grocery vegetables",
},
{
title: "Premium Storage",
description: "Maintained at perfect temperatures.",
icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-healthy-raw-food-fridge_23-2149022086.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/midsection-latin-male-owner-putting-food-container-grocery-store_662251-1341.jpg",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-vlmiema6.jpg",
imageAlt: "fresh Indian grocery vegetables",
},
{
title: "Friendly Service",
description: "We care about your shopping experience.",
icon: Smile,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-looking-front-happy-cheerful-smiling-standing-green-wall_141793-64699.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sassy-good-looking-young-female-fixing-haircut-looking-coquettish_176420-27885.jpg",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-wo0214d5.jpg?_wi=1",
imageAlt: "fresh Indian grocery vegetables",
},
]}
title="Why Choose Tiger Wagon?"
description="We are dedicated to providing the best local grocery experience."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Farm Fresh Produce", description: "Hand-picked vegetables delivered daily.", icon: Leaf,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-choosing-cabbage-market_23-2148216062.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegetables-as-pepper-tomato-cucumber-garlic-basket-wood_141793-16906.jpg" }
]
},
{
title: "Premium Storage", description: "Maintained at perfect temperatures.", icon: Star,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-healthy-raw-food-fridge_23-2149022086.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/midsection-latin-male-owner-putting-food-container-grocery-store_662251-1341.jpg" }
]
},
{
title: "Friendly Service", description: "We care about your shopping experience.", icon: Smile,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-looking-front-happy-cheerful-smiling-standing-green-wall_141793-64699.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sassy-good-looking-young-female-fixing-haircut-looking-coquettish_176420-27885.jpg" }
]
}
]}
title="Why Choose Tiger Wagon?"
description="We are dedicated to providing the best local grocery experience."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Laxmi",
name: "Brown Sona Masoori",
price: "$14.00",
rating: 5,
reviewCount: "120",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-wo0214d5.jpg?_wi=2",
},
{
id: "2",
brand: "Britannia",
name: "Milk Caramel Wafers",
price: "$3.30",
rating: 5,
reviewCount: "85",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-gkhzm9e2.jpg",
},
{
id: "3",
brand: "Karachi",
name: "Osmania Biscuits",
price: "$3.99",
rating: 5,
reviewCount: "94",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-xxnk0faz.jpg",
},
{
id: "4",
brand: "Laxmi",
name: "Ponni Raw Rice",
price: "$22.49",
rating: 4,
reviewCount: "56",
imageSrc: "http://img.b2bpic.net/free-photo/small-bowl-filled-with-cheese-flavored-cone-shaped-corn-chips-marble-surface_114579-79479.jpg",
},
{
id: "5",
brand: "Britannia",
name: "Sugar Free Digestives",
price: "$2.49",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-zero-waste-food-containers_23-2149316612.jpg",
},
{
id: "6",
brand: "Laxmi",
name: "Ponni Boiled Rice",
price: "$23.99",
rating: 5,
reviewCount: "105",
imageSrc: "http://img.b2bpic.net/free-photo/row-ingredients-with-homemade-breads-wood-table_23-2147872588.jpg",
},
]}
title="Featured Favorites"
description="Discover our most popular items in-store."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Laxmi", name: "Brown Sona Masoori", price: "$14.00", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-wo0214d5.jpg" },
{ id: "2", brand: "Britannia", name: "Milk Caramel Wafers", price: "$3.30", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-gkhzm9e2.jpg" },
{ id: "3", brand: "Karachi", name: "Osmania Biscuits", price: "$3.99", rating: 5, reviewCount: "94", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzxkXcu7o7e0vWw28ddiYlbZpa/uploaded-1779298945502-xxnk0faz.jpg" }
]}
title="Featured Favorites"
description="Discover our most popular items in-store."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "4.9+",
title: "Customer Rating",
description: "Highly rated service.",
icon: Star,
},
{
id: "2",
value: "7",
title: "Days A Week",
description: "Open every single day.",
icon: CalendarDays,
},
{
id: "3",
value: "100%",
title: "Freshness",
description: "Quality guaranteed.",
icon: CheckCircle,
},
]}
title="Community Trusted"
description="Join our growing list of satisfied neighbors."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "4.9+", title: "Customer Rating", description: "Highly rated service.", icon: Star },
{ id: "2", value: "7", title: "Days A Week", description: "Open every single day.", icon: CalendarDays },
{ id: "3", value: "100%", title: "Freshness", description: "Quality guaranteed.", icon: CheckCircle }
]}
title="Community Trusted"
description="Join our growing list of satisfied neighbors."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah P.",
handle: "@sarahp",
testimonial: "Best place for Indian produce in Peoria. Always fresh!",
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-girl-holding-paper-bag-groceries-from-supermarket-very-happy-pointing-with-hand-finger_839833-5328.jpg",
},
{
id: "2",
name: "John D.",
handle: "@johnd",
testimonial: "Staff is super friendly and prices are great.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-multiethnical-couple-choosing-goods-supermarket_23-2148216067.jpg",
},
{
id: "3",
name: "Anita R.",
handle: "@anitar",
testimonial: "My go-to store for snacks and rice. Love the variety.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-buying-parsley_23-2148648919.jpg",
},
{
id: "4",
name: "Mike T.",
handle: "@miket",
testimonial: "Very clean store and well-organized aisles.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-bag-with-fresh-vegetables_23-2148454517.jpg",
},
{
id: "5",
name: "Elena K.",
handle: "@elenak",
testimonial: "Reliable hours and high-quality staples every week.",
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-shopping-grocery-store_23-2149483183.jpg",
},
]}
title="Customer Stories"
description="See why locals love shopping at Tiger Wagon."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah P.", handle: "@sarahp", testimonial: "Best place for Indian produce in Peoria. Always fresh!", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-girl-holding-paper-bag-groceries-from-supermarket-very-happy-pointing-with-hand-finger_839833-5328.jpg" },
{ id: "2", name: "John D.", handle: "@johnd", testimonial: "Staff is super friendly and prices are great.", imageSrc: "http://img.b2bpic.net/free-photo/happy-multiethnical-couple-choosing-goods-supermarket_23-2148216067.jpg" }
]}
title="Customer Stories"
description="See why locals love shopping at Tiger Wagon."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What are your store hours?",
content: "We are open daily from 9:00 am to 9:00 pm.",
},
{
id: "2",
title: "Do you offer delivery?",
content: "Please check our website or call us at +1 480-287-6368 for details.",
},
{
id: "3",
title: "Where are you located?",
content: "We are at 9044 W Union Hills Dr Suite 104, Peoria, AZ 85382.",
},
]}
title="Frequently Asked Questions"
description="Have questions about our store?"
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-203446.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "What are your store hours?", content: "We are open daily from 9:00 am to 9:00 pm." },
{ id: "2", title: "Do you offer delivery?", content: "Please check our website or call us at +1 480-287-6368 for details." }
]}
title="Frequently Asked Questions"
description="Have questions about our store?"
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-203446.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Visit us at 9044 W Union Hills Dr Suite 104, Peoria, AZ 85382, or give us a call at +1 480-287-6368."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Visit us at 9044 W Union Hills Dr Suite 104, Peoria, AZ 85382, or give us a call at +1 480-287-6368."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Store Info",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Products",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "Hours",
href: "#faq",
},
],
},
]}
bottomLeftText="© 2024 Tiger Wagon"
bottomRightText="All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Store Info", items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }] }
]}
bottomLeftText="© 2024 Tiger Wagon"
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}