167 lines
12 KiB
TypeScript
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>
|
|
);
|
|
}
|