329 lines
12 KiB
TypeScript
329 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
|
|
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TeamCardThree from '@/components/sections/team/TeamCardThree';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Users, Zap, Award, TrendingUp, Sparkles, Star, Linkedin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="minimal"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="FitCore Gym"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Programs", id: "features" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Pricing", id: "pricing" }
|
|
]}
|
|
button={{
|
|
text: "Join Now",
|
|
href: "#pricing"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoCarousel
|
|
logoText="FitCore Gym"
|
|
description="Transform your body and mind with our state-of-the-art fitness facility. Expert trainers, world-class equipment, and community support await."
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625118386-uv8g1qze.jpg",
|
|
imageAlt: "Weight training at FitCore Gym"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811918668-h7w5yt0s.jpg",
|
|
imageAlt: "Group fitness class in session"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811919620-7d9ta4wx.jpg",
|
|
imageAlt: "Cardio equipment area"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
|
|
imageAlt: "Strength training zone"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811920637-7ic924av.jpg",
|
|
imageAlt: "Modern gym facility"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAboutCards
|
|
title="Why Choose FitCore"
|
|
description="We combine premium equipment, expert coaching, and a supportive community to help you reach your fitness goals."
|
|
tag="About Us"
|
|
features={[
|
|
{
|
|
id: "personal-training",
|
|
title: "Expert Trainers",
|
|
description: "Certified professionals dedicated to creating personalized workout programs tailored to your goals and fitness level.",
|
|
label: "1-on-1 Sessions"
|
|
},
|
|
{
|
|
id: "facilities",
|
|
title: "Premium Equipment",
|
|
description: "State-of-the-art machines, free weights, and specialty equipment for all training styles and experience levels.",
|
|
label: "Always Updated"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Our Programs"
|
|
description="Choose from diverse fitness programs designed to meet every goal and fitness level."
|
|
tag="Services"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Strength Training",
|
|
description: "Build muscle and increase your lifting capacity with structured resistance programs led by certified coaches.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811921495-nb3rrv1l.jpg",
|
|
imageAlt: "Strength training with weights"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Cardio & Endurance",
|
|
description: "Improve your cardiovascular health with modern equipment and guided training sessions for all fitness levels.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811922500-adv14o8g.jpg",
|
|
imageAlt: "Cardio training and running"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Group Classes",
|
|
description: "Join high-energy group fitness classes including yoga, spin, HIIT, and more in a motivating community setting.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811923393-267n9ey1.jpg",
|
|
imageAlt: "Group fitness class workout"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSix
|
|
title="FitCore Impact"
|
|
description="Real results from our dedicated community of fitness enthusiasts."
|
|
tag="Stats"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "3,500+",
|
|
tag: "Active Members",
|
|
tagIcon: Users,
|
|
title: "Growing Community"
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "150+",
|
|
tag: "Monthly Classes",
|
|
tagIcon: Zap,
|
|
title: "Diverse Programs"
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "15 yrs",
|
|
tag: "Experience",
|
|
tagIcon: Award,
|
|
title: "Industry Leadership"
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "95%",
|
|
tag: "Satisfaction",
|
|
tagIcon: TrendingUp,
|
|
title: "Member Happiness"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Membership Plans"
|
|
description="Choose the perfect membership to fit your fitness journey."
|
|
tag="Pricing"
|
|
plans={[
|
|
{
|
|
id: "monthly",
|
|
badge: "Flexible",
|
|
price: "$49/mo",
|
|
subtitle: "Perfect for getting started",
|
|
buttons: [
|
|
{
|
|
text: "Select Plan",
|
|
href: "#contact"
|
|
}
|
|
],
|
|
features: [
|
|
"Access to all gym facilities",
|
|
"Basic equipment orientation",
|
|
"Open gym hours access",
|
|
"Mobile app membership tracking"
|
|
]
|
|
},
|
|
{
|
|
id: "3month",
|
|
badge: "Popular",
|
|
badgeIcon: Sparkles,
|
|
price: "$129/3 mo",
|
|
subtitle: "Best value commitment",
|
|
buttons: [
|
|
{
|
|
text: "Select Plan",
|
|
href: "#contact"
|
|
}
|
|
],
|
|
features: [
|
|
"All Monthly benefits",
|
|
"2 personal training sessions",
|
|
"Priority class booking",
|
|
"Nutrition consultation"
|
|
]
|
|
},
|
|
{
|
|
id: "annual",
|
|
badge: "Best Savings",
|
|
badgeIcon: Star,
|
|
price: "$449/year",
|
|
subtitle: "Serious fitness commitment",
|
|
buttons: [
|
|
{
|
|
text: "Select Plan",
|
|
href: "#contact"
|
|
}
|
|
],
|
|
features: [
|
|
"All 3-Month benefits",
|
|
"8 personal training sessions",
|
|
"Guest privileges",
|
|
"Exclusive member events",
|
|
"Free fitness assessment"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardThree
|
|
title="Meet Our Trainers"
|
|
description="Expert coaches committed to your fitness success."
|
|
tag="Team"
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Marcus Johnson",
|
|
role: "Strength & Conditioning Coach",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
|
|
imageAlt: "Marcus Johnson",
|
|
socialLinks: [
|
|
{
|
|
icon: Linkedin,
|
|
url: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah Chen",
|
|
role: "Yoga & Flexibility Specialist",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
|
|
imageAlt: "Sarah Chen",
|
|
socialLinks: [
|
|
{
|
|
icon: Linkedin,
|
|
url: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "David Rodriguez",
|
|
role: "HIIT & Cardio Expert",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811924494-jy2wil3n.jpg",
|
|
imageAlt: "David Rodriguez",
|
|
socialLinks: [
|
|
{
|
|
icon: Linkedin,
|
|
url: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Emma Wilson",
|
|
role: "Nutrition & Wellness Coach",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
|
|
imageAlt: "Emma Wilson",
|
|
socialLinks: [
|
|
{
|
|
icon: Linkedin,
|
|
url: "#"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Newsletter"
|
|
title="Stay Motivated"
|
|
description="Subscribe to get weekly workout tips, class schedules, and exclusive member offers delivered to your inbox."
|
|
tagIcon={Zap}
|
|
useInvertedBackground="noInvert"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="FitCore"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |