184 lines
8.7 KiB
TypeScript
184 lines
8.7 KiB
TypeScript
"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';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
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';
|
|
|
|
export default function Home() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
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" }
|
|
]}
|
|
button={{ text: "Start Your Trial", href: "testimonials" }}
|
|
/>
|
|
</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"
|
|
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" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="wod" data-section="wod">
|
|
<FeatureBorderGlow
|
|
title="Workout of the Day"
|
|
description="Daily programming designed to build strength, power, and endurance"
|
|
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" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Training Programs"
|
|
tagIcon={Zap}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
title="Choose Your Plan"
|
|
description="Flexible membership options for every athlete"
|
|
plans={[
|
|
{
|
|
id: "1", badge: "Starter", price: "$99/mo", subtitle: "Perfect for beginners", features: [
|
|
"Unlimited classes", "Community access", "Member locker", "Monthly assessment"
|
|
]
|
|
},
|
|
{
|
|
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: "3", badge: "Elite", price: "$199/mo", subtitle: "For competitive athletes", features: [
|
|
"Everything in Pro", "1-on-1 coaching", "Competition prep", "Exclusive events", "VIP support"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
title="Equipment Gallery"
|
|
description="Explore our premium facility and equipment"
|
|
gridVariant="uniform-all-items-equal"
|
|
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" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Members Say"
|
|
description="Real stories from athletes who transformed their fitness journey"
|
|
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: "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: "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"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</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"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Iron Pulse"
|
|
columns={[
|
|
{
|
|
title: "Platform", items: [
|
|
{ label: "Classes", href: "wod" },
|
|
{ label: "Pricing", href: "pricing" },
|
|
{ label: "3D Tour", href: "/gym-3d" }
|
|
]
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "Members", href: "testimonials" },
|
|
{ label: "Events", href: "testimonials" },
|
|
{ label: "Blog", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "/" },
|
|
{ label: "Contact", href: "testimonials" },
|
|
{ label: "Careers", href: "/" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Iron Pulse. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|