Files
39a8e0d7-bf53-4c39-bf18-5e8…/src/pages/HomePage.tsx
2026-06-21 11:23:41 +00:00

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>
</>
);
}