Merge version_1_1781563087719 into main #2
@@ -12,274 +12,134 @@ 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">
|
||||
<HeroBrand
|
||||
brand="Mini Market Bab Salam"
|
||||
description="Your neighborhood destination for fresh produce, daily essentials, and local artisanal favorites. Quality you can trust, service you deserve."
|
||||
primaryButton={{
|
||||
text: "View Products",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-business-owners-giving-delivery-order-male-courier_482257-67620.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Mini Market Bab Salam"
|
||||
description="Your neighborhood destination for fresh produce, daily essentials, and local artisanal favorites. Quality you can trust, service you deserve."
|
||||
primaryButton={{
|
||||
text: "View Products", href: "#products"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-business-owners-giving-delivery-order-male-courier_482257-67620.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Our Story"
|
||||
descriptions={[
|
||||
"Bab Salam was established to bring high-quality, farm-fresh ingredients to the heart of our community. We believe in transparency, sustainability, and building lasting relationships with our customers.",
|
||||
"Our team carefully selects every item on our shelves to ensure you only get the best for your home. From locally grown vegetables to daily fresh essentials, we are committed to freshness and excellence in everything we do.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Our Story"
|
||||
descriptions={[
|
||||
"Bab Salam was established to bring high-quality, farm-fresh ingredients to the heart of our community. We believe in transparency, sustainability, and building lasting relationships with our customers.", "Our team carefully selects every item on our shelves to ensure you only get the best for your home. From locally grown vegetables to daily fresh essentials, we are committed to freshness and excellence in everything we do."]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Fresh Selection"
|
||||
title="Shop Our Best"
|
||||
description="Discover a diverse selection of fresh and pantry items."
|
||||
items={[
|
||||
{
|
||||
title: "Fresh Fruits",
|
||||
description: "Hand-picked daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/avocado-lemon-with-bowl-spicy-green-plums-orange-avocado-lemons-tangerine-wicker-basket-picnic-cloth-top-view_176474-5262.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Bread",
|
||||
description: "Freshly baked every morning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-breads-buns-kept-shelf_1170-2315.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium Dairy",
|
||||
description: "Farm-fresh milk and cheese.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-showcase-pastry-shop-with-variety-fresh-cakes-pastries-popular-sweet-desserts-offered-sale_639032-1341.jpg",
|
||||
},
|
||||
{
|
||||
title: "Organic Vegetables",
|
||||
description: "Grown locally, healthy choice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-leafy-vegetables-shopping-cart-black-backdrop_23-2147944256.jpg",
|
||||
},
|
||||
{
|
||||
title: "Specialty Spices",
|
||||
description: "Elevate your home cooking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arranhement-with-jars-shelves_23-2148972903.jpg",
|
||||
},
|
||||
{
|
||||
title: "Healthy Snacks",
|
||||
description: "Convenient and nutritious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-african-american-man-holding-alcohol-drink_74855-3410.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Preserves",
|
||||
description: "Jams, honey, and pickles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-pigments-composition-made-with-raw-elements_23-2148734443.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Fresh Selection"
|
||||
title="Shop Our Best"
|
||||
description="Discover a diverse selection of fresh and pantry items."
|
||||
items={[
|
||||
{ title: "Fresh Fruits", description: "Hand-picked daily.", imageSrc: "http://img.b2bpic.net/free-photo/avocado-lemon-with-bowl-spicy-green-plums-orange-avocado-lemons-tangerine-wicker-basket-picnic-cloth-top-view_176474-5262.jpg" },
|
||||
{ title: "Artisanal Bread", description: "Freshly baked every morning.", imageSrc: "http://img.b2bpic.net/free-photo/baked-breads-buns-kept-shelf_1170-2315.jpg" },
|
||||
{ title: "Premium Dairy", description: "Farm-fresh milk and cheese.", imageSrc: "http://img.b2bpic.net/free-photo/glass-showcase-pastry-shop-with-variety-fresh-cakes-pastries-popular-sweet-desserts-offered-sale_639032-1341.jpg" },
|
||||
{ title: "Organic Vegetables", description: "Grown locally, healthy choice.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-leafy-vegetables-shopping-cart-black-backdrop_23-2147944256.jpg" },
|
||||
{ title: "Specialty Spices", description: "Elevate your home cooking.", imageSrc: "http://img.b2bpic.net/free-photo/arranhement-with-jars-shelves_23-2148972903.jpg" },
|
||||
{ title: "Healthy Snacks", description: "Convenient and nutritious.", imageSrc: "http://img.b2bpic.net/free-photo/focused-african-american-man-holding-alcohol-drink_74855-3410.jpg" },
|
||||
{ title: "Gourmet Preserves", description: "Jams, honey, and pickles.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-pigments-composition-made-with-raw-elements_23-2148734443.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Why Us"
|
||||
title="Quality First Commitment"
|
||||
description="Why the community loves shopping at Bab Salam."
|
||||
features={[
|
||||
{
|
||||
title: "Farm Fresh",
|
||||
description: "Direct from producers.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Freshness",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Speed",
|
||||
value: "Daily",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality",
|
||||
value: "Top",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-with-mushroom-wooden-crate-market-stall_23-2148209834.jpg",
|
||||
imageAlt: "Fresh vegetable with mushroom in wooden crate at market stall",
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Supporting local farmers.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: Building2,
|
||||
userIcon: Heart,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Do you stock local honey?",
|
||||
aiResponse: "Yes! From local apiaries.",
|
||||
},
|
||||
],
|
||||
placeholder: "Ask about our products...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-owners-giving-delivery-order-male-courier_482257-67620.jpg?_wi=2",
|
||||
imageAlt: "Fresh vegetable with mushroom in wooden crate at market stall",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Reducing our carbon footprint.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Recycle,
|
||||
orbitIcons: [
|
||||
"Leaf",
|
||||
"Sun",
|
||||
"Droplet",
|
||||
"Check",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/avocado-lemon-with-bowl-spicy-green-plums-orange-avocado-lemons-tangerine-wicker-basket-picnic-cloth-top-view_176474-5262.jpg?_wi=2",
|
||||
imageAlt: "Fresh vegetable with mushroom in wooden crate at market stall",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Us"
|
||||
title="Quality First Commitment"
|
||||
description="Why the community loves shopping at Bab Salam."
|
||||
features={[
|
||||
{
|
||||
title: "Farm Fresh", description: "Direct from producers.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Leaf", label: "Freshness", value: "100%" },
|
||||
{ icon: "Truck", label: "Speed", value: "Daily" },
|
||||
{ icon: "Award", label: "Quality", value: "Top" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community Focus", description: "Supporting local farmers.", bentoComponent: "chat-marquee", aiIcon: "Building2", userIcon: "Heart", exchanges: [
|
||||
{ userMessage: "Do you stock local honey?", aiResponse: "Yes! From local apiaries." },
|
||||
],
|
||||
placeholder: "Ask about our products..."},
|
||||
{
|
||||
title: "Sustainable Practices", description: "Reducing our carbon footprint.", bentoComponent: "orbiting-icons", centerIcon: "Recycle", orbitIcons: ["Leaf", "Sun", "Droplet", "Check"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Customer Love"
|
||||
title="Hear From Our Community"
|
||||
description="Our customers are at the heart of everything we do."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Ahmed",
|
||||
role: "Regular Shopper",
|
||||
quote: "The freshest produce in the area. Always a pleasure visiting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg",
|
||||
},
|
||||
{
|
||||
name: "Omar Khalil",
|
||||
role: "Family Head",
|
||||
quote: "Reliable quality and friendly staff. My go-to market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950077.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fatima Zahra",
|
||||
role: "Local Chef",
|
||||
quote: "Best selection of artisanal items. Great service too.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ali Hassan",
|
||||
role: "Customer",
|
||||
quote: "I appreciate the local focus. Always fresh and clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg",
|
||||
},
|
||||
{
|
||||
name: "Layla Mansour",
|
||||
role: "Mom",
|
||||
quote: "Perfect for daily essentials. Very convenient location.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-wearing-face-masks-walking-street_9975-24114.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Customer Love"
|
||||
title="Hear From Our Community"
|
||||
description="Our customers are at the heart of everything we do."
|
||||
testimonials={[
|
||||
{ name: "Sarah Ahmed", role: "Regular Shopper", quote: "The freshest produce in the area. Always a pleasure visiting.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg" },
|
||||
{ name: "Omar Khalil", role: "Family Head", quote: "Reliable quality and friendly staff. My go-to market.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950077.jpg" },
|
||||
{ name: "Fatima Zahra", role: "Local Chef", quote: "Best selection of artisanal items. Great service too.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg" },
|
||||
{ name: "Ali Hassan", role: "Customer", quote: "I appreciate the local focus. Always fresh and clean.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg" },
|
||||
{ name: "Layla Mansour", role: "Mom", quote: "Perfect for daily essentials. Very convenient location.", imageSrc: "http://img.b2bpic.net/free-photo/family-wearing-face-masks-walking-street_9975-24114.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="By Numbers"
|
||||
title="Our Impact"
|
||||
description="Building a better community, one basket at a time."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Products Stocked",
|
||||
features: [
|
||||
"Fresh produce",
|
||||
"Pantry staples",
|
||||
"Local delicacies",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Local Farmers",
|
||||
features: [
|
||||
"Direct partnerships",
|
||||
"Sustainable growth",
|
||||
"Organic focus",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "2000+",
|
||||
title: "Happy Customers",
|
||||
features: [
|
||||
"Loyal shoppers",
|
||||
"Community trust",
|
||||
"Everyday service",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="By Numbers"
|
||||
title="Our Impact"
|
||||
description="Building a better community, one basket at a time."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Products Stocked", features: ["Fresh produce", "Pantry staples", "Local delicacies"] },
|
||||
{ value: "15+", title: "Local Farmers", features: ["Direct partnerships", "Sustainable growth", "Organic focus"] },
|
||||
{ value: "2000+", title: "Happy Customers", features: ["Loyal shoppers", "Community trust", "Everyday service"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Need more information? We are here to help."
|
||||
items={[
|
||||
{
|
||||
question: "Where are you located?",
|
||||
answer: "We are located at the heart of the community.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer delivery?",
|
||||
answer: "Yes, we offer local delivery services.",
|
||||
},
|
||||
{
|
||||
question: "What are your opening hours?",
|
||||
answer: "We are open daily from 8:00 AM to 10:00 PM.",
|
||||
},
|
||||
{
|
||||
question: "Do you stock organic products?",
|
||||
answer: "Yes, a large selection of our produce is organic.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Need more information? We are here to help."
|
||||
items={[
|
||||
{ question: "Where are you located?", answer: "We are located at the heart of the community." },
|
||||
{ question: "Do you offer delivery?", answer: "Yes, we offer local delivery services." },
|
||||
{ question: "What are your opening hours?", answer: "We are open daily from 8:00 AM to 10:00 PM." },
|
||||
{ question: "Do you stock organic products?", answer: "Yes, a large selection of our produce is organic." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Visit Us"
|
||||
text="Have a question or looking for a specific item? Let us know!"
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@babsalam.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Directions",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Visit Us"
|
||||
text="Have a question or looking for a specific item? Let us know!"
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:hello@babsalam.com" }}
|
||||
secondaryButton={{ text: "Directions", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user