Merge version_2_1781901026917 into main #2

Merged
bender merged 1 commits from version_2_1781901026917 into main 2026-06-19 20:32:03 +00:00
9 changed files with 325 additions and 211 deletions

View File

@@ -1,222 +1,35 @@
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
import { CheckCircle, Star, Users } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import ProductsSection from './HomePage/sections/Products';
import TestimonialsSection from './HomePage/sections/Testimonials';
import MetricsSection from './HomePage/sections/Metrics';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
import FeaturedInSection from './HomePage/sections/FeaturedIn';export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitMediaGrid
tag="New Collection"
title="Timeless Style for the Modern Era"
description="Discover our latest collection of handcrafted apparel, blending quality with minimalist aesthetics."
primaryButton={{
text: "View Collection",
href: "#products",
}}
secondaryButton={{
text: "Our Story",
href: "#about",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/two-attractive-brunette-women-dressed-warm-clothes-posing-studio_613910-15446.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-bwhite-shirt_1303-23892.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<FeaturedInSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Our Ethos"
title="Crafted with Purpose"
description="We believe in slow fashion that prioritizes durability, comfort, and classic design over fleeting trends."
imageSrc="http://img.b2bpic.net/free-photo/workshop-is-full-work-by-tailors_329181-14375.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Shop Collection"
title="Essentials Refined"
description="Carefully curated pieces built for everyday life and lasting style."
items={[
{
title: "Essential Tee",
description: "100% organic cotton staple.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-jacket-suit-with-tie-new-feminity-concept_23-2148951010.jpg",
},
{
title: "Silk Shirt",
description: "Flowy, elegant, versatile.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150744016.jpg",
},
{
title: "Denim Relaxed",
description: "Your new daily favorite.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264137.jpg",
},
{
title: "Summer Dress",
description: "Breathable linen fabric.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2646.jpg",
},
{
title: "Modern Jacket",
description: "Structured street style.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-jacket-pink-hat_176474-92542.jpg",
},
{
title: "Urban Hoodie",
description: "Heavyweight comfort gear.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-womans-casual-outfits_93675-134231.jpg",
},
{
title: "Trousers Slim",
description: "Clean lines and fit.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/women-holding-paper-bags-underwear_23-2147688438.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProductsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialOverlayCards
tag="Reviews"
title="Loved by Our Community"
description="Hear what our customers are saying about our quality and service."
testimonials={[
{
name: "Alice M.",
role: "Designer",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg",
},
{
name: "Mark R.",
role: "Creative",
company: "Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300880.jpg",
},
{
name: "Julia P.",
role: "Architect",
company: "Firm",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/love-city_1157-6946.jpg",
},
{
name: "Chris B.",
role: "Entrepreneur",
company: "Foundry",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-mall_23-2148225599.jpg",
},
{
name: "Sarah D.",
role: "Artist",
company: "Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46950.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Growth"
title="By the Numbers"
description="A commitment to quality recognized by thousands of global customers."
metrics={[
{
icon: CheckCircle,
title: "Products Shipped",
value: "50K+",
},
{
icon: Star,
title: "Avg. Rating",
value: "4.9/5",
},
{
icon: Users,
title: "Happy Customers",
value: "35K+",
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Help"
title="Frequently Asked"
description="Common questions about our materials, shipping, and return policies."
items={[
{
question: "Where is clothing made?",
answer: "We produce all our garments ethically in small-batch factories.",
},
{
question: "Do you offer international shipping?",
answer: "Yes, we ship globally with tracking provided on all orders.",
},
{
question: "What is your return policy?",
answer: "We offer free returns within 30 days of purchase for all items.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-fashion-designer-thoughtfully-working-with-new-textile-cozy-sewing-workshop_574295-3686.jpg"
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Stay Updated"
text="Join our newsletter for early access to new collections."
primaryButton={{
text: "Subscribe Now",
href: "#",
}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

View File

@@ -0,0 +1,21 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Our Ethos"
title="Crafted with Purpose"
description="We believe in slow fashion that prioritizes durability, comfort, and classic design over fleeting trends."
imageSrc="http://img.b2bpic.net/free-photo/workshop-is-full-work-by-tailors_329181-14375.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Stay Updated"
text="Join our newsletter for early access to new collections."
primaryButton={{
text: "Subscribe Now",
href: "#",
}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,35 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Help"
title="Frequently Asked"
description="Common questions about our materials, shipping, and return policies."
items={[
{
question: "Where is clothing made?",
answer: "We produce all our garments ethically in small-batch factories.",
},
{
question: "Do you offer international shipping?",
answer: "Yes, we ship globally with tracking provided on all orders.",
},
{
question: "What is your return policy?",
answer: "We offer free returns within 30 days of purchase for all items.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-fashion-designer-thoughtfully-working-with-new-textile-cozy-sewing-workshop_574295-3686.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,23 @@
import ScrollReveal from '@/components/ui/ScrollReveal';
import LoopCarousel from '@/components/ui/LoopCarousel';
export default function FeaturedInSection() {
return (
<section data-webild-section="featured-in" className="relative w-full py-12 bg-background border-b border-foreground/10 overflow-hidden">
<div className="w-content-width mx-auto mb-8 text-center">
<p className="text-sm font-medium text-foreground/60 uppercase tracking-widest">
Featured In
</p>
</div>
<LoopCarousel>
<div className="flex items-center gap-16 md:gap-24 px-8">
{["VOGUE", "GQ", "Esquire", "HYPEBEAST", "Highsnobiety", "Complex", "WWD", "VOGUE", "GQ", "Esquire", "HYPEBEAST", "Highsnobiety", "Complex", "WWD"].map((logo, i) => (
<span key={i} className="text-2xl md:text-3xl font-serif font-bold text-foreground/40 grayscale transition-all duration-300 hover:text-foreground hover:grayscale-0 whitespace-nowrap">
{logo}
</span>
))}
</div>
</LoopCarousel>
</section>
);
}

View File

@@ -0,0 +1,36 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitMediaGrid
tag="New Collection"
title="Timeless Style for the Modern Era"
description="Discover our latest collection of handcrafted apparel, blending quality with minimalist aesthetics."
primaryButton={{
text: "View Collection",
href: "#products",
}}
secondaryButton={{
text: "Our Story",
href: "#about",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/two-attractive-brunette-women-dressed-warm-clothes-posing-studio_613910-15446.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-bwhite-shirt_1303-23892.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,38 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import { CheckCircle, Star, Users } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Growth"
title="By the Numbers"
description="A commitment to quality recognized by thousands of global customers."
metrics={[
{
icon: CheckCircle,
title: "Products Shipped",
value: "50K+",
},
{
icon: Star,
title: "Avg. Rating",
value: "4.9/5",
},
{
icon: Users,
title: "Happy Customers",
value: "35K+",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,64 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "products" section.
import React from 'react';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductsSection(): React.JSX.Element {
return (
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Shop Collection"
title="Essentials Refined"
description="Carefully curated pieces built for everyday life and lasting style."
items={[
{
title: "Essential Tee",
description: "100% organic cotton staple.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-jacket-suit-with-tie-new-feminity-concept_23-2148951010.jpg",
},
{
title: "Silk Shirt",
description: "Flowy, elegant, versatile.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150744016.jpg",
},
{
title: "Denim Relaxed",
description: "Your new daily favorite.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264137.jpg",
},
{
title: "Summer Dress",
description: "Breathable linen fabric.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2646.jpg",
},
{
title: "Modern Jacket",
description: "Structured street style.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-jacket-pink-hat_176474-92542.jpg",
},
{
title: "Urban Hoodie",
description: "Heavyweight comfort gear.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-womans-casual-outfits_93675-134231.jpg",
},
{
title: "Trousers Slim",
description: "Clean lines and fit.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/women-holding-paper-bags-underwear_23-2147688438.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialOverlayCards
tag="Reviews"
title="Loved by Our Community"
description="Hear what our customers are saying about our quality and service."
testimonials={[
{
name: "Alice M.",
role: "Designer",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg",
},
{
name: "Mark R.",
role: "Creative",
company: "Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300880.jpg",
},
{
name: "Julia P.",
role: "Architect",
company: "Firm",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/love-city_1157-6946.jpg",
},
{
name: "Chris B.",
role: "Entrepreneur",
company: "Foundry",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-mall_23-2148225599.jpg",
},
{
name: "Sarah D.",
role: "Artist",
company: "Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46950.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}