bender/39a8e0d7-bf53-4c39-bf18-5e862de505c4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-21 11:22:11 +00:00
parent b7829d4a43
commit 1cf28066e5
1 changed files with 48 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
src/pages/HomePage.tsx
View File

@@ -1,5 +1,4 @@
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
// @ts-nocheck
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import FeaturesBento from '@/components/sections/features/FeaturesBento';
@@ -7,7 +6,7 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import { Award, Beef, Clock, Croissant, Leaf, MapPin, ShoppingBasket, ShoppingCart, Smile, User, Users } from "lucide-react";
import { Award, Beef, Clock, Croissant, Leaf, MapPin, ShoppingCart, Smile, User, Users, ShoppingBasket } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
@@ -20,28 +19,21 @@ export default function HomePage() {
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",
}}
text: "Browse Specials", href: "#products"}}
secondaryButton={{
text: "Find Us",
href: "#contact",
}}
text: "Find Us", href: "#contact"}}
items={[
{
text: "Fresh Produce",
icon: Leaf,
text: "Fresh Produce", icon: Leaf,
},
{
text: "Bakery Delights",
icon: Croissant,
text: "Bakery Delights", icon: Croissant,
},
{
text: "Quality Meats",
icon: Beef,
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"
imageSrc="http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -52,7 +44,7 @@ export default function HomePage() {
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?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -65,67 +57,33 @@ export default function HomePage() {
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: [
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: "ShoppingBasket", label: "Items", value: "1000+"},
{
icon: Clock,
label: "Daily",
value: "8am-8pm",
},
icon: "Clock", label: "Daily", value: "8am-8pm"},
{
icon: Smile,
label: "Service",
value: "10/10",
},
icon: "Smile", label: "Service", value: "10/10"},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-various-vegetables-wooden-plank_23-2147944309.jpg",
imageAlt: "fresh organic vegetables",
},
{
title: "Fresh Daily",
description: "Fresh produce and bakery items delivered daily for the highest quality.",
bentoComponent: "media-stack",
mediaItems: [
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/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-taking-macaroons-from-display-case_23-2147787062.jpg",
},
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-butcher-giving-meat-saleswoman_7502-4772.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg?_wi=2",
imageAlt: "fresh organic vegetables",
},
{
title: "Easy Access",
description: "Located centrally in Chililabombwe for your accessibility.",
bentoComponent: "chat-marquee",
aiIcon: MapPin,
userIcon: User,
exchanges: [
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: "Is the store open?", aiResponse: "Open today until 8 PM!"},
{
userMessage: "Where are you?",
aiResponse: "Pamodzi Road, Chingola.",
},
userMessage: "Where are you?", aiResponse: "Pamodzi Road, Chingola."},
],
placeholder: "Ask our store bot...",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-fresh-vegetable-wicker-grocery-store-market_23-2148209846.jpg?_wi=1",
imageAlt: "fresh organic vegetables",
},
placeholder: "Ask our store bot..."},
]}
/>
</SectionErrorBoundary>
@@ -139,40 +97,19 @@ export default function HomePage() {
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?_wi=2",
},
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: "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: "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: "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: "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: "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",
},
title: "Home Care", description: "Daily essentials.", imageSrc: "http://img.b2bpic.net/free-photo/disinfection-equipment-table_23-2148577795.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -186,20 +123,11 @@ export default function HomePage() {
description="The numbers behind our dedication."
metrics={[
{
icon: Users,
title: "Happy Customers",
value: "1.4k+",
},
icon: "Users", title: "Happy Customers", value: "1.4k+"},
{
icon: Award,
title: "Service Rating",
value: "4.0",
},
icon: "Award", title: "Service Rating", value: "4.0"},
{
icon: ShoppingCart,
title: "Daily Transactions",
value: "500+",
},
icon: "ShoppingCart", title: "Daily Transactions", value: "500+"},
]}
/>
</SectionErrorBoundary>
@@ -213,40 +141,20 @@ export default function HomePage() {
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: "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: "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: "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: "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",
},
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>
@@ -260,29 +168,19 @@ export default function HomePage() {
description="Find answers to common questions about our store."
categories={[
{
name: "General",
items: [
name: "General", items: [
{
question: "What are your opening hours?",
answer: "We are open daily until 8:00 PM.",
},
question: "What are your opening hours?", answer: "We are open daily until 8:00 PM."},
{
question: "Where are you located?",
answer: "Pamodzi Road, Chililabombwe.",
},
question: "Where are you located?", answer: "Pamodzi Road, Chililabombwe."},
],
},
{
name: "Services",
items: [
name: "Services", items: [
{
question: "Do you have fresh meat?",
answer: "Yes, our butchery is fully stocked daily.",
},
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.",
},
question: "Can I order online?", answer: "Please visit our website for more info."},
],
},
]}
@@ -296,13 +194,9 @@ export default function HomePage() {
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",
}}
text: "Call Now: 0212 380 965", href: "tel:0212380965"}}
secondaryButton={{
text: "Visit Website",
href: "http://shoprite.co.zm",
}}
text: "Visit Website", href: "http://shoprite.co.zm"}}
/>
</SectionErrorBoundary>
</div>