Switch to version 1: modified src/pages/HomePage.tsx
This commit is contained in:
@@ -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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user