206 lines
9.8 KiB
TypeScript
206 lines
9.8 KiB
TypeScript
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
|
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
|
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
|
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
|
|
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
|
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
|
import { Beef, Croissant, Leaf } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroOverlayMarquee
|
|
tag="Your Neighborhood Supermarket"
|
|
title="Freshness & Quality You Can Trust"
|
|
description="Discover a world of fresh groceries, bakery treats, and daily essentials at your Shoprite Chililabombwe. Serving you with quality, every day."
|
|
primaryButton={{
|
|
text: "Browse Specials", href: "#products"}}
|
|
secondaryButton={{
|
|
text: "Find Us", href: "#contact"}}
|
|
items={[
|
|
{
|
|
text: "Fresh Produce", icon: Leaf,
|
|
},
|
|
{
|
|
text: "Bakery Delights", icon: Croissant,
|
|
},
|
|
{
|
|
text: "Quality Meats", icon: Beef,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg?_wi=1"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutMediaOverlay
|
|
tag="About Us"
|
|
title="Serving Chililabombwe Daily"
|
|
description="Located at Plot 1068 & 1070 Cnr Congo & Tiyende, Pamodzi Road, we are dedicated to providing our community with the finest groceries and household necessities. Our commitment is to quality, price, and excellent service."
|
|
imageSrc="http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<SectionErrorBoundary name="features">
|
|
<FeaturesBento
|
|
tag="Our Services"
|
|
title="Why Shop With Us?"
|
|
description="We go beyond just being a supermarket to offer value and convenience to your daily life."
|
|
features={[
|
|
{
|
|
title: "In-Store Shopping", description: "Walk through our aisles and explore our full range of fresh products at your convenience.", bentoComponent: "info-card-marquee", infoCards: [
|
|
{
|
|
icon: "ShoppingBasket", label: "Items", value: "1000+"},
|
|
{
|
|
icon: "Clock", label: "Daily", value: "8am-8pm"},
|
|
{
|
|
icon: "Smile", label: "Service", value: "10/10"},
|
|
],
|
|
},
|
|
{
|
|
title: "Fresh Daily", description: "Fresh produce and bakery items delivered daily for the highest quality.", bentoComponent: "media-stack", mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg?_wi=2"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-taking-macaroons-from-display-case_23-2147787062.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-butcher-giving-meat-saleswoman_7502-4772.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Easy Access", description: "Located centrally in Chililabombwe for your accessibility.", bentoComponent: "chat-marquee", aiIcon: "MapPin", userIcon: "User", exchanges: [
|
|
{
|
|
userMessage: "Is the store open?", aiResponse: "Open today until 8 PM!"},
|
|
{
|
|
userMessage: "Where are you?", aiResponse: "Pamodzi Road, Chingola."},
|
|
],
|
|
placeholder: "Ask our store bot..."},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<SectionErrorBoundary name="products">
|
|
<FeaturesImageBento
|
|
tag="Our Categories"
|
|
title="Something for Everyone"
|
|
description="Explore our wide range of departments."
|
|
items={[
|
|
{
|
|
title: "Fresh Produce", description: "Crisp fruits and vegetables.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-fresh-vegetable-wicker-grocery-store-market_23-2148209846.jpg"},
|
|
{
|
|
title: "Bakery", description: "Warm breads and pastries.", imageSrc: "http://img.b2bpic.net/free-photo/view-basket-with-fresh-bread_23-2150306975.jpg"},
|
|
{
|
|
title: "Dairy & Eggs", description: "Fresh farm goodness.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-milk-with-copy-space_23-2148610538.jpg"},
|
|
{
|
|
title: "Meat & Deli", description: "High-quality cuts.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-organic-raw-food-breakfast_23-2148101778.jpg"},
|
|
{
|
|
title: "Frozen Foods", description: "Convenience at your fingertips.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-frozen-healthy-food_23-2148969428.jpg"},
|
|
{
|
|
title: "Pantry Staples", description: "Grains and canned goods.", imageSrc: "http://img.b2bpic.net/free-photo/woman-pushing-shopping-cart-shelves-supermarket_342744-1128.jpg"},
|
|
{
|
|
title: "Home Care", description: "Daily essentials.", imageSrc: "http://img.b2bpic.net/free-photo/disinfection-equipment-table_23-2148577795.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsIconCards
|
|
tag="Our Impact"
|
|
title="Serving You with Pride"
|
|
description="The numbers behind our dedication."
|
|
metrics={[
|
|
{
|
|
icon: "Users", title: "Happy Customers", value: "1.4k+"},
|
|
{
|
|
icon: "Award", title: "Service Rating", value: "4.0"},
|
|
{
|
|
icon: "ShoppingCart", title: "Daily Transactions", value: "500+"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialRatingCards
|
|
tag="Feedback"
|
|
title="Loved by the Community"
|
|
description="See what our loyal shoppers say about their experience."
|
|
testimonials={[
|
|
{
|
|
name: "John Doe", role: "Local Resident", quote: "The freshest vegetables in town!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-girl-holding-colorful-bags_1163-65.jpg"},
|
|
{
|
|
name: "Jane Smith", role: "Homemaker", quote: "Love the bakery section.", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vegan-adult-presenting-his-ripe-freshly-harvested-produce-paper-bag_482257-99540.jpg"},
|
|
{
|
|
name: "Michael B", role: "Customer", quote: "Staff is always helpful.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-positive-african-american-with-afro-hairstyle-waving-smiling-while-walking-street-wearing-trendy-outfit-headphones-neck_176420-19795.jpg"},
|
|
{
|
|
name: "Sarah W", role: "Student", quote: "Great prices and quality.", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-buying-presents-holding-shopping-bag-looking-amused-standing-pink-backgr_1258-173464.jpg"},
|
|
{
|
|
name: "David K", role: "Regular", quote: "Very clean store.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-couple-choosing-goods-looking-each-other-supermarket_23-2148216068.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqTabbedAccordion
|
|
tag="Help Center"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our store."
|
|
categories={[
|
|
{
|
|
name: "General", items: [
|
|
{
|
|
question: "What are your opening hours?", answer: "We are open daily until 8:00 PM."},
|
|
{
|
|
question: "Where are you located?", answer: "Pamodzi Road, Chililabombwe."},
|
|
],
|
|
},
|
|
{
|
|
name: "Services", items: [
|
|
{
|
|
question: "Do you have fresh meat?", answer: "Yes, our butchery is fully stocked daily."},
|
|
{
|
|
question: "Can I order online?", answer: "Please visit our website for more info."},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Visit Us"
|
|
text="Need help or have questions? Come visit us today or call us for any inquiries."
|
|
primaryButton={{
|
|
text: "Call Now: 0212 380 965", href: "tel:0212380965"}}
|
|
secondaryButton={{
|
|
text: "Visit Website", href: "http://shoprite.co.zm"}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|