Update src/pages/HomePage.tsx

This commit is contained in:
2026-06-25 06:56:03 +00:00
parent fb686e6d8e
commit 4a7f7a9a26

View File

@@ -11,212 +11,137 @@ 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">
<HeroSplitMediaGrid
tag="Since 1979"
title="Thoughtful gifts for every special moment"
description="Discover our collection of handcrafted greeting cards, unique gifts, and personalized items to make your loved ones feel truly special."
primaryButton={{
text: "Shop Now",
href: "#products",
}}
secondaryButton={{
text: "Visit Us",
href: "#contact",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mother-day-composition-with-copyspace_23-2147789739.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-beautiful-flowers-heart-shaped-box-with-ring-gifts-mixed-color-background-with-free-space_140725-160504.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Since 1979"
title="Thoughtful gifts for every special moment"
description="Discover our collection of handcrafted greeting cards, unique gifts, and personalized items to make your loved ones feel truly special."
primaryButton={{
text: "Shop Now", href: "#products"}}
secondaryButton={{
text: "Visit Us", href: "#contact"}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mother-day-composition-with-copyspace_23-2147789739.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-beautiful-flowers-heart-shaped-box-with-ring-gifts-mixed-color-background-with-free-space_140725-160504.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="A tradition of spreading joy through gifts and memories."
primaryButton={{
text: "Learn More",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
title="A tradition of spreading joy through gifts and memories."
primaryButton={{
text: "Learn More", href: "#"}}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesComparison
tag="Quality First"
title="Why Archies stands apart"
description="We believe in the power of thoughtful gifting. Here is why our customers choose us for every special occasion."
negativeItems={[
"Mass-produced generic items",
"Minimal packaging",
"No personalization",
]}
positiveItems={[
"Hand-picked unique collections",
"Elegant gift wrapping",
"Personalized touches",
]}
/>
</SectionErrorBoundary>
</div>
tag="Quality First"
title="Why Archies stands apart"
description="We believe in the power of thoughtful gifting. Here is why our customers choose us for every special occasion."
negativeItems={[
"Mass-produced generic items", "Minimal packaging", "No personalization"]}
positiveItems={[
"Hand-picked unique collections", "Elegant gift wrapping", "Personalized touches"]}
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Gift Catalog"
title="Our signature collection"
description="Explore our curated selection of gifts designed to brighten every heart."
items={[
{
title: "Elegant Jewelry",
description: "Beautiful bracelets and accessories.",
imageSrc: "http://img.b2bpic.net/free-photo/halloween-decor-white-table-black-surface_176420-9109.jpg",
},
{
title: "Classic Cards",
description: "Cards for every emotion.",
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-card-decorated-with-wooden-button-with-spool-boxes_23-2147899171.jpg",
},
{
title: "Gift Sets",
description: "Perfectly curated collections.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-presents-cookies-arrangement_23-2149343247.jpg",
},
{
title: "Artistic Stationery",
description: "Express your thoughts.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sweet-biscuits-with-note-dark-background-marriage-feeling-couple-gift-color-love-holidays_140725-157871.jpg",
},
{
title: "Small Treasures",
description: "Thoughtful keepsakes.",
imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-small-gift-boxes_23-2147965641.jpg",
},
{
title: "Decor Items",
description: "Style for any home.",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-christmas-gifts-composition_23-2147921940.jpg",
},
{
title: "Ribbons & Wraps",
description: "Finishing touches.",
imageSrc: "http://img.b2bpic.net/free-vector/elegaant-set-three-social-media-banner-with-golden-leaf-design_1017-59276.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Gift Catalog"
title="Our signature collection"
description="Explore our curated selection of gifts designed to brighten every heart."
items={[
{ title: "Elegant Jewelry", description: "Beautiful bracelets and accessories.", imageSrc: "http://img.b2bpic.net/free-photo/halloween-decor-white-table-black-surface_176420-9109.jpg" },
{ title: "Classic Cards", description: "Cards for every emotion.", imageSrc: "http://img.b2bpic.net/free-photo/blank-white-card-decorated-with-wooden-button-with-spool-boxes_23-2147899171.jpg" },
{ title: "Gift Sets", description: "Perfectly curated collections.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-presents-cookies-arrangement_23-2149343247.jpg" },
{ title: "Artistic Stationery", description: "Express your thoughts.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sweet-biscuits-with-note-dark-background-marriage-feeling-couple-gift-color-love-holidays_140725-157871.jpg" },
{ title: "Small Treasures", description: "Thoughtful keepsakes.", imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-small-gift-boxes_23-2147965641.jpg" },
{ title: "Decor Items", description: "Style for any home.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-christmas-gifts-composition_23-2147921940.jpg" },
{ title: "Ribbons & Wraps", description: "Finishing touches.", imageSrc: "http://img.b2bpic.net/free-vector/elegaant-set-three-social-media-banner-with-golden-leaf-design_1017-59276.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Our Impact"
title="Memories made daily"
description="We are proud to serve the community in Bhubaneswar with dedication and care."
metrics={[
{
value: "10k+",
title: "Happy Customers",
description: "Families celebrating special moments.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_74190-4453.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Impact"
title="Memories made daily"
description="We are proud to serve the community in Bhubaneswar with dedication and care."
metrics={[
{
value: "10k+", title: "Happy Customers", description: "Families celebrating special moments.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_74190-4453.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Reviews"
title="Hear from our wonderful community"
description="Read what our customers have to say about their experience with us."
testimonials={[
{
name: "Arindam Deb",
role: "Local Guide",
quote: "Good place for cards and small gifts. One of the old Archies store in Bhubaneswar.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-gift_1187-3937.jpg",
},
{
name: "Pragyan Dash",
role: "Local Guide",
quote: "The place is perfect for finding gifts. They provide good paper bags.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-holding-gift-emotionally-happy_114579-78924.jpg",
},
{
name: "Anurag Kumar",
role: "Local Guide",
quote: "Products are too good. Large variety to choose from for all purposes.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-celebrating-mother-s-day_23-2151207207.jpg",
},
{
name: "Riya Sharma",
role: "Happy Shopper",
quote: "The quality is unmatched! Always a great experience here.",
imageSrc: "http://img.b2bpic.net/free-photo/christmas-illumination-bag_23-2147724370.jpg",
},
{
name: "Vikram Singh",
role: "Regular Customer",
quote: "Reliable store with excellent variety for all my gifting needs.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-holding-gift-wrapped-box-feeling-pleasure-receive-present-new-year-eve_171337-216.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Reviews"
title="Hear from our wonderful community"
description="What our customers say about us"
testimonials={[
{
name: "Arindam Deb", role: "Local Guide", quote: "Good place for cards and small gifts. One of the old Archies store in Bhubaneswar.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-gift_1187-3937.jpg"},
{
name: "Pragyan Dash", role: "Local Guide", quote: "The place is perfect for finding gifts. They provide good paper bags.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-holding-gift-emotionally-happy_114579-78924.jpg"},
{
name: "Anurag Kumar", role: "Local Guide", quote: "Products are too good. Large variety to choose from for all purposes.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-celebrating-mother-s-day_23-2151207207.jpg"},
{
name: "Riya Sharma", role: "Happy Shopper", quote: "The quality is unmatched! Always a great experience here.", imageSrc: "http://img.b2bpic.net/free-photo/christmas-illumination-bag_23-2147724370.jpg"},
{
name: "Vikram Singh", role: "Regular Customer", quote: "Reliable store with excellent variety for all my gifting needs.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-holding-gift-wrapped-box-feeling-pleasure-receive-present-new-year-eve_171337-216.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Support"
title="Need a hand?"
description="Find answers to our most common customer questions."
categories={[
{
name: "General",
items: [
{
question: "Are you open today?",
answer: "Yes, we are open until 9 PM.",
},
{
question: "Where are you located?",
answer: "Vanivihar Square, Bhubaneswar.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Support"
title="Need a hand?"
description="Find answers to our most common customer questions."
categories={[
{
name: "General", items: [
{
question: "Are you open today?", answer: "Yes, we are open until 9 PM."},
{
question: "Where are you located?", answer: "Vanivihar Square, Bhubaneswar."},
],
},
]}
/>
</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="Visit our store today or call us for any inquiries about our gift collections."
primaryButton={{
text: "Call Now",
href: "tel:09437388056",
}}
secondaryButton={{
text: "Get Directions",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Get in touch"
text="Visit our store today or call us for any inquiries about our gift collections."
primaryButton={{
text: "Call Now", href: "tel:09437388056"}}
secondaryButton={{
text: "Get Directions", href: "#"}}
/>
</SectionErrorBoundary>
</div>
</>
);
}