bender/3f2ead6d-8a2b-46e6-ba7c-e630f117126a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-04 18:55:30 +00:00
parent e2d3bbb4d0
commit f808026c6d
1 changed files with 176 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
src/app/page.tsx
View File

@@ -1,6 +1,5 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
@@ -9,143 +8,238 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import Link from 'next/link';
import { Zap, Package, Trophy, Users } from 'lucide-react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Camera, DollarSign, Flame, Quote, Target, Trophy, TrendingUp, Users, Zap } from 'lucide-react';
export default function Home() {
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Iron Pulse"
navItems={[
{ name: "Home", id: "/" },
{ name: "WOD", id: "wod" },
{ name: "Pricing", id: "pricing" },
{ name: "Gallery", id: "gallery" },
{ name: "Testimonials", id: "testimonials" },
{ name: "3D Tour", id: "/gym-3d" }
{ name: "Gym 3D", id: "/gym-3d" }
]}
button={{ text: "Start Your Trial", href: "testimonials" }}
button={{ text: "Start Your Trial", href: "contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Welcome to Iron Pulse"
description="Experience elite CrossFit training with state-of-the-art equipment and expert coaching"
background={{ variant: "sparkles-gradient" }}
tag="Peak Performance"
title="Forge Your Strength"
description="High-intensity CrossFit training built for athletes who refuse to quit. See today's WOD and claim your spot in our community"
tag="Elite Coaching"
tagIcon={Zap}
buttons={[{ text: "Start Your Trial", href: "/gym-3d" }, { text: "Learn More", href: "wod" }]}
mediaItems={[
{ imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Gym facility" },
{ imageSrc: "/placeholders/placeholder2.webp", imageAlt: "CrossFit training" },
{ imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Athlete performance" }
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Start Your Trial", href: "contact" },
{ text: "View Today's WOD", href: "wod" }
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=1", imageAlt: "CrossFit WOD Challenge"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-doing-sled-push-exercise-shouting-sports-training-gym-while-her-friend-is-watching-her_637285-917.jpg", imageAlt: "Iron Pulse Gym Interior"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-training-with-barbell-black-background_176420-55840.jpg", imageAlt: "Athlete in Action"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-working-out-with-battle-ropes-gym_342744-4.jpg", imageAlt: "Rope Climbing Challenge"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-push-up-exercise-with-dumbbell-crossfit-gym_639032-2657.jpg", imageAlt: "Kettlebell Power Movement"
}
]}
ariaLabel="Iron Pulse CrossFit Hero Section"
containerClassName="w-full"
titleClassName="text-5xl md:text-7xl font-bold tracking-tight"
descriptionClassName="text-lg md:text-xl text-foreground/90"
/>
</div>
<div id="wod" data-section="wod">
<FeatureBorderGlow
title="Workout of the Day"
description="Daily programming designed to build strength, power, and endurance"
title="Today's WOD"
description="Intense, scalable programming designed for all levels. Push your limits and track your performance"
tag="Daily Challenge"
tagIcon={Flame}
tagAnimation="slide-up"
features={[
{ icon: Trophy, title: "Strength & Power", description: "Olympic lifting and gymnastics movements" },
{ icon: Zap, title: "Metabolic Conditioning", description: "High-intensity interval training" },
{ icon: Users, title: "Community Support", description: "Train alongside passionate athletes" },
{ icon: Package, title: "Personalized Plans", description: "Customized coaching for your goals" }
{
icon: Flame,
title: "Benchmark Workouts", description: "Proven exercises tested by elite athletes worldwide. Compare your scores and push harder each time"
},
{
icon: Zap,
title: "Scalable Programming", description: "Every workout scales for beginners to competitive athletes. No one left behind, everyone challenged"
},
{
icon: Target,
title: "Real-Time Tracking", description: "Log your lifts, times, and progress instantly. Watch your improvements week after week"
},
{
icon: Users,
title: "Community Leaderboards", description: "Compete with your crew. Daily scores keep the energy high and motivation flowing"
},
{
icon: TrendingUp,
title: "Performance Metrics", description: "Detailed analytics show your strengths and areas for growth. Data-driven coaching"
},
{
icon: Award,
title: "Monthly Challenges", description: "Special competitions with prizes. Push beyond limits and earn recognition"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tag="Training Programs"
tagIcon={Zap}
buttons={[{ text: "View Full Schedule", href: "#" }]}
buttonAnimation="slide-up"
ariaLabel="Daily WOD Features Section"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Choose Your Plan"
description="Flexible membership options for every athlete"
title="Membership Plans"
description="Choose your commitment level. All plans include full access to classes, programming, and community"
tag="Transparent Pricing"
tagIcon={Camera}
tagAnimation="slide-up"
plans={[
{
id: "1", badge: "Starter", price: "$99/mo", subtitle: "Perfect for beginners", features: [
"Unlimited classes", "Community access", "Member locker", "Monthly assessment"
]
id: "drop-in", badge: "Pay As You Go", price: "$25", subtitle: "Single class access", features: ["1 drop-in class", "Full facility access", "No commitment", "Valid for 30 days"],
badgeIcon: Zap
},
{
id: "2", badge: "Most Popular", badgeIcon: Trophy,
price: "$149/mo", subtitle: "Best for serious athletes", features: [
"Unlimited classes", "Personal coaching", "Nutrition guidance", "Performance tracking", "Priority booking"
]
id: "unlimited-monthly", badge: "Most Popular", price: "$149", subtitle: "Unlimited monthly membership", features: ["Unlimited classes", "Daily WOD access", "Community leaderboards", "Coaching support", "Progress tracking"],
badgeIcon: Award
},
{
id: "3", badge: "Elite", price: "$199/mo", subtitle: "For competitive athletes", features: [
"Everything in Pro", "1-on-1 coaching", "Competition prep", "Exclusive events", "VIP support"
]
id: "elite-coaching", badge: "Elite Athletes", price: "$249", subtitle: "1-on-1 coaching program", features: ["Unlimited classes", "1-on-1 coaching sessions", "Custom programming", "Monthly performance review", "Priority support", "Comp prep optional"],
badgeIcon: Trophy
},
{
id: "team-package", badge: "Teams", price: "$999", subtitle: "5-person team membership", features: ["5 unlimited memberships", "Team leaderboards", "Group coaching sessions", "Team challenge events", "Dedicated account manager"],
badgeIcon: Users
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Get Started", href: "contact" }]}
buttonAnimation="slide-up"
ariaLabel="Membership Pricing Section"
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
title="Equipment Gallery"
description="Explore our premium facility and equipment"
gridVariant="uniform-all-items-equal"
title="Athlete & Equipment Gallery"
description="Meet our community. See the strength, technique, and intensity that defines Iron Pulse"
tag="Our People"
tagIcon={Camera}
tagAnimation="slide-up"
products={[
{
id: "athlete-1", name: "Sarah Chen - Competitor", price: "4x Regional Champion", imageSrc: "http://img.b2bpic.net/free-photo/crossfit-exercise-performed-by-strong-woman-with-rope_1098-18892.jpg?_wi=1", imageAlt: "Sarah Chen CrossFit Athlete"
},
{
id: "athlete-2", name: "Marcus Rodriguez - Elite", price: "2x Games Qualifier", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=2", imageAlt: "Marcus Rodriguez CrossFit Athlete"
},
{
id: "athlete-3", name: "Community Group", price: "50+ Active Members", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289964.jpg?_wi=1", imageAlt: "Iron Pulse Community Training"
},
{
id: "equipment-1", name: "Competition Barbells", price: "Rogue & Eleiko", imageSrc: "http://img.b2bpic.net/free-photo/exercise-weights-iron-dumbbell-with-extra-plates_1423-222.jpg?_wi=1", imageAlt: "Competition Grade Barbells"
},
{
id: "equipment-2", name: "Gymnastics Rig", price: "Full Olympic Rings", imageSrc: "http://img.b2bpic.net/free-photo/sports-suspension-straps-foreground-two-fitness-girls-talking-background-modern-gym_613910-20354.jpg", imageAlt: "Gymnastics Training Rig"
},
{
id: "equipment-3", name: "Strength Station", price: "Power Racks & Dumbbells", imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-61685.jpg", imageAlt: "Strength Training Equipment"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", name: "Olympic Barbells", price: "Competition Grade", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Olympic barbells" },
{ id: "2", name: "Gymnastics Rig", price: "Full Equipment", imageSrc: "/placeholders/placeholder2.webp", imageAlt: "Gymnastics rig" },
{ id: "3", name: "Dumbbells Set", price: "5-150 lbs", imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Dumbbell set" }
]}
ariaLabel="Athlete and Equipment Gallery Section"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="What Our Members Say"
description="Real stories from athletes who transformed their fitness journey"
title="What Our Athletes Say"
description="Real stories from real people. This is why Iron Pulse is more than a gym—it's a family"
tag="Testimonials"
tagIcon={Quote}
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Sarah Johnson", date: "January 2025", title: "Competitive Athlete", quote: "Iron Pulse changed my entire approach to training. The coaching is exceptional and the community is incredibly supportive.", tag: "Athlete", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder2.webp"
id: "1", name: "Jessica Miller, Marketing Executive", date: "Date: 15 November 2024", title: "Transformed My Life", quote: "I walked in terrified of being the weakest in the room. The coaches met me where I was and pushed me to places I never thought possible. Six months later, I'm doing handstand walks and feel stronger than ever.", tag: "Beginner to Strong", avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", avatarAlt: "Jessica Miller", imageSrc: "http://img.b2bpic.net/free-photo/crossfit-exercise-performed-by-strong-woman-with-rope_1098-18892.jpg?_wi=2", imageAlt: "Jessica Training"
},
{
id: "2", name: "Mike Chen", date: "December 2024", title: "Fitness Coach", quote: "Best gym facility I've trained at. The equipment quality and programming are top-notch.", tag: "Coach", avatarSrc: "/placeholders/placeholder2.webp", imageSrc: "/placeholders/placeholder3.webp"
id: "2", name: "David Thompson, Software Engineer", date: "Date: 20 October 2024", title: "Elite Coaching Changed Everything", quote: "I was plateauing in my training. The 1-on-1 coaching program identified my weaknesses and built a custom program. I'm now hitting PRs I didn't think were possible.", tag: "Elite Athlete", avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", avatarAlt: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=3", imageAlt: "David Lifting"
},
{
id: "3", name: "Emma Rodriguez", date: "November 2024", title: "CrossFit Enthusiast", quote: "Found my fitness family at Iron Pulse. The welcoming atmosphere makes every workout motivating.", tag: "Member", avatarSrc: "/placeholders/placeholder3.webp", imageSrc: "/placeholders/placeholder1.webp"
id: "3", name: "Amanda Reyes, Teacher", date: "Date: 8 November 2024", title: "Community Is Everything", quote: "The energy at Iron Pulse is unmatched. Yes, the workouts are brutal, but the people pushing you and celebrating with you make it worth every rep. I've made genuine friends here.", tag: "Community", avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", avatarAlt: "Amanda Reyes", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289964.jpg?_wi=2", imageAlt: "Amanda with Community"
},
{
id: "4", name: "Chris Walker, Finance", date: "Date: 25 October 2024", title: "Results Speak Louder", quote: "I got serious about my fitness and Iron Pulse delivered. The programming is smart, the coaching is exceptional, and my body composition changed in weeks. This is the real deal.", tag: "Transformation", avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", avatarAlt: "Chris Walker", imageSrc: "http://img.b2bpic.net/free-photo/exercise-weights-iron-dumbbell-with-extra-plates_1423-222.jpg?_wi=2", imageAlt: "Chris Training Hard"
},
{
id: "5", name: "Lauren Kim, Athlete", date: "Date: 12 November 2024", title: "Competitive Edge", quote: "I came to Iron Pulse to prep for regionals. The competitive environment and knowledgeable coaches pushed me to my limits. I qualified and placed top 10 at the regional.", tag: "Competitive", avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", avatarAlt: "Lauren Kim", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=4", imageAlt: "Lauren Competing"
},
{
id: "6", name: "Mike Torres, Sales Director", date: "Date: 3 November 2024", title: "Worth Every Dollar", quote: "Investment in yourself always pays dividends. The elite coaching membership turned my fitness around completely. Best money I've spent.", tag: "Investment", avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", avatarAlt: "Mike Torres", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289964.jpg?_wi=3", imageAlt: "Mike Training"
}
]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Testimonials Section"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Top Athletes"
description="Join thousands of athletes who have transformed their fitness"
names={["CrossFit Affiliates", "Olympic Athletes", "Fitness Coaches", "Health Professionals", "Sports Teams"]}
title="Trusted by Elite Athletes"
description="Partnered with top fitness brands and featured in major competition circuits"
tag="Featured In"
tagIcon={Trophy}
tagAnimation="slide-up"
names={[
"CrossFit Games Official Box", "USA Weightlifting Certified", "NASM Coaching Partner", "Regional Competition Host", "Elite Training Network", "Fitness Equipment Sponsor", "Athlete Development Program", "Competition Prep Certified"
]}
logos={[
"http://img.b2bpic.net/free-vector/typography-logo-template_23-2150529526.jpg", "http://img.b2bpic.net/free-vector/flat-logos-collection-pickleball_23-2150220607.jpg", "http://img.b2bpic.net/free-vector/future-leaders-marketing-school-template_742173-33274.jpg", "http://img.b2bpic.net/free-vector/athletes-logo-design_742173-20650.jpg", "http://img.b2bpic.net/free-vector/abstract-silhouette-sport-logo-flat-design_23-2148220451.jpg", "http://img.b2bpic.net/free-vector/green-gym-insignias_23-2147519756.jpg", "http://img.b2bpic.net/free-vector/typography-logo-template_23-2150529526.jpg", "http://img.b2bpic.net/free-vector/typography-logo-template_23-2150529526.jpg"
]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
showCard={true}
buttonAnimation="slide-up"
ariaLabel="Social Proof Section"
/>
</div>
@@ -154,28 +248,40 @@ export default function Home() {
logoText="Iron Pulse"
columns={[
{
title: "Platform", items: [
{ label: "Classes", href: "wod" },
{ label: "Pricing", href: "pricing" },
{ label: "3D Tour", href: "/gym-3d" }
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "Today's WOD", href: "#wod" },
{ label: "Pricing", href: "#pricing" },
{ label: "Gallery", href: "#gallery" }
]
},
{
title: "Community", items: [
{ label: "Members", href: "testimonials" },
{ label: "Events", href: "testimonials" },
{ label: "Blog", href: "testimonials" }
{ label: "Testimonials", href: "#testimonials" },
{ label: "Athletes", href: "#gallery" },
{ label: "Events", href: "#" },
{ label: "Leaderboards", href: "#" }
]
},
{
title: "Training", items: [
{ label: "Programming", href: "#wod" },
{ label: "Coaching", href: "#pricing" },
{ label: "Class Schedule", href: "#" },
{ label: "Facility Tour", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About", href: "/" },
{ label: "Contact", href: "testimonials" },
{ label: "Careers", href: "/" }
{ label: "About Us", href: "#" },
{ label: "Contact", href: "#contact" },
{ label: "Join Team", href: "#" },
{ label: "Gym 3D", href: "/gym-3d" }
]
}
]}
copyrightText="© 2025 Iron Pulse. All rights reserved."
copyrightText="© 2025 Iron Pulse CrossFit. All rights reserved. Forged in intensity. Built by community."
ariaLabel="Site Footer"
/>
</div>
</ThemeProvider>