Merge version_2_1782041493653 into main #1

Merged
bender merged 1 commits from version_2_1782041493653 into main 2026-06-21 11:34:10 +00:00
9 changed files with 326 additions and 235 deletions

View File

@@ -1,247 +1,36 @@
import AboutText from '@/components/sections/about/AboutText';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import HeroBrand from '@/components/sections/hero/HeroBrand';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
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 CollectionSection from './HomePage/sections/Collection';
import MetricsSection from './HomePage/sections/Metrics';
import FaqSection from './HomePage/sections/Faq';
import TestimonialsSection from './HomePage/sections/Testimonials';
import SocialSection from './HomePage/sections/Social';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBrand
brand="REDEFINE YOUR STYLE"
description="Exclusivity curated for the modern minimalist. Discover Noir Collective."
primaryButton={{
text: "Shop Now",
href: "#collection",
}}
secondaryButton={{
text: "VIP Membership",
href: "#vip",
}}
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-brunette-girl-with-bob-hair-dressed-casual-wear-happily-dancing-camera-carefree-girl-isolated-white-background_574295-4482.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="The Art of Noir"
primaryButton={{
text: "Explore History",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="collection" data-section="collection">
<SectionErrorBoundary name="collection">
<FeaturesImageBento
tag="Collection"
title="Curated Essentials"
description="Hand-picked selection for those who demand more."
items={[
{
title: "Shirts",
description: "Premium Textiles",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478993.jpg",
},
{
title: "Shoes",
description: "Urban Edge",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-shoemaker-drawing-design_171337-12249.jpg",
},
{
title: "Watches",
description: "Timeless Craft",
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg",
},
{
title: "Ties",
description: "Formal Sophistication",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-necktie_53876-32078.jpg",
},
{
title: "Eyewear",
description: "Sharp Vision",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670763.jpg",
},
{
title: "Belts",
description: "Refined Details",
imageSrc: "http://img.b2bpic.net/free-photo/garment-background-modern-object-closeup_1203-6425.jpg",
},
{
title: "Briefcases",
description: "Utility Elite",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-briefcase_1098-13706.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<CollectionSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Impact"
title="Quality Defined"
description="Our standards of excellence."
metrics={[
{
value: "100%",
title: "Premium Materials",
features: [
"Sourced globally",
"Hand-stitched",
"Durability tested",
],
},
{
value: "500+",
title: "VIP Clients",
features: [
"Curated experience",
"Concierge access",
"Custom sizing",
],
},
{
value: "24/7",
title: "Expert Stylist",
features: [
"AI assistant",
"On-demand help",
"Instant feedback",
],
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Help"
title="Need Guidance?"
categories={[
{
name: "Shipping",
items: [
{
question: "Where is my order?",
answer: "Track it in your portal.",
},
{
question: "International delivery?",
answer: "Worldwide shipping available.",
},
],
},
{
name: "Membership",
items: [
{
question: "What is VIP?",
answer: "Exclusive access to limited drops.",
},
{
question: "How to join?",
answer: "Apply through the membership form.",
},
],
},
]}
description="Get answers to common inquiries about our boutique services."
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Reputation"
title="Voices of Style"
description="See why our clientele chooses us."
testimonials={[
{
name: "Alex R.",
role: "Creative Lead",
quote: "The quality is simply unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-man-dressed-gray-jacket-wool-cap-isolated-grey-background_613910-15878.jpg",
},
{
name: "Elena M.",
role: "Architect",
quote: "A true definition of premium aesthetics.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-10592.jpg",
},
{
name: "Jordan P.",
role: "Founder",
quote: "Membership has changed my style game.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg",
},
{
name: "Kiran S.",
role: "Artist",
quote: "Love the minimalist designs.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-goth-teenager-posing-studio_23-2150501590.jpg",
},
{
name: "Sam L.",
role: "Stylist",
quote: "Every piece is a work of art.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10412.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="Affiliations"
title="Recognized by"
names={[
"Vogue",
"GQ",
"Hypebeast",
"Highsnobiety",
"Esquire",
"Complex",
"WWD",
]}
description="Top tier media coverage for Noir Collective."
/>
</SectionErrorBoundary>
</div>
<SocialSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Connect"
text="Ready to redefine your presence?"
primaryButton={{
text: "WhatsApp Us",
href: "https://wa.me/yournumber",
}}
secondaryButton={{
text: "Email Us",
href: "mailto:info@noircollective.com",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

View File

@@ -0,0 +1,22 @@
// 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 AboutText from '@/components/sections/about/AboutText';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="The Art of Noir"
primaryButton={{
text: "Explore History",
href: "#",
}}
/>
</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 "collection" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function CollectionSection(): React.JSX.Element {
return (
<div id="collection" data-section="collection">
<SectionErrorBoundary name="collection">
<FeaturesImageBento
tag="Collection"
title="Curated Essentials"
description="Hand-picked selection for those who demand more."
items={[
{
title: "Shirts",
description: "Premium Textiles",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478993.jpg",
},
{
title: "Shoes",
description: "Urban Edge",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-shoemaker-drawing-design_171337-12249.jpg",
},
{
title: "Watches",
description: "Timeless Craft",
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg",
},
{
title: "Ties",
description: "Formal Sophistication",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-necktie_53876-32078.jpg",
},
{
title: "Eyewear",
description: "Sharp Vision",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670763.jpg",
},
{
title: "Belts",
description: "Refined Details",
imageSrc: "http://img.b2bpic.net/free-photo/garment-background-modern-object-closeup_1203-6425.jpg",
},
{
title: "Briefcases",
description: "Utility Elite",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-briefcase_1098-13706.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="Connect"
text="Ready to redefine your presence?"
primaryButton={{
text: "WhatsApp Us",
href: "https://wa.me/yournumber",
}}
secondaryButton={{
text: "Email Us",
href: "mailto:info@noircollective.com",
}}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,48 @@
// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Help"
title="Need Guidance?"
categories={[
{
name: "Shipping",
items: [
{
question: "Where is my order?",
answer: "Track it in your portal.",
},
{
question: "International delivery?",
answer: "Worldwide shipping available.",
},
],
},
{
name: "Membership",
items: [
{
question: "What is VIP?",
answer: "Exclusive access to limited drops.",
},
{
question: "How to join?",
answer: "Apply through the membership form.",
},
],
},
]}
description="Get answers to common inquiries about our boutique services."
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,18 @@
// Created by add_section_from_catalog (HeroBillboardBrand).
import React from 'react';
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
export default function HeroSection(): React.JSX.Element {
return (
<div data-webild-section="hero" id="hero">
<HeroBillboardBrand
brand="REDEFINE YOUR STYLE"
description="Exclusivity curated for the modern minimalist. Discover Noir Collective."
primaryButton={{"text":"Shop Now","href":"#collection"}}
secondaryButton={{"text":"VIP Membership","href":"#vip"}}
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-brunette-girl-with-bob-hair-dressed-casual-wear-happily-dancing-camera-carefree-girl-isolated-white-background_574295-4482.jpg"
/>
</div>
);
}

View File

@@ -0,0 +1,49 @@
// 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 MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Impact"
title="Quality Defined"
description="Our standards of excellence."
metrics={[
{
value: "100%",
title: "Premium Materials",
features: [
"Sourced globally",
"Hand-stitched",
"Durability tested",
],
},
{
value: "500+",
title: "VIP Clients",
features: [
"Curated experience",
"Concierge access",
"Custom sizing",
],
},
{
value: "24/7",
title: "Expert Stylist",
features: [
"AI assistant",
"On-demand help",
"Instant feedback",
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "social" section.
import React from 'react';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function SocialSection(): React.JSX.Element {
return (
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="Affiliations"
title="Recognized by"
names={[
"Vogue",
"GQ",
"Hypebeast",
"Highsnobiety",
"Esquire",
"Complex",
"WWD",
]}
description="Top tier media coverage for Noir Collective."
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// 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 TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Reputation"
title="Voices of Style"
description="See why our clientele chooses us."
testimonials={[
{
name: "Alex R.",
role: "Creative Lead",
quote: "The quality is simply unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-man-dressed-gray-jacket-wool-cap-isolated-grey-background_613910-15878.jpg",
},
{
name: "Elena M.",
role: "Architect",
quote: "A true definition of premium aesthetics.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-10592.jpg",
},
{
name: "Jordan P.",
role: "Founder",
quote: "Membership has changed my style game.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg",
},
{
name: "Kiran S.",
role: "Artist",
quote: "Love the minimalist designs.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-goth-teenager-posing-studio_23-2150501590.jpg",
},
{
name: "Sam L.",
role: "Stylist",
quote: "Every piece is a work of art.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10412.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}