Merge version_1 into main #2
271
src/app/page.tsx
271
src/app/page.tsx
@@ -33,40 +33,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Membership", id: "pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="APEX GYM"
|
||||
button={{
|
||||
text: "Get Started", href: "#pricing"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="BEYOND LIMITS. UNLEASH POWER."
|
||||
description="Premium athletic apparel and training gear engineered for peak performance and modern performance athletes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/muscular-young-woman-training-with-ropes_651396-1613.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/muscular-young-woman-training-with-ropes_651396-1613.jpg"
|
||||
imageAlt="Gym performance hero shot"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,7 +68,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="ENGINEERED FOR EXCELLENCE"
|
||||
description="We blend innovative design with high-performance fabrics to create apparel that empowers you during every rep, sprint, and session. Join a global community defined by dedication and progress."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-before-training_23-2147688196.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-before-training_23-2147688196.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -87,29 +79,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Advanced Breathability",
|
||||
descriptions: [
|
||||
"High-tech fibers engineered for rapid moisture evaporation.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-background-with-golden-fabric-generative-ai_169016-30538.jpg",
|
||||
},
|
||||
id: "f1", title: "Advanced Breathability", descriptions: [
|
||||
"High-tech fibers engineered for rapid moisture evaporation."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-background-with-golden-fabric-generative-ai_169016-30538.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Data-Driven Insights",
|
||||
descriptions: [
|
||||
"Sync with our elite training app for real-time body tracking.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-youngster-sitting-stairs-near-water-listening-music-lonely-african-american-man-black-sleeveless-with-green-fitness-tracker-enjoying-music-texting-device_273609-1200.jpg",
|
||||
},
|
||||
id: "f2", title: "Data-Driven Insights", descriptions: [
|
||||
"Sync with our elite training app for real-time body tracking."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-youngster-sitting-stairs-near-water-listening-music-lonely-african-american-man-black-sleeveless-with-green-fitness-tracker-enjoying-music-texting-device_273609-1200.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Professional Support",
|
||||
descriptions: [
|
||||
"Get matched with top-tier coaches focused on your unique goals.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bearded-senior-man-doing-plank-gym-with-his-beautiful-fit-female-trainer-clapping-hands-make-exercise-more-complex-healthy-active-lifestyle-people-age-fitness-concept_343059-4790.jpg",
|
||||
},
|
||||
id: "f3", title: "Professional Support", descriptions: [
|
||||
"Get matched with top-tier coaches focused on your unique goals."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bearded-senior-man-doing-plank-gym-with-his-beautiful-fit-female-trainer-clapping-hands-make-exercise-more-complex-healthy-active-lifestyle-people-age-fitness-concept_343059-4790.jpg"},
|
||||
]}
|
||||
title="OUR PERFORMANCE TECHNOLOGY"
|
||||
description="Cutting-edge materials and data-driven designs designed for the ultimate athlete."
|
||||
@@ -124,59 +104,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Apex",
|
||||
name: "Performance Shorts",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448774.jpg",
|
||||
},
|
||||
id: "p1", brand: "Apex", name: "Performance Shorts", price: "$45", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448774.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Apex",
|
||||
name: "Classic Fit Tee",
|
||||
price: "$35",
|
||||
rating: 5,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-sportsman_1098-19747.jpg",
|
||||
},
|
||||
id: "p2", brand: "Apex", name: "Classic Fit Tee", price: "$35", rating: 5,
|
||||
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/confident-sportsman_1098-19747.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Apex",
|
||||
name: "Pro Lifting Straps",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-equipment-with-christmas-theme-decorations_23-2149564374.jpg",
|
||||
},
|
||||
id: "p3", brand: "Apex", name: "Pro Lifting Straps", price: "$25", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/workout-equipment-with-christmas-theme-decorations_23-2149564374.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Apex",
|
||||
name: "Steel Water Bottle",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-unrecognizable-woman-dressed-sportswear-holds-sporty-bottle-fresh-water-wears-smartwatch-feels-thirsty-after-cardio-training-stands-outdoors-against-blurred-background_273609-59134.jpg",
|
||||
},
|
||||
id: "p4", brand: "Apex", name: "Steel Water Bottle", price: "$20", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-unrecognizable-woman-dressed-sportswear-holds-sporty-bottle-fresh-water-wears-smartwatch-feels-thirsty-after-cardio-training-stands-outdoors-against-blurred-background_273609-59134.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Apex",
|
||||
name: "Resistance Bands",
|
||||
price: "$30",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-woman-gym-training_23-2148353052.jpg",
|
||||
},
|
||||
id: "p5", brand: "Apex", name: "Resistance Bands", price: "$30", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-woman-gym-training_23-2148353052.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Apex",
|
||||
name: "Training Hoodie",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-fit-woman-with-wavy-texts_23-2150169195.jpg",
|
||||
},
|
||||
id: "p6", brand: "Apex", name: "Training Hoodie", price: "$65", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-fit-woman-with-wavy-texts_23-2150169195.jpg"},
|
||||
]}
|
||||
title="ELITE GEAR"
|
||||
description="Essential training gear for your next personal record."
|
||||
@@ -190,55 +134,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Essential",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Standard Gym Access",
|
||||
"Group Classes",
|
||||
"Locker Room",
|
||||
],
|
||||
id: "basic", title: "Essential", price: "$29", period: "/mo", features: [
|
||||
"Standard Gym Access", "Group Classes", "Locker Room"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-woman-practicing-gymnastics_23-2150918093.jpg",
|
||||
imageAlt: "Athletic woman practicing gymnastics",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-woman-practicing-gymnastics_23-2150918093.jpg", imageAlt: "Athletic woman practicing gymnastics"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Athlete Pro",
|
||||
price: "$59",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Full Gym Access",
|
||||
"Priority Support",
|
||||
"App Sync",
|
||||
"1-on-1 Coaching Session",
|
||||
],
|
||||
id: "pro", title: "Athlete Pro", price: "$59", period: "/mo", features: [
|
||||
"Full Gym Access", "Priority Support", "App Sync", "1-on-1 Coaching Session"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-young-woman-training-with-ropes_651396-1613.jpg?_wi=2",
|
||||
imageAlt: "Athletic woman practicing gymnastics",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-young-woman-training-with-ropes_651396-1613.jpg", imageAlt: "Athletic woman practicing gymnastics"},
|
||||
{
|
||||
id: "elite",
|
||||
title: "Champion",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"24/7 Priority Access",
|
||||
"Unlimited PT",
|
||||
"Recovery Suite",
|
||||
"Personalized Meal Plan",
|
||||
],
|
||||
id: "elite", title: "Champion", price: "$99", period: "/mo", features: [
|
||||
"24/7 Priority Access", "Unlimited PT", "Recovery Suite", "Personalized Meal Plan"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-before-training_23-2147688196.jpg?_wi=2",
|
||||
imageAlt: "Athletic woman practicing gymnastics",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-before-training_23-2147688196.jpg", imageAlt: "Athletic woman practicing gymnastics"},
|
||||
]}
|
||||
title="CHOOSE YOUR TRAINING PATH"
|
||||
description="Access elite equipment and world-class coaching to elevate your game."
|
||||
@@ -253,25 +165,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Active Members",
|
||||
description: "Global performance community.",
|
||||
icon: Users,
|
||||
id: "m1", value: "50K+", title: "Active Members", description: "Global performance community.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
title: "Successful Lifts",
|
||||
description: "Tracked workouts completed.",
|
||||
icon: Activity,
|
||||
id: "m2", value: "1M+", title: "Successful Lifts", description: "Tracked workouts completed.", icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "User Rating",
|
||||
description: "Consistently rated elite.",
|
||||
icon: Star,
|
||||
id: "m3", value: "4.9", title: "User Rating", description: "Consistently rated elite.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="OUR IMPACT"
|
||||
@@ -285,55 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Thorne",
|
||||
date: "Jan 2024",
|
||||
title: "Elite Athlete",
|
||||
quote: "The gear is unmatched. Truly performance-focused quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strong-man-pulling-rope_23-2147671924.jpg",
|
||||
},
|
||||
id: "1", name: "Marcus Thorne", date: "Jan 2024", title: "Elite Athlete", quote: "The gear is unmatched. Truly performance-focused quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg", imageSrc: "http://img.b2bpic.net/free-photo/strong-man-pulling-rope_23-2147671924.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Feb 2024",
|
||||
title: "Pro Runner",
|
||||
quote: "Absolutely obsessed with the fit and durability of the apparel.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-with-serious-confident-expression-with-arms-crossed-standing-white-background_141793-118126.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-runner-stretching_23-2148274776.jpg",
|
||||
},
|
||||
id: "2", name: "Elena Rodriguez", date: "Feb 2024", title: "Pro Runner", quote: "Absolutely obsessed with the fit and durability of the apparel.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-with-serious-confident-expression-with-arms-crossed-standing-white-background_141793-118126.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-runner-stretching_23-2148274776.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Kim",
|
||||
date: "Mar 2024",
|
||||
title: "Powerlifter",
|
||||
quote: "Increased my lifting efficiency by 15% with the new straps.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-afro-american-sports-man-looking-camera_171337-8256.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-exercising-with-barbell-cross-training-health-club_637285-2500.jpg",
|
||||
},
|
||||
id: "3", name: "David Kim", date: "Mar 2024", title: "Powerlifter", quote: "Increased my lifting efficiency by 15% with the new straps.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/serious-afro-american-sports-man-looking-camera_171337-8256.jpg", imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-exercising-with-barbell-cross-training-health-club_637285-2500.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
date: "Apr 2024",
|
||||
title: "Bodybuilder",
|
||||
quote: "Professional quality gear that lasts through intense sessions.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/strong-muscular-middle-age-man-posing-studio-isolated-grey_613910-979.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-built-man-lifting-dumbbells_23-2147688198.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Miller", date: "Apr 2024", title: "Bodybuilder", quote: "Professional quality gear that lasts through intense sessions.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/strong-muscular-middle-age-man-posing-studio-isolated-grey_613910-979.jpg", imageSrc: "http://img.b2bpic.net/free-photo/well-built-man-lifting-dumbbells_23-2147688198.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jason Wu",
|
||||
date: "May 2024",
|
||||
title: "Fitness Coach",
|
||||
quote: "My go-to brand for all my private training clients.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-gym_23-2149445949.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-practicing-interval-workout-stairs_158595-5947.jpg",
|
||||
},
|
||||
id: "5", name: "Jason Wu", date: "May 2024", title: "Fitness Coach", quote: "My go-to brand for all my private training clients.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-gym_23-2149445949.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-practicing-interval-workout-stairs_158595-5947.jpg"},
|
||||
]}
|
||||
title="WHAT OUR ATHLETES SAY"
|
||||
description="Hear directly from those who push their boundaries daily."
|
||||
@@ -344,14 +204,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="READY TO START YOUR PERFORMANCE JOURNEY?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -362,29 +219,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Membership", href: "#pricing"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user