Merge version_1_1781440052087 into main #1

Merged
bender merged 3 commits from version_1_1781440052087 into main 2026-06-14 12:29:01 +00:00
2 changed files with 143 additions and 325 deletions

View File

@@ -7,89 +7,50 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Shop",
"href": "#products"
},
{
"name": "About",
"href": "#about"
},
{
"name": "Testimonials",
"href": "#testimonials"
},
{
"name": "Contact",
"href": "#contact"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "Features",
"href": "#features"
},
{
"name": "Metrics",
"href": "#metrics"
}
];
{ "name": "Shop", "href": "#products" },
{ "name": "About", "href": "#about" },
{ "name": "Testimonials", "href": "#testimonials" },
{ "name": "Contact", "href": "#contact" },
{ "name": "Hero", "href": "#hero" },
{ "name": "Features", "href": "#features" },
{ "name": "Metrics", "href": "#metrics" }
];
return (
<StyleProvider buttonVariant="default" siteBackground="noiseGradient" heroBackground="radialGradient">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Ongonwear"
ctaButton={{
text: "Buy Now",
href: "#products",
}}
navItems={navItems} />
logo="Ongonwear"
logoImageSrc="http://img.b2bpic.net/free-vector/minimalist-fashion-typography-logo-template_742173-7469.jpg"
ctaButton={{
text: "Buy Now", href: "#products"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterBrand
brand="Ongonwear"
columns={[
{
items: [
brand="Ongonwear"
columns={[
{
label: "Shop",
href: "#products",
items: [
{ label: "Shop", href: "#products" },
{ label: "About", href: "#about" },
{ label: "Community", href: "#testimonials" },
],
},
{
label: "About",
href: "#about",
items: [
{ label: "Contact", href: "#contact" },
{ label: "Support", href: "#faq" },
{ label: "Legal", href: "#" },
],
},
{
label: "Community",
href: "#testimonials",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Support",
href: "#faq",
},
{
label: "Legal",
href: "#",
},
],
},
]}
/>
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -11,279 +11,136 @@ 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">
<HeroSplitVerticalMarquee
tag="PREMIUM STREETWEAR"
title="Uncompromised Quality in Every Stitch"
description="Ongonwear defines the standard for modern comfort and timeless style. Experience apparel that works as hard as you do."
primaryButton={{
text: "Shop Collection",
href: "#products",
}}
secondaryButton={{
text: "Our Story",
href: "#about",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-gray-cap-casual-street-style-winter-day-against-colored-wall_627829-9028.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-camera-yellow-scene_23-2148184789.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189454.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-laying-ground_23-2149409757.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-sweaters-jeans-posing-window-shadow_23-2149296208.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-bearded-man-oversized-grey-t-shirt-jeans-poses-indoors-against-blank-wall_273609-17015.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bridal-shoes-blue-background_1220-1774.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-buying-presents-holding-shopping-bag-looking-amused-standing-pink-backgr_1258-163031.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916388.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448799.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19837.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="PREMIUM STREETWEAR"
title="Uncompromised Quality in Every Stitch"
description="Ongonwear defines the standard for modern comfort and timeless style. Experience apparel that works as hard as you do."
primaryButton={{ text: "Shop Collection", href: "#products" }}
secondaryButton={{ text: "Our Story", href: "#about" }}
leftItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-gray-cap-casual-street-style-winter-day-against-colored-wall_627829-9028.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-camera-yellow-scene_23-2148184789.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189454.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-laying-ground_23-2149409757.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-sweaters-jeans-posing-window-shadow_23-2149296208.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-bearded-man-oversized-grey-t-shirt-jeans-poses-indoors-against-blank-wall_273609-17015.jpg" }
]}
rightItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bridal-shoes-blue-background_1220-1774.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-buying-presents-holding-shopping-bag-looking-amused-standing-pink-backgr_1258-163031.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916388.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448799.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19837.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="The Ongonwear Philosophy"
descriptions={[
"We believe that simplicity is the ultimate sophistication. Our t-shirts are crafted with 100% organic cotton, sourced ethically and designed to endure both trends and time.",
"Every piece we make is a testament to our commitment to sustainable fashion. We don't believe in fast-paced disposable fashion; we believe in creating items that become a staple in your daily life.",
]}
/>
</SectionErrorBoundary>
</div>
title="The Ongonwear Philosophy"
descriptions={[
"We believe that simplicity is the ultimate sophistication. Our t-shirts are crafted with 100% organic cotton, sourced ethically and designed to endure both trends and time.", "Every piece we make is a testament to our commitment to sustainable fashion. We don't believe in fast-paced disposable fashion; we believe in creating items that become a staple in your daily life."]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesRevealCards
tag="OUR CRAFT"
title="Why Ongonwear is Different"
description="We take the extra steps so you don't have to."
items={[
{
title: "Premium Materials",
description: "High-density 100% organic cotton for a softer, more durable fit.",
imageSrc: "http://img.b2bpic.net/free-photo/details-blue-blouse-made-out-silk_23-2148237592.jpg",
},
{
title: "Reinforced Seams",
description: "Double-stitched hems ensure your shirt holds its shape, wash after wash.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cutting-textile_23-2148966939.jpg",
},
{
title: "Ethical Production",
description: "Fair wages and safe working conditions for every person in our supply chain.",
imageSrc: "http://img.b2bpic.net/free-photo/twig-book-stacked-with-black-spool-scissor-isolated-white-backdrop_23-2147924505.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="OUR CRAFT"
title="Why Ongonwear is Different"
description="We take the extra steps so you don't have to."
items={[
{ title: "Premium Materials", description: "High-density 100% organic cotton for a softer, more durable fit.", imageSrc: "http://img.b2bpic.net/free-photo/details-blue-blouse-made-out-silk_23-2148237592.jpg" },
{ title: "Reinforced Seams", description: "Double-stitched hems ensure your shirt holds its shape, wash after wash.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cutting-textile_23-2148966939.jpg" },
{ title: "Ethical Production", description: "Fair wages and safe working conditions for every person in our supply chain.", imageSrc: "http://img.b2bpic.net/free-photo/twig-book-stacked-with-black-spool-scissor-isolated-white-backdrop_23-2147924505.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="SHOP"
title="Current Essentials"
description="Essential staples for your modern wardrobe."
items={[
{
title: "Signature White",
description: "The perfect foundation.",
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149133989.jpg",
},
{
title: "Classic Black",
description: "Versatile for every occasion.",
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448756.jpg",
},
{
title: "Navy Comfort",
description: "Sophisticated everyday wear.",
imageSrc: "http://img.b2bpic.net/free-photo/seriously-man-is-looking-camera-by-pointing-down-with-forefingers-blue-background_176474-117750.jpg",
},
{
title: "Olive Tone",
description: "Earthy, modern appeal.",
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-high-angle_23-2150264194.jpg",
},
{
title: "Charcoal Essential",
description: "The darker shade of comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-moving-her-body-full-shot_23-2149429034.jpg",
},
{
title: "Oversized Fit",
description: "Relaxed silhouette.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478986.jpg",
},
{
title: "Limited Edition",
description: "Exclusive graphic release.",
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=t9lvuk",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="SHOP"
title="Current Essentials"
description="Essential staples for your modern wardrobe."
items={[
{ title: "Signature White", description: "The perfect foundation.", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149133989.jpg" },
{ title: "Classic Black", description: "Versatile for every occasion.", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448756.jpg" },
{ title: "Navy Comfort", description: "Sophisticated everyday wear.", imageSrc: "http://img.b2bpic.net/free-photo/seriously-man-is-looking-camera-by-pointing-down-with-forefingers-blue-background_176474-117750.jpg" },
{ title: "Olive Tone", description: "Earthy, modern appeal.", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-high-angle_23-2150264194.jpg" },
{ title: "Charcoal Essential", description: "The darker shade of comfort.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-moving-her-body-full-shot_23-2149429034.jpg" },
{ title: "Oversized Fit", description: "Relaxed silhouette.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478986.jpg" },
{ title: "Limited Edition", description: "Exclusive graphic release.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=t9lvuk" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="BY THE NUMBERS"
title="Quality at Scale"
description="Our dedication to quality, measured in community and growth."
metrics={[
{
value: "10k+",
description: "Happy Customers",
},
{
value: "100%",
description: "Organic Cotton",
},
{
value: "25+",
description: "Ethical Factories",
},
{
value: "5k",
description: "Tons of Carbon Offset",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="BY THE NUMBERS"
title="Quality at Scale"
description="Our dedication to quality, measured in community and growth."
metrics={[
{ value: "10k+", description: "Happy Customers" },
{ value: "100%", description: "Organic Cotton" },
{ value: "25+", description: "Ethical Factories" },
{ value: "5k", description: "Tons of Carbon Offset" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="OUR COMMUNITY"
title="What People are Wearing"
testimonials={[
{
name: "Sarah J.",
role: "Designer",
quote: "The fit is incomparable. I've switched my entire wardrobe to Ongonwear.",
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg",
},
{
name: "Marcus L.",
role: "Architect",
quote: "Finally, a t-shirt that doesn't lose its shape after one wash. Quality is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-painter-africana-american-woman-lying-canvas-looking-camera-with-brushes-hands_273443-50.jpg",
},
{
name: "Elena R.",
role: "Entrepreneur",
quote: "Sustainable, stylish, and incredibly comfortable. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15025.jpg",
},
{
name: "David W.",
role: "Content Creator",
quote: "Perfect weight and texture. These shirts feel premium from the first wear.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-american-woman-holding-black-umbrella_627829-4624.jpg",
},
{
name: "Chloe B.",
role: "Stylist",
quote: "I use these for my clients; the colors stay vibrant, and the fabric is luxury tier.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-female-photographer-street-photographing-camera-photo-shoot-photosession-city_639032-2484.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="OUR COMMUNITY"
title="What People are Wearing"
description="Hear from our satisfied customers about their Ongonwear experience."
testimonials={[
{ name: "Sarah J.", role: "Designer", quote: "The fit is incomparable. I've switched my entire wardrobe to Ongonwear.", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg" },
{ name: "Marcus L.", role: "Architect", quote: "Finally, a t-shirt that doesn't lose its shape after one wash. Quality is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-painter-africana-american-woman-lying-canvas-looking-camera-with-brushes-hands_273443-50.jpg" },
{ name: "Elena R.", role: "Entrepreneur", quote: "Sustainable, stylish, and incredibly comfortable. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15025.jpg" },
{ name: "David W.", role: "Content Creator", quote: "Perfect weight and texture. These shirts feel premium from the first wear.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-american-woman-holding-black-umbrella_627829-4624.jpg" },
{ name: "Chloe B.", role: "Stylist", quote: "I use these for my clients; the colors stay vibrant, and the fabric is luxury tier.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-female-photographer-street-photographing-camera-photo-shoot-photosession-city_639032-2484.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="Need a Hand?"
categories={[
{
name: "Shipping",
items: [
{
question: "How long is shipping?",
answer: "Standard shipping takes 3-5 business days.",
},
{
question: "Do you ship internationally?",
answer: "Yes, we ship to over 50 countries.",
},
],
},
{
name: "Returns",
items: [
{
question: "What is your return policy?",
answer: "We offer free returns within 30 days of purchase.",
},
{
question: "Are exchanges easy?",
answer: "Yes, we provide prepaid return labels for all exchanges.",
},
],
},
]}
cta={{
name: "Help Desk",
role: "Support Manager",
buttonText: "Contact Support",
buttonHref: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
}}
/>
</SectionErrorBoundary>
</div>
tag="HELP"
title="Need a Hand?"
description="Find answers to frequently asked questions about our products and services."
categories={[
{ name: "Shipping", items: [{ question: "How long is shipping?", answer: "Standard shipping takes 3-5 business days." }, { question: "Do you ship internationally?", answer: "Yes, we ship to over 50 countries." }] },
{ name: "Returns", items: [{ question: "What is your return policy?", answer: "We offer free returns within 30 days of purchase." }, { question: "Are exchanges easy?", answer: "Yes, we provide prepaid return labels for all exchanges." }] }
]}
cta={{ name: "Help Desk", role: "Support Manager", buttonText: "Contact Support", buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" }}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="READY TO WEAR?"
text="Join the Ongonwear community and upgrade your wardrobe today."
primaryButton={{
text: "Explore Shop",
href: "#products",
}}
secondaryButton={{
text: "Contact Us",
href: "mailto:hello@ongonwear.com",
}}
/>
</SectionErrorBoundary>
</div>
tag="READY TO WEAR?"
text="Join the Ongonwear community and upgrade your wardrobe today."
primaryButton={{ text: "Explore Shop", href: "#products" }}
secondaryButton={{ text: "Contact Us", href: "mailto:hello@ongonwear.com" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}