Merge version_1_1781569464217 into main #1
@@ -10,183 +10,127 @@ 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
|
||||
title="Timeless Menswear for the Modern Gentleman"
|
||||
description="Elevate your wardrobe with our curated selection of premium fabrics and expert tailoring designed for excellence."
|
||||
primaryButton={{
|
||||
text: "Shop Collection",
|
||||
href: "#collection",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9639.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Timeless Menswear for the Modern Gentleman"
|
||||
description="Elevate your wardrobe with our curated selection of premium fabrics and expert tailoring designed for excellence."
|
||||
primaryButton={{
|
||||
text: "Shop Collection", href: "#collection"}}
|
||||
secondaryButton={{
|
||||
text: "Our Story", href: "#about"}}
|
||||
avatarsSrc={[]}
|
||||
avatarText=""
|
||||
names={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9639.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Since 1995, we have been crafting clothing that balances contemporary style with lasting quality."
|
||||
primaryButton={{
|
||||
text: "Visit Our Shop",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Since 1995, we have been crafting clothing that balances contemporary style with lasting quality."
|
||||
primaryButton={{
|
||||
text: "Visit Our Shop", href: "#contact"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<SectionErrorBoundary name="collection">
|
||||
<div id="collection" data-section="collection">
|
||||
<SectionErrorBoundary name="collection">
|
||||
<FeaturesImageBento
|
||||
tag="New Arrivals"
|
||||
title="Curated Essentials"
|
||||
description="Discover the latest season styles crafted for versatility and comfort."
|
||||
items={[
|
||||
{
|
||||
title: "Premium Linens",
|
||||
description: "Breathable fabrics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-happy-young-man-colorful-tshirt-leans-wall-outside-cool-guy-floral-shirt-listens-music-headphones-outdoors_197531-28850.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tailored Blazers",
|
||||
description: "Sharp cuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-near-dark-wall_158538-11248.jpg",
|
||||
},
|
||||
{
|
||||
title: "Leather Boots",
|
||||
description: "Handcrafted durability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alternative-man-tying-boots-shoelaces-floor_53876-101248.jpg",
|
||||
},
|
||||
{
|
||||
title: "Slim Trousers",
|
||||
description: "Perfect fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-folded-plaid-shirt-wooden-background_169016-23110.jpg",
|
||||
},
|
||||
{
|
||||
title: "Knitted Sweaters",
|
||||
description: "Soft and warm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-ready-knitting-home_23-2149373705.jpg",
|
||||
},
|
||||
{
|
||||
title: "Accessories",
|
||||
description: "Complete the look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-accessory-wooden-background_1203-7652.jpg",
|
||||
},
|
||||
{
|
||||
title: "Winter Coats",
|
||||
description: "Sophisticated warmth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-elderly-man-taking-stroll_23-2150233321.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="New Arrivals"
|
||||
title="Curated Essentials"
|
||||
description="Discover the latest season styles crafted for versatility and comfort."
|
||||
items={[
|
||||
{
|
||||
title: "Premium Linens", description: "Breathable fabrics.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-happy-young-man-colorful-tshirt-leans-wall-outside-cool-guy-floral-shirt-listens-music-headphones-outdoors_197531-28850.jpg"},
|
||||
{
|
||||
title: "Tailored Blazers", description: "Sharp cuts.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-near-dark-wall_158538-11248.jpg"},
|
||||
{
|
||||
title: "Leather Boots", description: "Handcrafted durability.", imageSrc: "http://img.b2bpic.net/free-photo/alternative-man-tying-boots-shoelaces-floor_53876-101248.jpg"},
|
||||
{
|
||||
title: "Slim Trousers", description: "Perfect fit.", imageSrc: "http://img.b2bpic.net/free-photo/headphones-folded-plaid-shirt-wooden-background_169016-23110.jpg"},
|
||||
{
|
||||
title: "Knitted Sweaters", description: "Soft and warm.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-ready-knitting-home_23-2149373705.jpg"},
|
||||
{
|
||||
title: "Accessories", description: "Complete the look.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-accessory-wooden-background_1203-7652.jpg"},
|
||||
{
|
||||
title: "Winter Coats", description: "Sophisticated warmth.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-elderly-man-taking-stroll_23-2150233321.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Our Quality"
|
||||
title="Built to Last"
|
||||
description="Excellence in every stitch."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Organic Fabrics",
|
||||
description: "Sustainable sourcing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-mature-attractive-talented-hispanic-clothes-designer-preparing-blue-dress-sewing-removing-mistakes-mannequin-getting-ready-fashion-show_176420-11854.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Quality"
|
||||
title="Built to Last"
|
||||
description="Excellence in every stitch."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", title: "Organic Fabrics", description: "Sustainable sourcing.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-mature-attractive-talented-hispanic-clothes-designer-preparing-blue-dress-sewing-removing-mistakes-mannequin-getting-ready-fashion-show_176420-11854.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Reviews"
|
||||
title="Trusted by Men of Style"
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
role: "Architect",
|
||||
quote: "The quality is simply unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-looking-mobile-phone_23-2148116410.jpg",
|
||||
},
|
||||
{
|
||||
name: "Robert B.",
|
||||
role: "CEO",
|
||||
quote: "The best blazer I've ever owned.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark S.",
|
||||
role: "Designer",
|
||||
quote: "Timeless designs that fit perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-shopping-retail-store_482257-79930.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kevin L.",
|
||||
role: "Lawyer",
|
||||
quote: "Professional, sleek, and comfortable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-attractive-male-thinking-while-sitting-red-chair_181624-46439.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tom H.",
|
||||
role: "Investor",
|
||||
quote: "My wardrobe favorite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-urban-environment_23-2148171114.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Reviews"
|
||||
title="Trusted by Men of Style"
|
||||
description="What our customers say."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.", role: "Architect", quote: "The quality is simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-looking-mobile-phone_23-2148116410.jpg"},
|
||||
{
|
||||
name: "Robert B.", role: "CEO", quote: "The best blazer I've ever owned.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
|
||||
{
|
||||
name: "Mark S.", role: "Designer", quote: "Timeless designs that fit perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-shopping-retail-store_482257-79930.jpg"},
|
||||
{
|
||||
name: "Kevin L.", role: "Lawyer", quote: "Professional, sleek, and comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-attractive-male-thinking-while-sitting-red-chair_181624-46439.jpg"},
|
||||
{
|
||||
name: "Tom H.", role: "Investor", quote: "My wardrobe favorite.", imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-urban-environment_23-2148171114.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products."
|
||||
categories={[
|
||||
{
|
||||
name: "Shipping",
|
||||
items: [
|
||||
{
|
||||
question: "Do you ship worldwide?",
|
||||
answer: "Yes, we ship globally.",
|
||||
},
|
||||
{
|
||||
question: "What is the return policy?",
|
||||
answer: "30 days easy returns.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products."
|
||||
categories={[
|
||||
{
|
||||
name: "Shipping", items: [
|
||||
{
|
||||
question: "Do you ship worldwide?", answer: "Yes, we ship globally."},
|
||||
{
|
||||
question: "What is the return policy?", answer: "30 days easy returns."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Visit Us"
|
||||
text="Ready to upgrade your style? Reach out or visit our flagship store in downtown."
|
||||
primaryButton={{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@modernman.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Visit Us"
|
||||
text="Ready to upgrade your style? Reach out or visit our flagship store in downtown."
|
||||
primaryButton={{
|
||||
text: "Email Us", href: "mailto:hello@modernman.com"}}
|
||||
secondaryButton={{
|
||||
text: "Get Directions", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user