Initial commit
This commit is contained in:
322
src/app/page.tsx
Normal file
322
src/app/page.tsx
Normal file
@@ -0,0 +1,322 @@
|
||||
"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"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user