Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,245 +12,160 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
tag="Trusted Quality"
|
||||
title="Authentic Indian Groceries, Delivered to Your Door"
|
||||
description="Shop trusted spices, fresh produce, and household essentials from KBROTHERS—your neighborhood Indian grocer, now online Same quality, same reliability, zero hassle"
|
||||
primaryButton={{
|
||||
text: "Start Shopping",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-greens-seasonings-with-sliced-onions-dark-desk-salad-food-meal-vegetable-snack_140725-39925.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted Quality"
|
||||
title="Authentic Indian Groceries, Delivered to Your Door"
|
||||
description="Shop trusted spices, fresh produce, and household essentials from KBROTHERS—your neighborhood Indian grocer, now online Same quality, same reliability, zero hassle"
|
||||
primaryButton={{
|
||||
text: "Start Shopping", href: "#products"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#about"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-greens-seasonings-with-sliced-onions-dark-desk-salad-food-meal-vegetable-snack_140725-39925.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Commitment"
|
||||
title="47 Years of Quality"
|
||||
description="At KBROTHERS, we bring the authentic taste of India to your home. For nearly five decades, our store has been the trusted destination for premium quality groceries. Now, we are expanding our promise online for your convenience."
|
||||
items={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Authentic Products",
|
||||
description: "Sourced from the best suppliers.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Quality Assured",
|
||||
description: "47 years of proven excellence.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast Delivery",
|
||||
description: "Reliable delivery to your doorstep.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-street-market-sunset_23-2151530005.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Commitment"
|
||||
title="47 Years of Quality"
|
||||
description="At KBROTHERS, we bring the authentic taste of India to your home. For nearly five decades, our store has been the trusted destination for premium quality groceries. Now, we are expanding our promise online for your convenience."
|
||||
items={[
|
||||
{
|
||||
icon: "CheckCircle", title: "Authentic Products", description: "Sourced from the best suppliers."},
|
||||
{
|
||||
icon: "ShieldCheck", title: "Quality Assured", description: "47 years of proven excellence."},
|
||||
{
|
||||
icon: "Truck", title: "Fast Delivery", description: "Reliable delivery to your doorstep."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-street-market-sunset_23-2151530005.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Our Selection"
|
||||
title="Essentials You Need"
|
||||
description="Explore our wide range of authentic products."
|
||||
items={[
|
||||
{
|
||||
title: "Basmati Rice",
|
||||
description: "Premium long grain.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spices-shop-marrakech_268835-3976.jpg",
|
||||
},
|
||||
{
|
||||
title: "Indian Snacks",
|
||||
description: "Crispy and authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cakes-with-candies-cookies-white-background_140725-76978.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fresh Spices",
|
||||
description: "Full of rich flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jar-with-herbs-tea_23-2148550520.jpg",
|
||||
},
|
||||
{
|
||||
title: "Organic Produce",
|
||||
description: "Farm-fresh daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-wooden-spoons-with-spices-as-sumac-black-pepper-grains-burgundy-background_141793-5452.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dairy & Paneer",
|
||||
description: "Fresh and natural.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cheese-black-plate-with-knife_114579-23469.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dry Fruits",
|
||||
description: "Healthy and nutritious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-oil-brown-jute-background_58702-2287.jpg",
|
||||
},
|
||||
{
|
||||
title: "Kitchen Staples",
|
||||
description: "All your cooking essentials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-pumpkin-lavash-gutab-bowl-mayonnaise-board-marble-table_114579-74941.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Selection"
|
||||
title="Essentials You Need"
|
||||
description="Explore our wide range of authentic products."
|
||||
items={[
|
||||
{
|
||||
title: "Basmati Rice", description: "Premium long grain.", imageSrc: "http://img.b2bpic.net/free-photo/spices-shop-marrakech_268835-3976.jpg"},
|
||||
{
|
||||
title: "Indian Snacks", description: "Crispy and authentic.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cakes-with-candies-cookies-white-background_140725-76978.jpg"},
|
||||
{
|
||||
title: "Fresh Spices", description: "Full of rich flavor.", imageSrc: "http://img.b2bpic.net/free-photo/jar-with-herbs-tea_23-2148550520.jpg"},
|
||||
{
|
||||
title: "Organic Produce", description: "Farm-fresh daily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-wooden-spoons-with-spices-as-sumac-black-pepper-grains-burgundy-background_141793-5452.jpg"},
|
||||
{
|
||||
title: "Dairy & Paneer", description: "Fresh and natural.", imageSrc: "http://img.b2bpic.net/free-photo/organic-cheese-black-plate-with-knife_114579-23469.jpg"},
|
||||
{
|
||||
title: "Dry Fruits", description: "Healthy and nutritious.", imageSrc: "http://img.b2bpic.net/free-photo/cooking-oil-brown-jute-background_58702-2287.jpg"},
|
||||
{
|
||||
title: "Kitchen Staples", description: "All your cooking essentials.", imageSrc: "http://img.b2bpic.net/free-photo/slice-pumpkin-lavash-gutab-bowl-mayonnaise-board-marble-table_114579-74941.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesArrowCards
|
||||
tag="Why Shop With Us"
|
||||
title="Convenience at Your Fingertips"
|
||||
description="We understand your busy lifestyle."
|
||||
items={[
|
||||
{
|
||||
title: "Same Quality",
|
||||
tags: [
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-indian-spices_23-2147684883.jpg",
|
||||
imageAlt: "Different indian spices",
|
||||
},
|
||||
{
|
||||
title: "Zero Hassle",
|
||||
tags: [
|
||||
"Quick",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-greens-seasonings-with-sliced-onions-dark-desk-salad-food-meal-vegetable-snack_140725-39925.jpg?_wi=2",
|
||||
imageAlt: "Different indian spices",
|
||||
},
|
||||
{
|
||||
title: "Home Delivery",
|
||||
tags: [
|
||||
"Convenient",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-street-market-sunset_23-2151530005.jpg?_wi=2",
|
||||
imageAlt: "Different indian spices",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Shop With Us"
|
||||
title="Convenience at Your Fingertips"
|
||||
description="We understand your busy lifestyle."
|
||||
items={[
|
||||
{
|
||||
title: "Same Quality", tags: ["Reliable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-indian-spices_23-2147684883.jpg"},
|
||||
{
|
||||
title: "Zero Hassle", tags: ["Quick"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-greens-seasonings-with-sliced-onions-dark-desk-salad-food-meal-vegetable-snack_140725-39925.jpg"},
|
||||
{
|
||||
title: "Home Delivery", tags: ["Convenient"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-street-market-sunset_23-2151530005.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Our Growth"
|
||||
title="Trusted by Thousands"
|
||||
description="Decades of service to Singapore communities."
|
||||
metrics={[
|
||||
{
|
||||
value: "47+",
|
||||
title: "Years of Experience",
|
||||
description: "Since our founding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-wearing-face-mask-holding-box-with-vegetables_1268-14611.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Growth"
|
||||
title="Trusted by Thousands"
|
||||
description="Decades of service to Singapore communities."
|
||||
metrics={[
|
||||
{
|
||||
value: "47+", title: "Years of Experience", description: "Since our founding.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-wearing-face-mask-holding-box-with-vegetables_1268-14611.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Customer Stories"
|
||||
title="What Our Community Says"
|
||||
description="Hear from our happy customers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah",
|
||||
role: "Loyal Customer",
|
||||
quote: "The freshest spices, just like I used to get in my childhood home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-by-bike_23-2149284874.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rajesh",
|
||||
role: "Regular Shopper",
|
||||
quote: "Reliable and convenient delivery. KBROTHERS is my go-to for essentials.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-shopping-customer-day_23-2151638524.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya",
|
||||
role: "Home Cook",
|
||||
quote: "Finally, I can get my favorite authentic ingredients online!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cuts-pepper_1398-3593.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amit",
|
||||
role: "Busy Parent",
|
||||
quote: "Zero hassle experience. High quality service every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angles-son-father-cooking-salad_23-2148366145.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena",
|
||||
role: "New Customer",
|
||||
quote: "Absolutely lovely variety and so easy to order. Recommend to all.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-66459.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Customer Stories"
|
||||
title="What Our Community Says"
|
||||
description="Hear from our happy customers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah", role: "Loyal Customer", quote: "The freshest spices, just like I used to get in my childhood home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-by-bike_23-2149284874.jpg"},
|
||||
{
|
||||
name: "Rajesh", role: "Regular Shopper", quote: "Reliable and convenient delivery. KBROTHERS is my go-to for essentials.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-shopping-customer-day_23-2151638524.jpg"},
|
||||
{
|
||||
name: "Priya", role: "Home Cook", quote: "Finally, I can get my favorite authentic ingredients online!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cuts-pepper_1398-3593.jpg"},
|
||||
{
|
||||
name: "Amit", role: "Busy Parent", quote: "Zero hassle experience. High quality service every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angles-son-father-cooking-salad_23-2148366145.jpg"},
|
||||
{
|
||||
name: "Elena", role: "New Customer", quote: "Absolutely lovely variety and so easy to order. Recommend to all.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-66459.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Have Questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to your common questions."
|
||||
items={[
|
||||
{
|
||||
question: "Do you deliver throughout Singapore?",
|
||||
answer: "Yes, we cover major areas across Singapore.",
|
||||
},
|
||||
{
|
||||
question: "What is the delivery time?",
|
||||
answer: "Most orders are delivered within 24 hours.",
|
||||
},
|
||||
{
|
||||
question: "Can I request fresh produce?",
|
||||
answer: "Yes, our daily fresh produce selection is available online.",
|
||||
},
|
||||
{
|
||||
question: "How can I contact support?",
|
||||
answer: "You can reach us through our WhatsApp or email contact.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Have Questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to your common questions."
|
||||
items={[
|
||||
{
|
||||
question: "Do you deliver throughout Singapore?", answer: "Yes, we cover major areas across Singapore."},
|
||||
{
|
||||
question: "What is the delivery time?", answer: "Most orders are delivered within 24 hours."},
|
||||
{
|
||||
question: "Can I request fresh produce?", answer: "Yes, our daily fresh produce selection is available online."},
|
||||
{
|
||||
question: "How can I contact support?", answer: "You can reach us through our WhatsApp or email contact."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in touch"
|
||||
text="Ready to get the best Indian groceries delivered?"
|
||||
primaryButton={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in touch"
|
||||
text="Ready to get the best Indian groceries delivered?"
|
||||
primaryButton={{
|
||||
text: "Shop Now", href: "#products"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user