From cc2cfeeb369737ac200f3a62aa6337b6e4c2f3d4 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 14 Jun 2026 14:34:10 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 435 +++++++++++++---------------------------- 1 file changed, 135 insertions(+), 300 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index e8ad4ce..ab2cb1a 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -13,323 +13,158 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ tag="Visit Meru's Prime Hub" + title="Welcome to Meru Greenwood Park" + description="The ultimate destination for shopping, dining, and community gathering in the heart of Meru." + primaryButton={{ text: "Get Directions", href: "#contact" }} + secondaryButton={{ text: "Explore Shops", href: "#products" }} + items={[ + { imageSrc: "http://img.b2bpic.net/free-photo/asian-women-looking-something-phone_23-2149122959.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/people-walking-shopping-mall_1160-771.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/laughing-women-shopping_23-2147688258.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-with-modern-business-office-building_1127-3065.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg" }, + ]} + /> + +
-
- +
+ - -
+ tag="About Us" + title="A Community Landmark" + description="Meru Greenwood Park is a premier retail destination serving the vibrant community of Meru with a curated mix of shops, cafes, and services." + primaryButton={{ text: "Learn More", href: "#" }} + imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-shopping-center_23-2147669894.jpg" + /> + +
-
- +
+ - -
+ tag="Convenience First" + title="Designed for Your Needs" + description="Enjoy a hassle-free experience with modern amenities and diverse services at your fingertips." + features={[ + { + title: "Secure Payments", description: "Support for KCB, M-Pesa, Visa, and Mastercard.", bentoComponent: "info-card-marquee", infoCards: [ + { icon: "CreditCard", label: "Visa", value: "Accepted" }, + { icon: "Smartphone", label: "M-Pesa", value: "Enabled" }, + ], + }, + { + title: "Spacious Layout", description: "Easy navigation throughout the mall.", bentoComponent: "media-stack", mediaItems: [ + { imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-full-side-color-business-card_23-2151022832.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/african-american-customer-putting-credit-card-pos-terminal-paying-fashionable-clothes-counter-desk-modern-boutique-woman-shopper-buying-trendy-merchandise-clothing-store_482257-72466.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-helpline-customer-support-operator-wearing-headset-voicecall-with-client-talking-about-project-financial-risks-call-centre-telemarketer-wearing-headset-call-with-potential-buyer_482257-40174.jpg" }, + ], + }, + { + title: "Customer Support", description: "We are here to assist you.", bentoComponent: "checklist-timeline", heading: "Our Services", subheading: "Excellence in comfort", checklistItems: [ + { label: "Concierge", detail: "Available daily" }, + { label: "Parking", detail: "Secured spaces" }, + { label: "WiFi", detail: "High speed" }, + ], + completedLabel: "Ready"}, + ]} + /> + +
-
- +
+ - -
+ tag="Stores & Dining" + title="Everything Under One Roof" + description="Explore a wide variety of local and international brands tailored to your lifestyle." + items={[ + { title: "Fashion Boutiques", description: "Latest trends for every season.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/blurred-background-store-shopping-mall-blur-background-with-bokeh-vintage-filtered-image_1253-1654.jpg" }, + { title: "Casual Dining", description: "Fresh meals and great coffee.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/friends-coffee-shop-with-orange-bag_23-2147705110.jpg" }, + { title: "Supermarket", description: "Daily essentials at great prices.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-vegetables-supermarket_342744-1106.jpg" }, + { title: "Tech Hub", description: "Your go-to spot for gadgets.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/defocused-airport-shop_1203-238.jpg" }, + { title: "Beauty & Salon", description: "Pamper yourself today.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/walking-professional-asian-city-women_1303-2309.jpg" }, + { title: "Kids Zone", description: "Fun for the whole family.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-father-xmas_1098-14951.jpg" }, + { title: "Local Artisans", description: "Handcrafted products with care.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211282.jpg" }, + ]} + /> + +
-
- +
+ - -
+ tag="Our Growth" + title="Serving the Community Daily" + description="We take pride in being a central part of Meru's commercial landscape." + metrics={[ + { value: "100+", title: "Retail Units", description: "Diverse businesses to explore.", imageSrc: "http://img.b2bpic.net/free-vector/flat-infographic-element-collection_23-2148044163.jpg" }, + { value: "4.4", title: "Rating", description: "Trusted by our visitors.", imageSrc: "http://img.b2bpic.net/free-photo/excited-models-clothing-shop_23-2147669927.jpg" }, + { value: "24/7", title: "Support", description: "We value your inquiries.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg" }, + ]} + /> + +
-
- +
+ - -
+ tag="Community Voices" + title="What Our Shoppers Say" + description="Join our community of happy shoppers who make us their first choice." + testimonials={[ + { name: "Sarah Mutua", role: "Resident", company: "Meru", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-lady-with-shopping-bags-mall_23-2147950204.jpg" }, + { name: "John Gitau", role: "Entrepreneur", company: "Meru Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-happy-shopaholics-having-great-time-shopping-mall_1262-13056.jpg" }, + { name: "Anne Wanjiku", role: "Visitor", company: "Family", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-teenage-girl-posing_23-2148672410.jpg" }, + { name: "Brian Otieno", role: "Student", company: "Education", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353755.jpg" }, + { name: "Joyce Kendi", role: "Local", company: "Meru Central", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-caucasian-guy-love-with-his-black-girlfriend_1262-20219.jpg" }, + ]} + /> + +
-
- +
+ - -
+ tag="Trusted Partners" + title="Our Network" + description="Proudly working with leading brands." + names={["KCB Bank", "Visa", "Mastercard", "M-Pesa", "Meru Retail Hub", "Café Greenwood", "Fashion Corner"]} + /> + +
-
- +
+ - -
+ tag="FAQ" + title="Answers to Your Questions" + description="Everything you need to know about your next visit." + items={[ + { question: "Are you open on weekends?", answer: "Yes, we are open seven days a week." }, + { question: "What payment methods do you accept?", answer: "We support M-Pesa, KCB, Visa, and Mastercard at most stores." }, + { question: "Where is the mall located?", answer: "We are centrally located in Meru, easily accessible by public transit." }, + ]} + imageSrc="http://img.b2bpic.net/free-photo/glass-structure_1127-2132.jpg" + /> + +
-
- +
+ - -
+ tag="Connect With Us" + text="Need assistance or have a business inquiry? Contact us today." + primaryButton={{ text: "Call +254 724 776945", href: "tel:+254724776945" }} + secondaryButton={{ text: "WhatsApp Support", href: "https://wa.me/254724776945" }} + /> + +
); }