From 678ab1cbf09a45f64c85ee89fefa9db3f4d3e81d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 13 Jun 2026 20:57:46 +0000
Subject: [PATCH] Switch to version 1: modified src/pages/HomePage.tsx

---
 src/pages/HomePage.tsx | 175 ++++++++++++++++++++++++++++++++++++-----
 1 file changed, 157 insertions(+), 18 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 95baa71..217db65 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,27 +1,166 @@
-// 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.
+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 TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 
-import React from 'react';
-import HeroSection from './HomePage/sections/Hero';
-import FeaturedSection from './HomePage/sections/Featured';
-import TestimonialsSection from './HomePage/sections/Testimonials';
-import FaqSectionSection from './HomePage/sections/FaqSection';
-import ContactCtaSection from './HomePage/sections/ContactCta';
-
-export default function HomePage(): React.JSX.Element {
+export default function HomePage() {
   return (
-<>
-  <HeroSection />
+    <>
+  <div id="hero" data-section="hero">
+    <SectionErrorBoundary name="hero">
+          <HeroBrand
+      brand="Apex Athletics"
+      description="Built for Performance. Designed for Everyday."
+      primaryButton={{
+        text: "Shop Shorts",
+        href: "/shop",
+      }}
+      secondaryButton={{
+        text: "Learn More",
+        href: "/about",
+      }}
+      imageSrc="http://img.b2bpic.net/free-photo/man-athletic-wear-posing-stairs-outdoors_23-2148773867.jpg"
+    />
+    </SectionErrorBoundary>
+  </div>
 
-  <FeaturedSection />
+  <div id="featured" data-section="featured">
+    <SectionErrorBoundary name="featured">
+          <FeaturesImageBento
+      tag="Collection"
+      title="Built for Performance"
+      description="Engineered with four-way stretch fabric and sweat-wicking technology to keep you moving."
+      items={[
+        {
+          title: "5-Inch Inseam",
+          description: "Designed for range of motion.",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg",
+        },
+        {
+          title: "Sweat-Wicking",
+          description: "Stay dry during intense sessions.",
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-lifting-dumbbells-road_23-2147775512.jpg",
+        },
+        {
+          title: "Hidden Pockets",
+          description: "Secure storage for your essentials.",
+          imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-shorts-fruits_23-2147750737.jpg",
+        },
+        {
+          title: "Precision Fit",
+          description: "Contours to your physique.",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-with-closed-eyes_176420-3995.jpg",
+        },
+        {
+          title: "Performance Fabric",
+          description: "Lightweight and durable.",
+          imageSrc: "http://img.b2bpic.net/free-photo/sportswoman_23-2148023661.jpg",
+        },
+        {
+          title: "Four-Way Stretch",
+          description: "Ultimate mobility in every move.",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-gym-suit-indoors_23-2148267255.jpg",
+        },
+        {
+          title: "Everyday Comfort",
+          description: "From gym to the street.",
+          imageSrc: "http://img.b2bpic.net/free-photo/fruits-near-shorts_23-2147750735.jpg",
+        },
+      ]}
+    />
+    </SectionErrorBoundary>
+  </div>
 
-  <TestimonialsSection />
+  <div id="testimonials" data-section="testimonials">
+    <SectionErrorBoundary name="testimonials">
+          <TestimonialOverlayCards
+      tag="Reviews"
+      title="What Our Athletes Say"
+      description="Hear from thousands of athletes performing at their best."
+      testimonials={[
+        {
+          name: "Alex R.",
+          role: "Crossfit Athlete",
+          company: "Elite Gains",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-redhead-model-man-flannel-shirt-gray-background_613910-19110.jpg",
+        },
+        {
+          name: "Marcus B.",
+          role: "Bodybuilder",
+          company: "Iron Mind",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
+        },
+        {
+          name: "David L.",
+          role: "Running Enthusiast",
+          company: "RunFast",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-623.jpg",
+        },
+        {
+          name: "Sam T.",
+          role: "Personal Trainer",
+          company: "FitLab",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
+        },
+        {
+          name: "Chris J.",
+          role: "Powerlifter",
+          company: "MaxStrength",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-sportswear-resting-bench-fitness_1153-9779.jpg",
+        },
+      ]}
+    />
+    </SectionErrorBoundary>
+  </div>
 
-  <FaqSectionSection />
+  <div id="faq-section" data-section="faq-section">
+    <SectionErrorBoundary name="faq-section">
+          <FaqTabbedAccordion
+      tag="Support"
+      title="Frequently Asked Questions"
+      description="Have questions? We have answers."
+      categories={[
+        {
+          name: "General",
+          items: [
+            {
+              question: "What is the return policy?",
+              answer: "We offer a 30-day return policy on all unworn items.",
+            },
+            {
+              question: "Are these shorts sweat-wicking?",
+              answer: "Yes, our proprietary fabric wicks moisture away instantly.",
+            },
+          ],
+        },
+      ]}
+    />
+    </SectionErrorBoundary>
+  </div>
 
-  <ContactCtaSection />
+  <div id="contact-cta" data-section="contact-cta">
+    <SectionErrorBoundary name="contact-cta">
+          <ContactCta
+      tag="Join Us"
+      text="Join the community. Sign up for exclusive drops."
+      primaryButton={{
+        text: "Newsletter Signup",
+        href: "/contact",
+      }}
+      secondaryButton={{
+        text: "Contact Support",
+        href: "/contact",
+      }}
+    />
+    </SectionErrorBoundary>
+  </div>
     </>
   );
 }