From 54925dbe8c5df09ba1673cdcd847f3ebdf668624 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 01:26:17 +0000 Subject: [PATCH] Update src/app/products/page.tsx --- src/app/products/page.tsx | 282 +++++++++----------------------------- 1 file changed, 65 insertions(+), 217 deletions(-) diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx index 95e745f..42ceff5 100644 --- a/src/app/products/page.tsx +++ b/src/app/products/page.tsx @@ -50,47 +50,25 @@ export default function ProductsPage() { tagAnimation="slide-up" buttons={[ { - text: "Call Now: 0317 7774647", - href: "tel:+923177774647", - }, + text: "Call Now: 0317 7774647", href: "tel:+923177774647"}, { - text: "Order Online on Foodpanda", - href: "https://foodpanda.pk", - }, + text: "Order Online on Foodpanda", href: "https://foodpanda.pk"}, ]} buttonAnimation="slide-up" background={{ variant: "plain" }} carouselItems={[ { - id: "1", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket_1339-5842.jpg?_wi=3", - imageAlt: "Premium supermarket interior with organized shelves", - }, + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket_1339-5842.jpg", imageAlt: "Premium supermarket interior with organized shelves"}, { - id: "2", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-copy-space-broccoli-with-bell-peppers-basket-wooden-background_141793-49580.jpg?_wi=2", - imageAlt: "Fresh produce section with vibrant vegetables and fruits", - }, + id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-copy-space-broccoli-with-bell-peppers-basket-wooden-background_141793-49580.jpg", imageAlt: "Fresh produce section with vibrant vegetables and fruits"}, { - id: "3", - imageSrc: "http://img.b2bpic.net/free-photo/joyful-little-girl-sitting-shopping-cart_171337-2373.jpg?_wi=2", - imageAlt: "Imported products and international grocery items", - }, + id: "3", imageSrc: "http://img.b2bpic.net/free-photo/joyful-little-girl-sitting-shopping-cart_171337-2373.jpg", imageAlt: "Imported products and international grocery items"}, { - id: "4", - imageSrc: "http://img.b2bpic.net/free-photo/baked-breads-buns-kept-shelf_1170-2304.jpg?_wi=2", - imageAlt: "Fresh bakery items and bread selection", - }, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/baked-breads-buns-kept-shelf_1170-2304.jpg", imageAlt: "Fresh bakery items and bread selection"}, { - id: "5", - imageSrc: "http://img.b2bpic.net/free-photo/man-examining-organic-pantry-supplies_482257-76526.jpg?_wi=2", - imageAlt: "Clean checkout area with friendly staff", - }, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-examining-organic-pantry-supplies_482257-76526.jpg", imageAlt: "Clean checkout area with friendly staff"}, { - id: "6", - imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26762.jpg?_wi=2", - imageAlt: "Springs Store DHA storefront in DHA Karachi", - }, + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26762.jpg", imageAlt: "Springs Store DHA storefront in DHA Karachi"}, ]} autoPlay={true} autoPlayInterval={5000} @@ -115,51 +93,27 @@ export default function ProductsPage() { useInvertedBackground={false} metrics={[ { - id: "1", - value: "4.3★", - title: "Customer Rating with 2,700+ Reviews", - items: [ - "Consistent 5-star reviews", - "Trusted by DHA families", - "Recommended by local communities", - ], + id: "1", value: "4.3★", title: "Customer Rating with 2,700+ Reviews", items: [ + "Consistent 5-star reviews", "Trusted by DHA families", "Recommended by local communities"], }, { - id: "2", - value: "2015", - title: "Established Premium Supermarket", - items: [ - "9+ years of reliable service", - "Family-owned and operated", - "Community commitment", - ], + id: "2", value: "2015", title: "Established Premium Supermarket", items: [ + "9+ years of reliable service", "Family-owned and operated", "Community commitment"], }, { - id: "3", - value: "1000+", - title: "Imported Products In Stock", - items: [ - "International grocery items", - "Premium local brands", - "Specialty food categories", - ], + id: "3", value: "1000+", title: "Imported Products In Stock", items: [ + "International grocery items", "Premium local brands", "Specialty food categories"], }, { - id: "4", - value: "DHA + Karachi", - title: "Delivery Coverage", - items: [ - "Order via Foodpanda", - "Quick delivery service", - "Fresh grocery guarantee", - ], + id: "4", value: "DHA + Karachi", title: "Delivery Coverage", items: [ + "Order via Foodpanda", "Quick delivery service", "Fresh grocery guarantee"], }, ]} animationType="slide-up" carouselMode="buttons" uniformGridCustomHeightClasses="min-h-[400px]" - className="w-full py-20" - containerClassName="bg-white" + className="w-full" + containerClassName="mx-auto px-4 md:px-6 max-w-6xl" titleClassName="text-5xl font-bold text-foreground" descriptionClassName="text-lg text-foreground/80 mt-4" valueClassName="text-9xl font-bold text-primary-cta" @@ -179,9 +133,7 @@ export default function ProductsPage() { tagAnimation="slide-up" buttons={[ { - text: "Visit Store in DHA", - href: "/contact", - }, + text: "Visit Store in DHA", href: "/contact"}, ]} buttonAnimation="slide-up" textboxLayout="default" @@ -190,56 +142,20 @@ export default function ProductsPage() { animationType="slide-up" products={[ { - id: "fresh-produce", - name: "Fresh Produce", - price: "Weekly Fresh", - variant: "Vegetables, Fruits, Organic", - imageSrc: "http://img.b2bpic.net/free-photo/peppers-woode-tray-with-zucchini-garlics_114579-6109.jpg?_wi=3", - imageAlt: "Fresh vegetables and fruits", - }, + id: "fresh-produce", name: "Fresh Produce", price: "Weekly Fresh", variant: "Vegetables, Fruits, Organic", imageSrc: "http://img.b2bpic.net/free-photo/peppers-woode-tray-with-zucchini-garlics_114579-6109.jpg", imageAlt: "Fresh vegetables and fruits"}, { - id: "imported-foods", - name: "Imported Foods", - price: "Premium Selection", - variant: "International Brands, Specialty", - imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-crate-market-stall_23-2147916200.jpg?_wi=3", - imageAlt: "International imported grocery items", - }, + id: "imported-foods", name: "Imported Foods", price: "Premium Selection", variant: "International Brands, Specialty", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-crate-market-stall_23-2147916200.jpg", imageAlt: "International imported grocery items"}, { - id: "bakery", - name: "Bakery & Bread", - price: "Daily Fresh Baked", - variant: "Bread, Pastries, Cakes", - imageSrc: "http://img.b2bpic.net/free-photo/spanics-sandwich_1398-5161.jpg?_wi=2", - imageAlt: "Fresh baked goods and bread", - }, + id: "bakery", name: "Bakery & Bread", price: "Daily Fresh Baked", variant: "Bread, Pastries, Cakes", imageSrc: "http://img.b2bpic.net/free-photo/spanics-sandwich_1398-5161.jpg", imageAlt: "Fresh baked goods and bread"}, { - id: "baby-products", - name: "Baby Products", - price: "Safe & Quality", - variant: "Formula, Diapers, Care", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-7843.jpg?_wi=2", - imageAlt: "Baby care and formula products", - }, + id: "baby-products", name: "Baby Products", price: "Safe & Quality", variant: "Formula, Diapers, Care", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-7843.jpg", imageAlt: "Baby care and formula products"}, { - id: "cosmetics", - name: "Cosmetics & Beauty", - price: "Trusted Brands", - variant: "Skincare, Makeup, Personal Care", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-cleaning-products-set-with-soap-cotton-swabs_23-2148818490.jpg?_wi=2", - imageAlt: "Cosmetics and beauty products", - }, + id: "cosmetics", name: "Cosmetics & Beauty", price: "Trusted Brands", variant: "Skincare, Makeup, Personal Care", imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-cleaning-products-set-with-soap-cotton-swabs_23-2148818490.jpg", imageAlt: "Cosmetics and beauty products"}, { - id: "pharmacy", - name: "Pharmacy Essentials", - price: "Health & Wellness", - variant: "Medicines, Supplements, Health", - imageSrc: "http://img.b2bpic.net/free-photo/african-american-pharmacist-cashier-working-drugstore-hospital-pharmacy-african-healthcare_627829-14275.jpg?_wi=2", - imageAlt: "Pharmacy and health products", - }, + id: "pharmacy", name: "Pharmacy Essentials", price: "Health & Wellness", variant: "Medicines, Supplements, Health", imageSrc: "http://img.b2bpic.net/free-photo/african-american-pharmacist-cashier-working-drugstore-hospital-pharmacy-african-healthcare_627829-14275.jpg", imageAlt: "Pharmacy and health products"}, ]} - className="w-full py-20" - containerClassName="bg-white" + className="w-full" + containerClassName="mx-auto px-4 md:px-6 max-w-6xl" titleClassName="text-5xl font-bold text-foreground" descriptionClassName="text-lg text-foreground/80 mt-4" /> @@ -257,9 +173,7 @@ export default function ProductsPage() { tagAnimation="slide-up" buttons={[ { - text: "Get Directions", - href: "/contact", - }, + text: "Get Directions", href: "/contact"}, ]} buttonAnimation="slide-up" textboxLayout="default" @@ -267,55 +181,31 @@ export default function ProductsPage() { features={[ { id: 1, - title: "Premium Imported Brands", - description: - "Access to 1000+ imported products from around the world. Premium brands and specialty items not found elsewhere in DHA.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-grocery-store_1303-17248.jpg?_wi=3", - imageAlt: "Display of imported premium brands", - }, + title: "Premium Imported Brands", description: + "Access to 1000+ imported products from around the world. Premium brands and specialty items not found elsewhere in DHA.", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-grocery-store_1303-17248.jpg", imageAlt: "Display of imported premium brands"}, { id: 2, - title: "Clean & Organized Store", - description: - "Spotlessly maintained shopping environment with organized aisles, proper temperature control, and hygienic product handling.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-drinks-refrigerator-while-holding-vegetable-basket-grocery-store_662251-1460.jpg?_wi=3", - imageAlt: "Clean organized supermarket aisles", - }, + title: "Clean & Organized Store", description: + "Spotlessly maintained shopping environment with organized aisles, proper temperature control, and hygienic product handling.", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-drinks-refrigerator-while-holding-vegetable-basket-grocery-store_662251-1460.jpg", imageAlt: "Clean organized supermarket aisles"}, { id: 3, - title: "Friendly & Knowledgeable Staff", - description: - "Our dedicated team is trained to assist you with product selection, availability queries, and personalized recommendations.", - imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950066.jpg?_wi=3", - imageAlt: "Helpful store staff assisting customers", - }, + title: "Friendly & Knowledgeable Staff", description: + "Our dedicated team is trained to assist you with product selection, availability queries, and personalized recommendations.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950066.jpg", imageAlt: "Helpful store staff assisting customers"}, { id: 4, - title: "Fresh Bakery & Deli", - description: - "Daily fresh-baked bread, pastries, and prepared items made in-store with the finest ingredients.", - imageSrc: "http://img.b2bpic.net/free-photo/delicious-types-bread-basket-long-shot_23-2148361874.jpg?_wi=2", - imageAlt: "Fresh bakery display with baked goods", - }, + title: "Fresh Bakery & Deli", description: + "Daily fresh-baked bread, pastries, and prepared items made in-store with the finest ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-types-bread-basket-long-shot_23-2148361874.jpg", imageAlt: "Fresh bakery display with baked goods"}, { id: 5, - title: "Secure Parking Available", - description: - "Convenient parking in Bukhari Commercial Area Phase 6. Safe and easy access for all customers.", - imageSrc: "http://img.b2bpic.net/free-photo/empty-urban-road-through-modern-city_1359-1037.jpg?_wi=2", - imageAlt: "Store parking area", - }, + title: "Secure Parking Available", description: + "Convenient parking in Bukhari Commercial Area Phase 6. Safe and easy access for all customers.", imageSrc: "http://img.b2bpic.net/free-photo/empty-urban-road-through-modern-city_1359-1037.jpg", imageAlt: "Store parking area"}, { id: 6, - title: "Prime DHA Location", - description: - "Located in the heart of DHA Karachi for easy access. Open daily from 8 AM to 11 PM for your convenience.", - imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-1122.jpg?_wi=3", - imageAlt: "Springs Store storefront location", - }, + title: "Prime DHA Location", description: + "Located in the heart of DHA Karachi for easy access. Open daily from 8 AM to 11 PM for your convenience.", imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-1122.jpg", imageAlt: "Springs Store storefront location"}, ]} - className="w-full py-20" - containerClassName="bg-white" + className="w-full" + containerClassName="mx-auto px-4 md:px-6 max-w-6xl" /> @@ -336,68 +226,32 @@ export default function ProductsPage() { carouselMode="buttons" testimonials={[ { - id: "1", - name: "Fatima Khan", - handle: "@fatimakh_dha", - testimonial: - "Springs Store is my go-to place for imported groceries. The quality is exceptional and the staff is so helpful. Highly recommend!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-pointing-camera_74855-4351.jpg?_wi=3", - imageAlt: "Fatima Khan customer testimonial", - }, + id: "1", name: "Fatima Khan", handle: "@fatimakh_dha", testimonial: + "Springs Store is my go-to place for imported groceries. The quality is exceptional and the staff is so helpful. Highly recommend!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-pointing-camera_74855-4351.jpg", imageAlt: "Fatima Khan customer testimonial"}, { - id: "2", - name: "Ahmed Hassan", - handle: "@ahmedhassan_khi", - testimonial: - "Best supermarket in DHA. Clean, organized, and they always have what I'm looking for. Love the fresh bakery section!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg?_wi=3", - imageAlt: "Ahmed Hassan customer testimonial", - }, + id: "2", name: "Ahmed Hassan", handle: "@ahmedhassan_khi", testimonial: + "Best supermarket in DHA. Clean, organized, and they always have what I'm looking for. Love the fresh bakery section!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg", imageAlt: "Ahmed Hassan customer testimonial"}, { - id: "3", - name: "Saira Malik", - handle: "@saira_malik_dha", - testimonial: - "I've been shopping at Springs for years. The consistency in quality and customer service is unmatched. Truly a premium experience.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg?_wi=3", - imageAlt: "Saira Malik customer testimonial", - }, + id: "3", name: "Saira Malik", handle: "@saira_malik_dha", testimonial: + "I've been shopping at Springs for years. The consistency in quality and customer service is unmatched. Truly a premium experience.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg", imageAlt: "Saira Malik customer testimonial"}, { - id: "4", - name: "Imran Ali", - handle: "@imran_shopsdha", - testimonial: - "Great variety of imported products at reasonable prices. The store is always clean and well-stocked. Foodpanda delivery is super fast too!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg?_wi=2", - imageAlt: "Imran Ali customer testimonial", - }, + id: "4", name: "Imran Ali", handle: "@imran_shopsdha", testimonial: + "Great variety of imported products at reasonable prices. The store is always clean and well-stocked. Foodpanda delivery is super fast too!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg", imageAlt: "Imran Ali customer testimonial"}, { - id: "5", - name: "Hina Rauf", - handle: "@hina_rauf_khi", - testimonial: - "Perfect for all my grocery shopping needs. From fresh produce to specialty items, Springs has everything. Friendly staff makes it even better.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg?_wi=2", - imageAlt: "Hina Rauf customer testimonial", - }, + id: "5", name: "Hina Rauf", handle: "@hina_rauf_khi", testimonial: + "Perfect for all my grocery shopping needs. From fresh produce to specialty items, Springs has everything. Friendly staff makes it even better.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", imageAlt: "Hina Rauf customer testimonial"}, { - id: "6", - name: "Usman Khan", - handle: "@usman_shops_khi", - testimonial: - "Been a loyal customer for 3 years. Springs Store is reliable, clean, and offers premium quality. Worth every visit!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=2", - imageAlt: "Usman Khan customer testimonial", - }, + id: "6", name: "Usman Khan", handle: "@usman_shops_khi", testimonial: + "Been a loyal customer for 3 years. Springs Store is reliable, clean, and offers premium quality. Worth every visit!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Usman Khan customer testimonial"}, ]} - className="w-full py-20" - containerClassName="bg-white" + className="w-full" + containerClassName="mx-auto px-4 md:px-6 max-w-6xl" titleClassName="text-5xl font-bold text-foreground" descriptionClassName="text-lg text-foreground/80 mt-4" /> @@ -413,19 +267,13 @@ export default function ProductsPage() { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/springs.store.dha", - ariaLabel: "Springs Store DHA on Facebook", - }, + href: "https://facebook.com/springs.store.dha", ariaLabel: "Springs Store DHA on Facebook"}, { icon: Instagram, - href: "https://instagram.com/springsstodha", - ariaLabel: "Springs Store DHA on Instagram", - }, + href: "https://instagram.com/springsstodha", ariaLabel: "Springs Store DHA on Instagram"}, { icon: Phone, - href: "tel:+923177774647", - ariaLabel: "Call Springs Store", - }, + href: "tel:+923177774647", ariaLabel: "Call Springs Store"}, ]} className="w-full" containerClassName="bg-white py-20"