Update src/pages/HomePage.tsx
This commit is contained in:
@@ -6,235 +6,121 @@ import HeroBrand from '@/components/sections/hero/HeroBrand';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import { Award, CheckCircle, Star } 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">
|
||||
<HeroBrand
|
||||
brand="Hilaria Telas"
|
||||
description="Exquisite fabrics for the discerning artisan. We curate premium textiles with timeless elegance and unmatched quality."
|
||||
primaryButton={{
|
||||
text: "Explore Collection",
|
||||
href: "#collection",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Hilaria Telas"
|
||||
description="Exquisite fabrics for the discerning artisan. We curate premium textiles with timeless elegance and unmatched quality."
|
||||
primaryButton={{ text: "Explore Collection", href: "#collection" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Crafting Quality"
|
||||
descriptions={[
|
||||
"Hilaria Telas was born from a passion for tactile beauty and the belief that every weave tells a story. We specialize in sourcing the finest raw materials to create textiles that honor tradition while embracing contemporary design.",
|
||||
"Our commitment extends beyond beauty—each fabric we offer meets stringent standards for durability, sustainability, and comfort. We partner directly with master weavers to ensure ethical practices and exceptional artistry in every yard.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Crafting Quality"
|
||||
descriptions={[
|
||||
"Hilaria Telas was born from a passion for tactile beauty and the belief that every weave tells a story. We specialize in sourcing the finest raw materials to create textiles that honor tradition while embracing contemporary design.", "Our commitment extends beyond beauty—each fabric we offer meets stringent standards for durability, sustainability, and comfort. We partner directly with master weavers to ensure ethical practices and exceptional artistry in every yard."
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<SectionErrorBoundary name="collection">
|
||||
<div id="collection" data-section="collection">
|
||||
<SectionErrorBoundary name="collection">
|
||||
<FeaturesImageBento
|
||||
tag="Our Fabrics"
|
||||
title="Curated Collections"
|
||||
description="Discover our diverse range of premium textiles, from delicate silks to robust linens, designed for creators who demand excellence."
|
||||
items={[
|
||||
{
|
||||
title: "Artisan Silk",
|
||||
description: "Lustrous and refined.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-sparks-glitter_23-2149224055.jpg",
|
||||
},
|
||||
{
|
||||
title: "Organic Linen",
|
||||
description: "Breathable and natural.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric-texture-background_1373-113.jpg",
|
||||
},
|
||||
{
|
||||
title: "Floral Damask",
|
||||
description: "Intricate patterns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-fabric-texture-pattern_58702-13306.jpg",
|
||||
},
|
||||
{
|
||||
title: "Heavy Wool",
|
||||
description: "Warm and durable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409172.jpg",
|
||||
},
|
||||
{
|
||||
title: "Velvet Touch",
|
||||
description: "Deep, rich texture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-luxurious-red-velvet-fabric-swirl_23-2151998925.jpg",
|
||||
},
|
||||
{
|
||||
title: "Embroidery",
|
||||
description: "Fine details.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-306727.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cotton Blend",
|
||||
description: "Versatile comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fabric-folded-stacked_23-2148882861.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Fabrics"
|
||||
title="Curated Collections"
|
||||
description="Discover our diverse range of premium textiles, from delicate silks to robust linens, designed for creators who demand excellence."
|
||||
items={[
|
||||
{ title: "Artisan Silk", description: "Lustrous and refined.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-sparks-glitter_23-2149224055.jpg" },
|
||||
{ title: "Organic Linen", description: "Breathable and natural.", imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric-texture-background_1373-113.jpg" },
|
||||
{ title: "Floral Damask", description: "Intricate patterns.", imageSrc: "http://img.b2bpic.net/free-photo/photo-fabric-texture-pattern_58702-13306.jpg" },
|
||||
{ title: "Heavy Wool", description: "Warm and durable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409172.jpg" },
|
||||
{ title: "Velvet Touch", description: "Deep, rich texture.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-luxurious-red-velvet-fabric-swirl_23-2151998925.jpg" },
|
||||
{ title: "Embroidery", description: "Fine details.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-306727.jpg" },
|
||||
{ title: "Cotton Blend", description: "Versatile comfort.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fabric-folded-stacked_23-2148882861.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesTaggedCards
|
||||
tag="Why Us"
|
||||
title="Superior Standards"
|
||||
description="We ensure your creations stand out with the highest grade materials available."
|
||||
items={[
|
||||
{
|
||||
tag: "Ethical",
|
||||
title: "Sustainably Sourced",
|
||||
description: "Materials sourced from responsible artisans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-detail_23-2149385295.jpg",
|
||||
primaryButton: {
|
||||
text: "View More",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Premium",
|
||||
title: "Durability Guaranteed",
|
||||
description: "Fabrics built for longevity and beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg",
|
||||
primaryButton: {
|
||||
text: "View More",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Expert",
|
||||
title: "Handpicked Selections",
|
||||
description: "Tested for comfort and aesthetic appeal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabric-rolls-emerging-from-large-format-printer-showcasing-vibrant-floral-patterns_191095-99714.jpg",
|
||||
primaryButton: {
|
||||
text: "View More",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Us"
|
||||
title="Superior Standards"
|
||||
description="We ensure your creations stand out with the highest grade materials available."
|
||||
items={[
|
||||
{ tag: "Ethical", title: "Sustainably Sourced", description: "Materials sourced from responsible artisans.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-detail_23-2149385295.jpg", primaryButton: { text: "View More", href: "#" } },
|
||||
{ tag: "Premium", title: "Durability Guaranteed", description: "Fabrics built for longevity and beauty.", imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg", primaryButton: { text: "View More", href: "#" } },
|
||||
{ tag: "Expert", title: "Handpicked Selections", description: "Tested for comfort and aesthetic appeal.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabric-rolls-emerging-from-large-format-printer-showcasing-vibrant-floral-patterns_191095-99714.jpg", primaryButton: { text: "View More", href: "#" } }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Reviews"
|
||||
title="Trusted by Creators"
|
||||
description="Hear from our partners and clients who bring their visions to life with Hilaria Telas."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
role: "Fashion Designer",
|
||||
quote: "The quality of silk from Hilaria Telas is incomparable. Truly refined.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-young-lady-stylish-floral-summer-dress-looks-into-camera-smiles-gently-poses-cozy-room_197531-29853.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marco Vance",
|
||||
role: "Tailor",
|
||||
quote: "Perfect drape and texture every single time. My clients love it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020777.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sonia Gupta",
|
||||
role: "Interior Designer",
|
||||
quote: "Hilaria Telas offers a unique range that elevates every project I lead.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-shirt_23-2149729288.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Thorne",
|
||||
role: "Apparel Brand Owner",
|
||||
quote: "Outstanding consistency in every roll we purchase. Professional service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-home-sharing-tender-moments_23-2149105966.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lisa M.",
|
||||
role: "Creative Lead",
|
||||
quote: "Exceptional fabrics that speak for themselves. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6808.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Reviews"
|
||||
title="Trusted by Creators"
|
||||
description="Hear from our partners and clients who bring their visions to life with Hilaria Telas."
|
||||
testimonials={[
|
||||
{ name: "Elena Rossi", role: "Fashion Designer", quote: "The quality of silk from Hilaria Telas is incomparable. Truly refined.", imageSrc: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-young-lady-stylish-floral-summer-dress-looks-into-camera-smiles-gently-poses-cozy-room_197531-29853.jpg" },
|
||||
{ name: "Marco Vance", role: "Tailor", quote: "Perfect drape and texture every single time. My clients love it.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020777.jpg" },
|
||||
{ name: "Sonia Gupta", role: "Interior Designer", quote: "Hilaria Telas offers a unique range that elevates every project I lead.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-shirt_23-2149729288.jpg" },
|
||||
{ name: "David Thorne", role: "Apparel Brand Owner", quote: "Outstanding consistency in every roll we purchase. Professional service.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-home-sharing-tender-moments_23-2149105966.jpg" },
|
||||
{ name: "Lisa M.", role: "Creative Lead", quote: "Exceptional fabrics that speak for themselves. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6808.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Quality backed by numbers and decades of experience."
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Fabrics Curated",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Artisan Partners",
|
||||
value: "45+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Satisfied Designers",
|
||||
value: "1.2k+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Quality backed by numbers and decades of experience."
|
||||
metrics={[
|
||||
{ icon: "CheckCircle", title: "Fabrics Curated", value: "500+" },
|
||||
{ icon: "Award", title: "Artisan Partners", value: "45+" },
|
||||
{ icon: "Star", title: "Satisfied Designers", value: "1.2k+" }
|
||||
]}
|
||||
/>
|
||||
</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="Partners"
|
||||
title="Collaborating with Industry Leaders"
|
||||
description="We are proud to work with the finest fashion houses and ateliers."
|
||||
names={[
|
||||
"Luxe Moda",
|
||||
"Atelier V",
|
||||
"Silk & Loom",
|
||||
"Fashion Forward",
|
||||
"Artisan Studio",
|
||||
"Elite Threads",
|
||||
"Modern Weave",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Partners"
|
||||
title="Collaborating with Industry Leaders"
|
||||
description="We are proud to work with the finest fashion houses and ateliers."
|
||||
names={["Luxe Moda", "Atelier V", "Silk & Loom", "Fashion Forward", "Artisan Studio", "Elite Threads", "Modern Weave"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Connect"
|
||||
text="Ready to bring your vision to life? Contact us today for samples or bespoke fabric requests."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@hilariatelas.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Samples",
|
||||
href: "#collection",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Connect"
|
||||
text="Ready to bring your vision to life? Contact us today for samples or bespoke fabric requests."
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:info@hilariatelas.com" }}
|
||||
secondaryButton={{ text: "View Samples", href: "#collection" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user