Update src/pages/HomePage.tsx
This commit is contained in:
@@ -6,170 +6,143 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
|
||||
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import { Sparkles } from "lucide-react";
|
||||
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">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-6130.jpg", "http://img.b2bpic.net/free-photo/couple-posing-with-broken-cloth_23-2148546989.jpg", "http://img.b2bpic.net/free-photo/portrait-young-woman-boho-dress-with-romantic-garden-aesthetic-vegetation_23-2150260774.jpg", "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg"]}
|
||||
avatarText="Join our community of vintage enthusiasts."
|
||||
title="Timeless Threads for the Modern Soul"
|
||||
description="Curated vintage collections that bridge the gap between yesterday's artistry and today's style."
|
||||
primaryButton={{
|
||||
text: "Shop The Collection", href: "#shop"}}
|
||||
secondaryButton={{
|
||||
text: "Our Story", href: "#about"}}
|
||||
names={[
|
||||
"Alice V.", "Mark D.", "Sarah L.", "James B."]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19710.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-6130.jpg", "http://img.b2bpic.net/free-photo/couple-posing-with-broken-cloth_23-2148546989.jpg", "http://img.b2bpic.net/free-photo/portrait-young-woman-boho-dress-with-romantic-garden-aesthetic-vegetation_23-2150260774.jpg", "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg"
|
||||
]}
|
||||
avatarText="Join our community of vintage enthusiasts."
|
||||
title="Timeless Threads for the Modern Soul"
|
||||
description="Curated vintage collections that bridge the gap between yesterday's artistry and today's style."
|
||||
primaryButton={{ text: "Shop The Collection", href: "#shop" }}
|
||||
secondaryButton={{ text: "Our Story", href: "#about" }}
|
||||
names={["Alice V.", "Mark D.", "Sarah L.", "James B."]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19710.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="A Legacy of Craft"
|
||||
descriptions={[
|
||||
"We believe that every piece of clothing carries a story. Since 2012, we've traveled across the world to find garments that have stood the test of time, ensuring each piece is ready for its next chapter with you.", "Our curation process is meticulous. We focus on natural materials, expert craftsmanship, and silhouettes that remain relevant regardless of the decade. We're not just selling clothes; we're preserving history."]}
|
||||
primaryButton={{
|
||||
text: "Learn More", href: "#about"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="A Legacy of Craft"
|
||||
descriptions={[
|
||||
"We believe that every piece of clothing carries a story. Since 2012, we've traveled across the world to find garments that have stood the test of time, ensuring each piece is ready for its next chapter with you.", "Our curation process is meticulous. We focus on natural materials, expert craftsmanship, and silhouettes that remain relevant regardless of the decade. We're not just selling clothes; we're preserving history."
|
||||
]}
|
||||
primaryButton={{ text: "Learn More", href: "#about" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Our Standard"
|
||||
title="Quality Assured"
|
||||
description="Every item undergoes a rigorous check to ensure it meets our quality standards."
|
||||
features={[
|
||||
{
|
||||
title: "Detailed Restoration", description: "Expert cleaning and minor repairs to breathe new life into each piece.", bentoComponent: "checklist-timeline", heading: "Our Process", subheading: "Carefully handled with care", checklistItems: [
|
||||
{
|
||||
label: "Sanitized", detail: "Deep cleaning for all fabrics"},
|
||||
{
|
||||
label: "Verified", detail: "Authentic era identification"},
|
||||
{
|
||||
label: "Repaired", detail: "Restored to original glory"},
|
||||
],
|
||||
completedLabel: "Certified Quality"},
|
||||
{
|
||||
title: "Ethical Sourcing", description: "Sustainable fashion choices that reduce waste and support slow fashion.", bentoComponent: "media-stack", mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19710.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-design_23-2149503314.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-cutout-collage-pattern_23-2149681605.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Curated Collections", description: "Seasonal drops that celebrate specific eras and design trends.", bentoComponent: "icon-text-marquee", centerIcon: "Sparkles", marqueeTexts: [
|
||||
"50s Chic", "70s Rock", "90s Minimalist"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Standard"
|
||||
title="Quality Assured"
|
||||
description="Every item undergoes a rigorous check to ensure it meets our quality standards."
|
||||
features={[
|
||||
{
|
||||
title: "Detailed Restoration", description: "Expert cleaning and minor repairs to breathe new life into each piece.", bentoComponent: "checklist-timeline", heading: "Our Process", subheading: "Carefully handled with care", checklistItems: [
|
||||
{ label: "Sanitized", detail: "Deep cleaning for all fabrics" },
|
||||
{ label: "Verified", detail: "Authentic era identification" },
|
||||
{ label: "Repaired", detail: "Restored to original glory" }
|
||||
],
|
||||
completedLabel: "Certified Quality"
|
||||
},
|
||||
{
|
||||
title: "Ethical Sourcing", description: "Sustainable fashion choices that reduce waste and support slow fashion.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19710.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-design_23-2149503314.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-cutout-collage-pattern_23-2149681605.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Curated Collections", description: "Seasonal drops that celebrate specific eras and design trends.", bentoComponent: "icon-text-marquee", centerIcon: "Sparkles", marqueeTexts: ["50s Chic", "70s Rock", "90s Minimalist"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<SectionErrorBoundary name="shop">
|
||||
<div id="shop" data-section="shop">
|
||||
<SectionErrorBoundary name="shop">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Collection"
|
||||
title="New Arrivals"
|
||||
description="Hand-picked vintage essentials now available for purchase."
|
||||
items={[
|
||||
{
|
||||
title: "Classic Denim", description: "1980s original distressed denim jacket.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/closeup-autumn-warm-textural-blue-plaid-shirt_169016-23672.jpg"},
|
||||
{
|
||||
title: "Winter Knits", description: "Authentic 70s hand-knit wool sweater.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colored-wool-pattern_23-2148242041.jpg"},
|
||||
{
|
||||
title: "Silk Scarves", description: "Vintage silk prints from the 60s.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/floral-background-design_1110-272.jpg"},
|
||||
{
|
||||
title: "Leather Boots", description: "Handcrafted brown leather ankle boots.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396012.jpg"},
|
||||
{
|
||||
title: "Prairie Dress", description: "Original floral cotton vintage dress.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-flowers-wearing-boho-chic-dress_23-2150260779.jpg"},
|
||||
{
|
||||
title: "Formal Shirts", description: "Classic striped cotton office shirts.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dollish-girl-with-short-light-violet-hair-wearing-red-dress-holding-ukulele-blue-wall_176420-11420.jpg"},
|
||||
{
|
||||
title: "Fedora Hats", description: "Vintage felt fedora, limited edition.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-vintage-collar_23-2148237594.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Collection"
|
||||
title="New Arrivals"
|
||||
description="Hand-picked vintage essentials now available for purchase."
|
||||
items={[
|
||||
{ title: "Classic Denim", description: "1980s original distressed denim jacket.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/closeup-autumn-warm-textural-blue-plaid-shirt_169016-23672.jpg" },
|
||||
{ title: "Winter Knits", description: "Authentic 70s hand-knit wool sweater.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colored-wool-pattern_23-2148242041.jpg" },
|
||||
{ title: "Silk Scarves", description: "Vintage silk prints from the 60s.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/floral-background-design_1110-272.jpg" },
|
||||
{ title: "Leather Boots", description: "Handcrafted brown leather ankle boots.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396012.jpg" },
|
||||
{ title: "Prairie Dress", description: "Original floral cotton vintage dress.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-flowers-wearing-boho-chic-dress_23-2150260779.jpg" },
|
||||
{ title: "Formal Shirts", description: "Classic striped cotton office shirts.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dollish-girl-with-short-light-violet-hair-wearing-red-dress-holding-ukulele-blue-wall_176420-11420.jpg" },
|
||||
{ title: "Fedora Hats", description: "Vintage felt fedora, limited edition.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-vintage-collar_23-2148237594.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Featured In"
|
||||
title="As Seen In"
|
||||
description="Recognized by industry leaders for our quality and dedication."
|
||||
names={[
|
||||
"VOGUE", "HARPER'S BAZAAR", "ELLE", "GQ", "TIME", "THE NEW YORKER", "W MAGAZINE"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Featured In"
|
||||
title="As Seen In"
|
||||
description="Recognized by industry leaders for our quality and dedication."
|
||||
names={["VOGUE", "HARPER'S BAZAAR", "ELLE", "GQ", "TIME", "THE NEW YORKER", "W MAGAZINE"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="The vintage piece I purchased is in better condition than modern clothes. Truly a work of art and a sustainable choice I feel great about."
|
||||
rating={5}
|
||||
author="Eleanor Rigby"
|
||||
avatars={[
|
||||
{
|
||||
name: "Alice V.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||
{
|
||||
name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-stylish-woman-with-blonde-curly-hairs-freckle-face-natural-make-up-wearing-black-fedora-posing-street_291049-2680.jpg"},
|
||||
{
|
||||
name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38835.jpg"},
|
||||
{
|
||||
name: "James B.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-every-day-make-up-look_181624-21819.jpg"},
|
||||
{
|
||||
name: "Lisa K.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-couple_23-2148140725.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="The vintage piece I purchased is in better condition than modern clothes. Truly a work of art and a sustainable choice I feel great about."
|
||||
rating={5}
|
||||
author="Eleanor Rigby"
|
||||
avatars={[
|
||||
{ name: "Alice V.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
|
||||
{ name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-stylish-woman-with-blonde-curly-hairs-freckle-face-natural-make-up-wearing-black-fedora-posing-street_291049-2680.jpg" },
|
||||
{ name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38835.jpg" },
|
||||
{ name: "James B.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-every-day-make-up-look_181624-21819.jpg" },
|
||||
{ name: "Lisa K.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-couple_23-2148140725.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our sourcing or sizing? We're here to help."
|
||||
items={[
|
||||
{
|
||||
question: "Are all items authentic?", answer: "Yes, we perform rigorous checks on every piece to ensure authenticity."},
|
||||
{
|
||||
question: "Do you offer returns?", answer: "We accept returns within 14 days of receipt, provided the tags are still attached."},
|
||||
{
|
||||
question: "How do I find my size?", answer: "Each product page features a detailed sizing guide and measurements for your convenience."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-male-tailor-taking-measurement-senior-man-s-sleeves-shop_23-2148180362.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our sourcing or sizing? We're here to help."
|
||||
items={[
|
||||
{ question: "Are all items authentic?", answer: "Yes, we perform rigorous checks on every piece to ensure authenticity." },
|
||||
{ question: "Do you offer returns?", answer: "We accept returns within 14 days of receipt, provided the tags are still attached." },
|
||||
{ question: "How do I find my size?", answer: "Each product page features a detailed sizing guide and measurements for your convenience." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-male-tailor-taking-measurement-senior-man-s-sleeves-shop_23-2148180362.jpg"
|
||||
/>
|
||||
</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="Join our newsletter for early access to our seasonal collections and exclusive vintage drops."
|
||||
primaryButton={{
|
||||
text: "Subscribe Now", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get In Touch"
|
||||
text="Join our newsletter for early access to our seasonal collections and exclusive vintage drops."
|
||||
primaryButton={{ text: "Subscribe Now", href: "#" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user