Files
2ae2cd3f-7e6b-4b9a-bef0-b4e…/src/app/page.tsx
2026-03-07 12:49:59 +00:00

167 lines
12 KiB
TypeScript

"use client";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { MapPin, Phone, ShoppingBag, ShoppingCart, Star, Zap } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLarge"
background="noiseDiagonalGradient"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Apna Bazar"
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Call Now", href: "tel:+919876543210" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
title="Your Trusted Local Grocery Store in Solapur"
description="Fresh groceries, snacks, and daily essentials available at affordable prices. Quick shopping, wide variety, and friendly service on Vijapur Road."
tag="Local Trusted Grocery"
tagIcon={ShoppingCart}
tagAnimation="slide-up"
buttons={[
{ text: "Call Now", href: "tel:+919876543210" },
{ text: "WhatsApp Order", href: "https://wa.me/919876543210" }
]}
buttonAnimation="slide-up"
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349424.jpg?_wi=1", imageAlt: "Apna Bazar grocery store interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vegetable-decoration-with-blank-slate_23-2147681616.jpg?_wi=1", imageAlt: "Fresh groceries and vegetables" },
{ imageSrc: "http://img.b2bpic.net/free-photo/snacks-juice-wooden-table_1252-621.jpg?_wi=1", imageAlt: "Packaged snacks and food items" },
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-snack-school-time_23-2147654454.jpg?_wi=1", imageAlt: "Household essentials and products" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-with-face-mask_23-2149565225.jpg?_wi=1", imageAlt: "Beverages and drink selection" },
{ imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349424.jpg?_wi=2", imageAlt: "Store shelves with organized products" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vegetable-decoration-with-blank-slate_23-2147681616.jpg?_wi=2", imageAlt: "Quality grocery items display" },
{ imageSrc: "http://img.b2bpic.net/free-photo/snacks-juice-wooden-table_1252-621.jpg?_wi=2", imageAlt: "Variety of packaged snacks" }
]}
carouselPosition="right"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Why Choose Apna Bazar - Your Neighborhood Store"
metrics={[
{ icon: ShoppingBag, label: "Wide Product Selection", value: "500+" },
{ icon: MapPin, label: "Convenient Location", value: "Vijapur Rd" },
{ icon: Zap, label: "Quick Shopping", value: "Fast" },
{ icon: Star, label: "Customer Rating", value: "4.8★" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
title="Shop Our Categories"
description="Browse through our wide range of fresh groceries, snacks, beverages, and household essentials."
tag="Product Categories"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", name: "Grocery Items", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-decoration-with-blank-slate_23-2147681616.jpg?_wi=3", imageAlt: "Fresh groceries" },
{ id: "2", name: "Snacks & Packaged Food", price: "Budget-Friendly", imageSrc: "http://img.b2bpic.net/free-photo/snacks-juice-wooden-table_1252-621.jpg?_wi=3", imageAlt: "Snacks and packaged food" },
{ id: "3", name: "Beverages", price: "Best Prices", imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-with-face-mask_23-2149565225.jpg?_wi=2", imageAlt: "Beverages and drinks" },
{ id: "4", name: "Household Essentials", price: "Daily Needs", imageSrc: "http://img.b2bpic.net/free-photo/delicious-snack-school-time_23-2147654454.jpg?_wi=2", imageAlt: "Household essentials" }
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
buttons={[
{ text: "Call to Check Availability", href: "tel:+919876543210" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFive
title="What Our Customers Say"
description="Real reviews from local customers who trust Apna Bazar for their daily grocery needs."
tag="Customer Reviews"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Priya Sharma, Solapur", date: "Date: 15 March 2024", title: "Great local grocery store with quality products", quote: "I shop at Apna Bazar regularly. The products are always fresh, prices are competitive, and the staff is very friendly. It's my go-to store for all daily grocery needs.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-34513.jpg", avatarAlt: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349424.jpg?_wi=3", imageAlt: "Store interior"
},
{
id: "2", name: "Raj Patel, Vijapur Road", date: "Date: 12 March 2024", title: "Convenient store on Vijapur road", quote: "Perfect location for quick shopping. I always find what I need here. The quick shopping experience saves me so much time after work.", tag: "Working Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-diplomatic-suit-looking-camera-standing-outside-front-startup-company-office-entrepreneur-man-working-marketing-presentation-outdoor-concept_482257-28140.jpg", avatarAlt: "Raj Patel", imageSrc: "http://img.b2bpic.net/free-photo/snacks-juice-wooden-table_1252-621.jpg?_wi=4", imageAlt: "Product variety"
},
{
id: "3", name: "Anjali Desai, Local Resident", date: "Date: 10 March 2024", title: "Best prices for everyday items", quote: "Apna Bazar offers the best value for money in the area. Their affordable prices don't compromise on quality. Highly recommend to everyone!", tag: "Happy Customer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-daughter-sitting-sofa_23-2148045478.jpg", avatarAlt: "Anjali Desai", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-decoration-with-blank-slate_23-2147681616.jpg?_wi=4", imageAlt: "Fresh groceries"
},
{
id: "4", name: "Vikram Singh, Student", date: "Date: 8 March 2024", title: "Perfect for quick purchases and affordable", quote: "As a student, I appreciate the affordable prices and quick service at Apna Bazar. Great variety of snacks and daily essentials. Love this store!", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", avatarAlt: "Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-with-face-mask_23-2149565225.jpg?_wi=3", imageAlt: "Beverages selection"
},
{
id: "5", name: "Meera Kulkarni, Homemaker", date: "Date: 5 March 2024", title: "Trusted neighborhood store for 2 years", quote: "I've been shopping here for 2 years. The consistency in quality and friendly service keeps me coming back. Best grocery store in our locality!", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-34513.jpg", avatarAlt: "Meera Kulkarni", imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349424.jpg?_wi=4", imageAlt: "Store view"
},
{
id: "6", name: "Arjun Reddy, Business Owner", date: "Date: 1 March 2024", title: "Reliable supplier for my small restaurant", quote: "I source several items from Apna Bazar for my restaurant. Their reliability, fresh products, and competitive pricing make them an essential partner for my business.", tag: "Business Customer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-diplomatic-suit-looking-camera-standing-outside-front-startup-company-office-entrepreneur-man-working-marketing-presentation-outdoor-concept_482257-28140.jpg", avatarAlt: "Arjun Reddy", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-decoration-with-blank-slate_23-2147681616.jpg?_wi=5", imageAlt: "Quality products"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Get in Touch With Us"
ctaDescription="Have questions about our products or need directions? Contact us now through phone, WhatsApp, or submit an inquiry form."
ctaIcon={Phone}
ctaButton={{ text: "Call Now: +91-9876-543-210", href: "tel:+919876543210" }}
faqs={[
{ id: "1", title: "What are your store hours?", content: "We are open Monday to Sunday, 8:00 AM to 10:00 PM. We're closed on major national holidays." },
{ id: "2", title: "Do you offer home delivery?", content: "Yes, we offer quick delivery for orders within Solapur. You can place orders through WhatsApp or call us directly." },
{ id: "3", title: "What payment methods do you accept?", content: "We accept cash, UPI, debit cards, and credit cards. WhatsApp Pay is also available for convenience." },
{ id: "4", title: "How can I check product availability?", content: "You can call us directly at +91-9876-543-210 or message on WhatsApp to check if specific products are in stock." },
{ id: "5", title: "Do you offer bulk orders or wholesale?", content: "Yes, we offer special rates for bulk and wholesale orders. Please contact us for details and quotations." }
]}
useInvertedBackground={false}
animationType="slide-up"
accordionAnimationType="smooth"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Apna Bazar"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms & Conditions", href: "#" }}
/>
</div>
</ThemeProvider>
);
}