Merge version_1_1782047234006 into main #1

Merged
bender merged 3 commits from version_1_1782047234006 into main 2026-06-21 13:08:43 +00:00
2 changed files with 107 additions and 354 deletions

View File

@@ -8,70 +8,40 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Home",
"href": "#hero"
},
{
"name": "About",
"href": "#about"
},
{
"name": "Products",
"href": "#products"
},
{
"name": "Testimonials",
"href": "#testimonials"
},
{
"name": "FAQ",
"href": "#faq"
},
{
"name": "Features",
"href": "#features"
},
{
"name": "Metrics",
"href": "#metrics"
}
];
{ name: "Home", href: "#hero" },
{ name: "About", href: "#about" },
{ name: "Products", href: "#products" },
{ name: "Testimonials", href: "#testimonials" },
{ name: "FAQ", href: "#faq" },
{ name: "Features", href: "#features" },
{ name: "Metrics", href: "#metrics" }
];
return (
<StyleProvider buttonVariant="default" siteBackground="noise" heroBackground="cornerGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Stagsport"
ctaButton={{
text: "Shop Now",
href: "#products",
}}
navItems={navItems} />
logo="Stagsport"
logoImageSrc="http://img.b2bpic.net/free-vector/retro-mafia-logo_23-2148472811.jpg"
ctaButton={{
text: "Shop Now", href: "#products"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterMinimal
brand="Stagsport"
copyright="© 2024 Stagsport. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
},
{
icon: Twitter,
href: "https://twitter.com",
},
{
icon: Facebook,
href: "https://facebook.com",
},
]}
/>
brand="Stagsport"
copyright="© 2024 Stagsport. All rights reserved."
socialLinks={[
{ icon: "Instagram", href: "https://instagram.com" },
{ icon: "Twitter", href: "https://twitter.com" },
{ icon: "Facebook", href: "https://facebook.com" },
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -7,322 +7,105 @@ import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVertic
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
import { Award, CheckCircle, Sparkles } 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">
<HeroSplitVerticalMarquee
tag="Performance Meets Luxury"
title="Elevate Your Workout with Stagsport."
description="Premium sportswear designed for women who demand both comfort and high performance. Discover our range of leggings and tops tailored for perfection."
primaryButton={{
text: "Shop Now",
href: "#products",
}}
secondaryButton={{
text: "Our Mission",
href: "#about",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-road-playing-with-hula-hoop_23-2148137947.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661033.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sportswear-gym_1303-20730.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/perfectly-ordered-compositions-view_23-2149872090.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-body-image-athletic-fitness-couple-is-posing-modern-building-background_613910-9099.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/curly-brunette-fitness-woman-posing_171337-1882.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stretching_23-2148023679.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/towel-shorts-near-fruits_23-2147750738.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-fitness-model-caucasian-man-talking-while-training-outdoors_1157-49034.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-doing-pilates_23-2150830148.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga-fly-yoga-concept_1328-4471.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sporty-curly-haired-woman-dressed-brown-sportswear-holds-bottle-fresh-water-rests-after-cardio-workout-city-focused-away-pensively-leads-healthy-lifestyle-feels-thirsty-after-training_273609-59892.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
tag="Performance Meets Luxury"
title="Elevate Your Workout with Stagsport."
description="Premium sportswear designed for women who demand both comfort and high performance. Discover our range of leggings and tops tailored for perfection."
primaryButton={{ text: "Shop Now", href: "#products" }}
secondaryButton={{ text: "Our Mission", href: "#about" }}
leftItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-road-playing-with-hula-hoop_23-2148137947.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661033.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sportswear-gym_1303-20730.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/perfectly-ordered-compositions-view_23-2149872090.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-body-image-athletic-fitness-couple-is-posing-modern-building-background_613910-9099.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/curly-brunette-fitness-woman-posing_171337-1882.jpg" }]}
rightItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/stretching_23-2148023679.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/towel-shorts-near-fruits_23-2147750738.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/african-american-fitness-model-caucasian-man-talking-while-training-outdoors_1157-49034.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-doing-pilates_23-2150830148.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga-fly-yoga-concept_1328-4471.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/sporty-curly-haired-woman-dressed-brown-sportswear-holds-bottle-fresh-water-rests-after-cardio-workout-city-focused-away-pensively-leads-healthy-lifestyle-feels-thirsty-after-training_273609-59892.jpg" }]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Our DNA"
title="Built for Every Move You Make"
description="At Stagsport, we believe sportswear should feel like a second skin. Our fabrics are engineered for breathability and support so you can push your limits without distraction."
items={[
{
icon: Sparkles,
title: "Engineered Fabric",
description: "Moisture-wicking, breathable, and ultra-stretchy.",
},
{
icon: Award,
title: "Premium Durability",
description: "Squat-proof, high-intensity tested for longevity.",
},
{
icon: CheckCircle,
title: "Perfect Fit",
description: "Tailored for women's bodies with anatomical precision.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/texture-background-with-golden-fabric-generative-ai_169016-30538.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
tag="Our DNA"
title="Built for Every Move You Make"
description="At Stagsport, we believe sportswear should feel like a second skin. Our fabrics are engineered for breathability and support so you can push your limits without distraction."
items={[{ icon: "Sparkles", title: "Engineered Fabric", description: "Moisture-wicking, breathable, and ultra-stretchy." }, { icon: "Award", title: "Premium Durability", description: "Squat-proof, high-intensity tested for longevity." }, { icon: "CheckCircle", title: "Perfect Fit", description: "Tailored for women's bodies with anatomical precision." }]}
imageSrc="http://img.b2bpic.net/free-photo/texture-background-with-golden-fabric-generative-ai_169016-30538.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Our Collection"
title="Essential Performance Wear"
description="Shop our best-selling leggings and sports tops, designed to keep you performing at your peak."
items={[
{
title: "Apex Leggings",
description: "High-rise support for maximum performance.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/pensive-curly-haired-woman-carried-rolled-kareamt-bottle-watter-dressed-beige-tracksuit-concentrated-away-stands-near-building_273609-55516.jpg",
},
{
title: "Velocity Top",
description: "Seamless construction for total freedom.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-fit-female-model-rests-after-workout-session_273609-28257.jpg",
},
{
title: "Stag Performance Set",
description: "Complete your look with matching precision.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-weights-with-gym-gloves-sneakers_23-2148523323.jpg",
},
{
title: "Zenith Legging",
description: "Soft-touch fabric that stays in place.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174755.jpg",
},
{
title: "Pro Tank",
description: "Lightweight breathable racerback design.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-break-after-yoga_23-2148343520.jpg",
},
{
title: "Athletic Accessory Pack",
description: "Complete your fitness journey.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-isolated-grey-surface_176420-11911.jpg",
},
{
title: "Ultimate Training Kit",
description: "Engineered for high intensity.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/friends-sportswear-exercising-outdoors_23-2148965020.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
tag="Our Collection"
title="Essential Performance Wear"
description="Shop our best-selling leggings and sports tops, designed to keep you performing at your peak."
items={[{ title: "Apex Leggings", description: "High-rise support for maximum performance.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/pensive-curly-haired-woman-carried-rolled-kareamt-bottle-watter-dressed-beige-tracksuit-concentrated-away-stands-near-building_273609-55516.jpg" }, { title: "Velocity Top", description: "Seamless construction for total freedom.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/pretty-fit-female-model-rests-after-workout-session_273609-28257.jpg" }, { title: "Stag Performance Set", description: "Complete your look with matching precision.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-weights-with-gym-gloves-sneakers_23-2148523323.jpg" }, { title: "Zenith Legging", description: "Soft-touch fabric that stays in place.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174755.jpg" }, { title: "Pro Tank", description: "Lightweight breathable racerback design.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-break-after-yoga_23-2148343520.jpg" }, { title: "Athletic Accessory Pack", description: "Complete your fitness journey.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-isolated-grey-surface_176420-11911.jpg" }, { title: "Ultimate Training Kit", description: "Engineered for high intensity.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/friends-sportswear-exercising-outdoors_23-2148965020.jpg" }]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesDetailedSteps
tag="Why Stagsport?"
title="Experience Unrivaled Comfort"
description="We don't just sell clothes, we provide a foundation for your fitness success. Every piece undergoes rigorous testing to ensure excellence."
steps={[
{
tag: "1",
title: "Advanced Engineering",
subtitle: "Fabric Science",
description: "Our fabrics are custom-developed to resist wear and moisture.",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-white-sportswear-doing-exercises-blue-fitness-mat_613910-6876.jpg",
},
{
tag: "2",
title: "Ergonomic Design",
subtitle: "Anatomic Fit",
description: "Designed by athletes to contour to the feminine silhouette.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-blonde-sportswoman-leans-knees_273609-28273.jpg",
},
{
tag: "3",
title: "Continuous Testing",
subtitle: "Quality Assurance",
description: "Every design is tested in real-world high intensity environments.",
imageSrc: "http://img.b2bpic.net/free-photo/gym-sport-clothing-sports-kit_1303-1752.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
tag="Why Stagsport?"
title="Experience Unrivaled Comfort"
description="We don't just sell clothes, we provide a foundation for your fitness success. Every piece undergoes rigorous testing to ensure excellence."
steps={[{ tag: "1", title: "Advanced Engineering", subtitle: "Fabric Science", description: "Our fabrics are custom-developed to resist wear and moisture.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-white-sportswear-doing-exercises-blue-fitness-mat_613910-6876.jpg" }, { tag: "2", title: "Ergonomic Design", subtitle: "Anatomic Fit", description: "Designed by athletes to contour to the feminine silhouette.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-blonde-sportswoman-leans-knees_273609-28273.jpg" }, { tag: "3", title: "Continuous Testing", subtitle: "Quality Assurance", description: "Every design is tested in real-world high intensity environments.", imageSrc: "http://img.b2bpic.net/free-photo/gym-sport-clothing-sports-kit_1303-1752.jpg" }]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Proven Performance"
title="Numbers That Matter"
description="Our commitment to quality speaks through performance statistics."
metrics={[
{
value: "100k+",
description: "Happy Athletes",
},
{
value: "4.9/5",
description: "Customer Rating",
},
{
value: "24h",
description: "Support Response",
},
{
value: "50+",
description: "Performance Tests",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
tag="Proven Performance"
title="Numbers That Matter"
description="Our commitment to quality speaks through performance statistics."
metrics={[{ value: "100k+", description: "Happy Athletes" }, { value: "4.9/5", description: "Customer Rating" }, { value: "24h", description: "Support Response" }, { value: "50+", description: "Performance Tests" }]}
/>
</SectionErrorBoundary>
</div>
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="As Seen In"
title="Trusted by Fitness Leaders"
names={[
"Fitness Monthly",
"ActiveLife Weekly",
"Women's Health",
"Runner's World",
"Gym Enthusiast",
"Yoga Journal",
"Modern Athletic",
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
tag="As Seen In"
title="Trusted by Fitness Leaders"
description="Trusted by major industry publications."
names={["Fitness Monthly", "ActiveLife Weekly", "Women's Health", "Runner's World", "Gym Enthusiast", "Yoga Journal", "Modern Athletic"]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialOverlayCards
tag="Community Voices"
title="Hear From Our Athletes"
description="Discover why thousands of women trust Stagsport for their fitness journeys."
testimonials={[
{
name: "Sarah Miller",
role: "Crossfit Athlete",
company: "Stagsport Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3031.jpg",
},
{
name: "Elena Rodriguez",
role: "Yoga Instructor",
company: "Zen Yoga",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-business-woman-eyeglasses_627829-6870.jpg",
},
{
name: "Chloe Chen",
role: "Runner",
company: "City Athletics",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-sportive-woman-holding-yoga-mat-standing-rock-canyon_176420-4505.jpg",
},
{
name: "Jessica White",
role: "Personal Trainer",
company: "FitPro Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sportsman-is-holding-weight-plate-gym_613910-16792.jpg",
},
{
name: "Monica Lopez",
role: "Gym Manager",
company: "ActiveStudio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13202.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
tag="Community Voices"
title="Hear From Our Athletes"
description="Discover why thousands of women trust Stagsport for their fitness journeys."
testimonials={[{ name: "Sarah Miller", role: "Crossfit Athlete", company: "Stagsport Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3031.jpg" }, { name: "Elena Rodriguez", role: "Yoga Instructor", company: "Zen Yoga", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-business-woman-eyeglasses_627829-6870.jpg" }, { name: "Chloe Chen", role: "Runner", company: "City Athletics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-sportive-woman-holding-yoga-mat-standing-rock-canyon_176420-4505.jpg" }, { name: "Jessica White", role: "Personal Trainer", company: "FitPro Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sportsman-is-holding-weight-plate-gym_613910-16792.jpg" }, { name: "Monica Lopez", role: "Gym Manager", company: "ActiveStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13202.jpg" }]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Support"
title="Frequently Asked Questions"
description="Get quick answers to all your questions about our products and services."
items={[
{
question: "What is your return policy?",
answer: "We offer a 30-day hassle-free return policy for all unworn gear.",
},
{
question: "Do you offer international shipping?",
answer: "Yes, we ship to over 50 countries worldwide with expedited options.",
},
{
question: "How do I choose my size?",
answer: "Consult our detailed size guide on each product page for precision fitting.",
},
{
question: "Are your leggings squat-proof?",
answer: "Absolutely! Our signature Apex leggings are fully opaque.",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
tag="Support"
title="Frequently Asked Questions"
description="Get quick answers to all your questions about our products and services."
items={[{ question: "What is your return policy?", answer: "We offer a 30-day hassle-free return policy for all unworn gear." }, { question: "Do you offer international shipping?", answer: "Yes, we ship to over 50 countries worldwide with expedited options." }, { question: "How do I choose my size?", answer: "Consult our detailed size guide on each product page for precision fitting." }, { question: "Are your leggings squat-proof?", answer: "Absolutely! Our signature Apex leggings are fully opaque." }]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Start Your Journey"
text="Ready to perform at your best? Join the Stagsport community today."
primaryButton={{
text: "Shop Now",
href: "#products",
}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Start Your Journey"
text="Ready to perform at your best? Join the Stagsport community today."
primaryButton={{ text: "Shop Now", href: "#products" }}
secondaryButton={{ text: "Contact Us", href: "#" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}