Merge version_2 into main #2
@@ -1,72 +1,15 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactForm from "@/components/form/ContactForm";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Zap,
|
||||
Users,
|
||||
Award,
|
||||
Dumbbell,
|
||||
Target,
|
||||
Sparkles,
|
||||
CreditCard,
|
||||
Heart,
|
||||
HelpCircle,
|
||||
} from "lucide-react";
|
||||
import { Calendar, Users, Clock, Zap, Target, Heart } from "lucide-react";
|
||||
|
||||
export default function ClassesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Classes", id: "classes" },
|
||||
{ name: "Trainers", id: "trainers" },
|
||||
{ name: "Membership", id: "membership" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Membership",
|
||||
items: [
|
||||
{ label: "Plans & Pricing", href: "/" },
|
||||
{ label: "Classes", href: "/classes" },
|
||||
{ label: "Trainers", href: "/" },
|
||||
{ label: "Facilities", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact Us", href: "#" },
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Membership FAQs", href: "#" },
|
||||
{ label: "Feedback", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -83,102 +26,72 @@ export default function ClassesPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="FitForce Gym"
|
||||
navItems={navItems}
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Classes", id: "classes" },
|
||||
{ name: "Trainers", id: "trainers" },
|
||||
{ name: "Membership", id: "membership" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "/membership",
|
||||
}}
|
||||
text: "Join Now", href: "/membership"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
|
||||
<HeroOverlay
|
||||
title="Discover Our Premium Fitness Classes"
|
||||
description="From high-intensity cardio to relaxing yoga sessions, we offer a diverse range of classes led by certified instructors designed to challenge and inspire you."
|
||||
tag="Class Schedule"
|
||||
tagIcon={Sparkles}
|
||||
title="Book Your Fitness Classes"
|
||||
description="Discover our wide range of high-energy group classes designed to challenge, motivate, and transform. From HIIT to Yoga, find the perfect class for your fitness level."
|
||||
tag="Class Booking System"
|
||||
tagIcon={Calendar}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Schedule",
|
||||
href: "#",
|
||||
},
|
||||
text: "View All Classes", href: "#classes"},
|
||||
{
|
||||
text: "Join a Class",
|
||||
href: "/membership",
|
||||
},
|
||||
text: "Become a Member", href: "/membership"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=2"
|
||||
imageAlt="Fitness class in session"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-athletic-people-doing-exercises_23-2149825191.jpg"
|
||||
imageAlt="Group fitness class in action"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
ariaLabel="Classes hero section"
|
||||
ariaLabel="Hero section for class booking"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="classes-offerings" data-section="classes-offerings">
|
||||
<div id="classes" data-section="classes" className="mx-auto px-4 md:px-6">
|
||||
<FeatureCardTwentySeven
|
||||
title="Our Diverse Class Offerings"
|
||||
description="Experience a variety of fitness classes tailored to all experience levels and goals"
|
||||
tag="Available Classes"
|
||||
tagIcon={Target}
|
||||
title="Our Class Schedule"
|
||||
description="Choose from our diverse selection of fitness classes available throughout the week"
|
||||
tag="Weekly Classes"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "hiit",
|
||||
title: "HIIT Training",
|
||||
descriptions: [
|
||||
"High-intensity interval training sessions",
|
||||
"Burn maximum calories in minimum time",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells-bar_23-2148801858.jpg?_wi=2",
|
||||
},
|
||||
id: "hiit", title: "HIIT Bootcamp", descriptions: [
|
||||
"High-Intensity Interval Training", "Monday & Wednesday: 6:00 PM", "Saturday: 9:00 AM", "Duration: 45 minutes | All Levels"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=1"},
|
||||
{
|
||||
id: "yoga",
|
||||
title: "Vinyasa & Power Yoga",
|
||||
descriptions: [
|
||||
"Flow-based and strength-building yoga practices",
|
||||
"Improve flexibility and mental clarity",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-teacher-teaching-class_23-2148925784.jpg?_wi=2",
|
||||
},
|
||||
id: "spin", title: "Spin & Cardio", descriptions: [
|
||||
"Indoor Cycling with Music & Energy", "Tuesday & Thursday: 5:30 PM", "Sunday: 10:00 AM", "Duration: 50 minutes | Beginner to Advanced"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=1"},
|
||||
{
|
||||
id: "spinning",
|
||||
title: "Indoor Cycling",
|
||||
descriptions: [
|
||||
"Energetic group cycling sessions with rhythm",
|
||||
"Low-impact cardio with high motivation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=3",
|
||||
},
|
||||
id: "yoga", title: "Yoga Flow", descriptions: [
|
||||
"Flexibility & Mindfulness", "Monday, Wednesday & Friday: 7:00 AM", "Saturday: 5:00 PM", "Duration: 60 minutes | All Levels"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-teacher-teaching-class_23-2148925784.jpg?_wi=1"},
|
||||
{
|
||||
id: "pilates",
|
||||
title: "Pilates & Core",
|
||||
descriptions: [
|
||||
"Controlled movements for core strength",
|
||||
"Build lean muscle and improve posture",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=2",
|
||||
},
|
||||
id: "strength", title: "Strength & Conditioning", descriptions: [
|
||||
"Build Muscle & Endurance", "Tuesday & Thursday: 6:30 PM", "Saturday: 11:00 AM", "Duration: 55 minutes | Intermediate to Advanced"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells-bar_23-2148801858.jpg?_wi=1"},
|
||||
{
|
||||
id: "crossfit",
|
||||
title: "Functional Fitness",
|
||||
descriptions: [
|
||||
"Compound movements for full-body strength",
|
||||
"Community-driven group challenges",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=2",
|
||||
},
|
||||
id: "zumba", title: "Zumba Dance Fitness", descriptions: [
|
||||
"Fun Cardio Through Dance", "Wednesday & Friday: 6:00 PM", "Sunday: 4:00 PM", "Duration: 45 minutes | All Levels"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=1"},
|
||||
{
|
||||
id: "zumba",
|
||||
title: "Dance Cardio",
|
||||
descriptions: [
|
||||
"Fun and energetic dance fitness sessions",
|
||||
"Improve coordination while burning calories",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-yoga-fitness-pregnancy_146671-15801.jpg?_wi=2",
|
||||
},
|
||||
id: "pilates", title: "Pilates Core", descriptions: [
|
||||
"Core Strength & Stability", "Monday & Friday: 5:30 PM", "Saturday: 8:00 AM", "Duration: 50 minutes | All Levels"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-yoga-fitness-pregnancy_146671-15801.jpg?_wi=1"},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
@@ -186,74 +99,68 @@ export default function ClassesPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Check Schedule",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book a Class Now", href: "#booking"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="class-faq" data-section="class-faq">
|
||||
<FaqDouble
|
||||
title="Class Questions Answered"
|
||||
description="Everything you need to know about our fitness classes and how to get started"
|
||||
tag="Class Info"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What skill levels are your classes designed for?",
|
||||
content: "Our classes are designed to accommodate all fitness levels. Each class has modifications for beginners and advanced variations for experienced participants. Instructors provide personalized guidance to ensure you get the most from your workout.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do I need to register for classes in advance?",
|
||||
content: "For most classes, registration is recommended but not required. You can drop in to any class that has available space. Premium members get priority booking and reserved spots.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "How often are new classes added to the schedule?",
|
||||
content: "We update our class schedule seasonally with new offerings based on member feedback. Currently, we offer over 120 classes per week across different times and styles.",
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What should I bring to class?",
|
||||
content: "Bring a water bottle, towel, and your gym membership card. Most equipment like mats, dumbbells, and props are provided. We recommend wearing comfortable, moisture-wicking clothing.",
|
||||
},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Are there beginner-friendly classes?",
|
||||
content: "Yes! We have dedicated beginner classes in yoga, pilates, and general fitness. These classes focus on proper form, technique, and building confidence in your fitness journey.",
|
||||
},
|
||||
{
|
||||
id: "faq-6",
|
||||
title: "Can I take classes if I have an injury?",
|
||||
content: "Absolutely. Let your instructor know about any injuries, and they'll provide modifications. We also have specialized recovery and rehabilitation classes designed for injury prevention and recovery.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Instructors",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
<div id="booking" data-section="booking" className="mx-auto px-4 md:px-6">
|
||||
<ContactForm
|
||||
title="Book Your Class"
|
||||
description="Reserve your spot in any of our classes. Fill out the form below to get started."
|
||||
tag="Easy Booking"
|
||||
tagIcon={Calendar}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Reserve Class"
|
||||
termsText="By booking a class, you agree to our terms and cancellation policy. Classes are subject to availability."
|
||||
onSubmit={(email) => {
|
||||
console.log("Class booking request from:", email);
|
||||
}}
|
||||
centered={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 FitForce Gym. All rights reserved. Transform your body, transform your life."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Membership", items: [
|
||||
{ label: "Plans & Pricing", href: "/membership" },
|
||||
{ label: "Classes", href: "/classes" },
|
||||
{ label: "Trainers", href: "/trainers" },
|
||||
{ label: "Facilities", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Class FAQs", href: "#" },
|
||||
{ label: "Feedback", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 FitForce Gym. All rights reserved."
|
||||
ariaLabel="Footer section"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,10 +3,11 @@
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactForm from "@/components/form/ContactForm";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Star, Sparkles, Award, HelpCircle } from "lucide-react";
|
||||
import { CreditCard, Star, Sparkles, Award } from "lucide-react";
|
||||
|
||||
export default function MembershipPage() {
|
||||
return (
|
||||
@@ -33,126 +34,80 @@ export default function MembershipPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "/membership",
|
||||
}}
|
||||
text: "Join Now", href: "/membership"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
|
||||
<PricingCardOne
|
||||
<div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
|
||||
<HeroOverlay
|
||||
title="Flexible Membership Plans"
|
||||
description="Choose the perfect plan to fit your fitness goals and lifestyle"
|
||||
description="Choose the perfect plan to fit your fitness goals and lifestyle. Start your transformation journey with FitForce Gym today."
|
||||
tag="Transparent Pricing"
|
||||
tagIcon={Star}
|
||||
tagIcon={CreditCard}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Plans", href: "#plans"},
|
||||
{
|
||||
text: "Sign Up Now", href: "#signup"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-helping-men-gym_23-2149744680.jpg"
|
||||
imageAlt="Gym membership"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
ariaLabel="Hero section for membership"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="plans" data-section="plans" className="mx-auto px-4 md:px-6">
|
||||
<PricingCardOne
|
||||
title="Our Membership Plans"
|
||||
description="Find the plan that works best for you. All memberships include access to our state-of-the-art facilities and supportive community."
|
||||
tag="Pricing Options"
|
||||
tagIcon={CreditCard}
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$49",
|
||||
subtitle: "Perfect for beginners",
|
||||
features: [
|
||||
"Access to all facilities",
|
||||
"Group classes included",
|
||||
"Online community access",
|
||||
"Basic fitness assessment",
|
||||
],
|
||||
id: "monthly", badge: "Popular", badgeIcon: Star,
|
||||
price: "$49", subtitle: "Perfect for beginners", features: [
|
||||
"Access to all facilities", "Group classes included", "Online community access", "Basic fitness assessment", "Equipment usage guide"],
|
||||
},
|
||||
{
|
||||
id: "quarterly",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$129",
|
||||
subtitle: "3-month commitment",
|
||||
features: [
|
||||
"All Monthly features",
|
||||
"2 personal training sessions",
|
||||
"Nutrition consultation",
|
||||
"Priority class booking",
|
||||
"Guest privileges",
|
||||
],
|
||||
id: "quarterly", badge: "Best Value", badgeIcon: Sparkles,
|
||||
price: "$129", subtitle: "3-month commitment", features: [
|
||||
"All Monthly features", "2 personal training sessions", "Nutrition consultation", "Priority class booking", "Guest privileges", "Performance tracking"],
|
||||
},
|
||||
{
|
||||
id: "annual",
|
||||
badge: "Ultimate Commitment",
|
||||
badgeIcon: Award,
|
||||
price: "$499",
|
||||
subtitle: "Full year access",
|
||||
features: [
|
||||
"All Quarterly features",
|
||||
"Unlimited personal training",
|
||||
"Monthly body composition analysis",
|
||||
"Premium lounge access",
|
||||
"Free guest passes (4/month)",
|
||||
"Exclusive member events",
|
||||
],
|
||||
id: "annual", badge: "Ultimate Commitment", badgeIcon: Award,
|
||||
price: "$499", subtitle: "Full year access", features: [
|
||||
"All Quarterly features", "Unlimited personal training", "Monthly body composition analysis", "Premium lounge access", "Free guest passes (4/month)", "Exclusive member events"],
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Plans",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up Today", href: "#signup"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about FitForce Gym membership and services"
|
||||
tag="Common Questions"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What are your operating hours?",
|
||||
content: "FitForce Gym is open Monday-Friday from 5am to 11pm, Saturday from 7am to 10pm, and Sunday from 8am to 8pm. Members have 24/7 access with their key card.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do I need to commit to a long-term contract?",
|
||||
content: "No. We offer flexible month-to-month memberships. Our quarterly and annual plans provide better value, but there's no penalty for switching or canceling anytime.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can I bring a guest to the gym?",
|
||||
content: "Yes! All members can bring up to 2 guests per month. Premium and annual members get complimentary guest passes and can bring guests more frequently.",
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Are personal training sessions included?",
|
||||
content: "Monthly membership includes group classes. Quarterly plans include 2 personal sessions, and annual plans include unlimited personal training sessions.",
|
||||
},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "What if I'm a beginner?",
|
||||
content: "Perfect! We have certified trainers who specialize in working with beginners. We offer free fitness assessments and customized workout plans to get you started safely.",
|
||||
},
|
||||
{
|
||||
id: "faq-6",
|
||||
title: "Do you offer childcare?",
|
||||
content: "Yes, we have a supervised childcare facility available during peak hours. It's complimentary for members and provides a safe space for children while you work out.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
<div id="signup" data-section="signup" className="mx-auto px-4 md:px-6">
|
||||
<ContactForm
|
||||
title="Start Your Transformation"
|
||||
description="Join FitForce Gym today and get started on your fitness journey. Our team will contact you to help you choose the best membership plan."
|
||||
tag="Get Started Now"
|
||||
tagIcon={Star}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Sign Up"
|
||||
termsText="By signing up, you agree to our terms and conditions. You can cancel your membership anytime with proper notice."
|
||||
onSubmit={(email) => {
|
||||
console.log("Membership signup from:", email);
|
||||
}}
|
||||
centered={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -160,8 +115,7 @@ export default function MembershipPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -169,17 +123,15 @@ export default function MembershipPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Membership",
|
||||
items: [
|
||||
title: "Membership", items: [
|
||||
{ label: "Plans & Pricing", href: "/membership" },
|
||||
{ label: "Classes", href: "/classes" },
|
||||
{ label: "Trainers", href: "/trainers" },
|
||||
{ label: "Facilities", href: "#" },
|
||||
{ label: "Facilities", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Membership FAQs", href: "#" },
|
||||
@@ -187,8 +139,7 @@ export default function MembershipPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -196,10 +147,10 @@ export default function MembershipPage() {
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 FitForce Gym. All rights reserved. Transform your body, transform your life."
|
||||
copyrightText="© 2024 FitForce Gym. All rights reserved."
|
||||
ariaLabel="Footer section"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
281
src/app/page.tsx
281
src/app/page.tsx
@@ -38,9 +38,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "/membership",
|
||||
}}
|
||||
text: "Join Now", href: "/membership"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,13 +51,9 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Journey",
|
||||
href: "/membership",
|
||||
},
|
||||
text: "Start Your Journey", href: "/membership"},
|
||||
{
|
||||
text: "Explore Classes",
|
||||
href: "/classes",
|
||||
},
|
||||
text: "Explore Classes", href: "/classes"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-helping-men-gym_23-2149744680.jpg"
|
||||
@@ -76,24 +70,16 @@ export default function HomePage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Members",
|
||||
value: "2,500+",
|
||||
},
|
||||
label: "Active Members", value: "2,500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Expert Trainers",
|
||||
value: "35+",
|
||||
},
|
||||
label: "Expert Trainers", value: "35+"},
|
||||
{
|
||||
icon: Dumbbell,
|
||||
label: "Classes Weekly",
|
||||
value: "120+",
|
||||
},
|
||||
label: "Classes Weekly", value: "120+"},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Success Rate",
|
||||
value: "94%",
|
||||
},
|
||||
label: "Success Rate", value: "94%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -110,59 +96,29 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "cardio",
|
||||
title: "Advanced Cardio Equipment",
|
||||
descriptions: [
|
||||
"Latest treadmills, ellipticals, and rowing machines",
|
||||
"Heart rate monitoring and personalized coaching",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=1",
|
||||
},
|
||||
id: "cardio", title: "Advanced Cardio Equipment", descriptions: [
|
||||
"Latest treadmills, ellipticals, and rowing machines", "Heart rate monitoring and personalized coaching"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=1"},
|
||||
{
|
||||
id: "strength",
|
||||
title: "Comprehensive Strength Training",
|
||||
descriptions: [
|
||||
"Full range of free weights and machines",
|
||||
"Olympic lifting platforms and specialized equipment",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells-bar_23-2148801858.jpg?_wi=1",
|
||||
},
|
||||
id: "strength", title: "Comprehensive Strength Training", descriptions: [
|
||||
"Full range of free weights and machines", "Olympic lifting platforms and specialized equipment"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells-bar_23-2148801858.jpg?_wi=1"},
|
||||
{
|
||||
id: "yoga",
|
||||
title: "Yoga & Flexibility Classes",
|
||||
descriptions: [
|
||||
"Multiple daily sessions for all levels",
|
||||
"Certified instructors and peaceful studio space",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-teacher-teaching-class_23-2148925784.jpg?_wi=1",
|
||||
},
|
||||
id: "yoga", title: "Yoga & Flexibility Classes", descriptions: [
|
||||
"Multiple daily sessions for all levels", "Certified instructors and peaceful studio space"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-teacher-teaching-class_23-2148925784.jpg?_wi=1"},
|
||||
{
|
||||
id: "nutrition",
|
||||
title: "Nutrition Guidance",
|
||||
descriptions: [
|
||||
"Personalized meal planning consultations",
|
||||
"Supplement recommendations from experts",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-concept-with-slate_23-2147692056.jpg",
|
||||
},
|
||||
id: "nutrition", title: "Nutrition Guidance", descriptions: [
|
||||
"Personalized meal planning consultations", "Supplement recommendations from experts"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-concept-with-slate_23-2147692056.jpg"},
|
||||
{
|
||||
id: "recovery",
|
||||
title: "Recovery & Spa Services",
|
||||
descriptions: [
|
||||
"Sauna, steam room, and massage therapy",
|
||||
"Cutting-edge ice bath and cryotherapy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-bathrobe-sitting-wooden-bench-relaxing-sauna_23-2147867874.jpg",
|
||||
},
|
||||
id: "recovery", title: "Recovery & Spa Services", descriptions: [
|
||||
"Sauna, steam room, and massage therapy", "Cutting-edge ice bath and cryotherapy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-bathrobe-sitting-wooden-bench-relaxing-sauna_23-2147867874.jpg"},
|
||||
{
|
||||
id: "lounge",
|
||||
title: "Premium Lounge Area",
|
||||
descriptions: [
|
||||
"Comfortable relaxation and socializing space",
|
||||
"Healthy smoothie bar and café amenities",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-yoga-fitness-pregnancy_146671-15801.jpg?_wi=1",
|
||||
},
|
||||
id: "lounge", title: "Premium Lounge Area", descriptions: [
|
||||
"Comfortable relaxation and socializing space", "Healthy smoothie bar and café amenities"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-yoga-fitness-pregnancy_146671-15801.jpg?_wi=1"},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
@@ -170,9 +126,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore All Facilities",
|
||||
href: "#",
|
||||
},
|
||||
text: "Explore All Facilities", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -187,55 +141,26 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$49",
|
||||
subtitle: "Perfect for beginners",
|
||||
features: [
|
||||
"Access to all facilities",
|
||||
"Group classes included",
|
||||
"Online community access",
|
||||
"Basic fitness assessment",
|
||||
],
|
||||
id: "monthly", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$49", subtitle: "Perfect for beginners", features: [
|
||||
"Access to all facilities", "Group classes included", "Online community access", "Basic fitness assessment"],
|
||||
},
|
||||
{
|
||||
id: "quarterly",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$129",
|
||||
subtitle: "3-month commitment",
|
||||
features: [
|
||||
"All Monthly features",
|
||||
"2 personal training sessions",
|
||||
"Nutrition consultation",
|
||||
"Priority class booking",
|
||||
"Guest privileges",
|
||||
],
|
||||
id: "quarterly", badge: "Best Value", badgeIcon: Sparkles,
|
||||
price: "$129", subtitle: "3-month commitment", features: [
|
||||
"All Monthly features", "2 personal training sessions", "Nutrition consultation", "Priority class booking", "Guest privileges"],
|
||||
},
|
||||
{
|
||||
id: "annual",
|
||||
badge: "Ultimate Commitment",
|
||||
badgeIcon: Award,
|
||||
price: "$499",
|
||||
subtitle: "Full year access",
|
||||
features: [
|
||||
"All Quarterly features",
|
||||
"Unlimited personal training",
|
||||
"Monthly body composition analysis",
|
||||
"Premium lounge access",
|
||||
"Free guest passes (4/month)",
|
||||
"Exclusive member events",
|
||||
],
|
||||
id: "annual", badge: "Ultimate Commitment", badgeIcon: Award,
|
||||
price: "$499", subtitle: "Full year access", features: [
|
||||
"All Quarterly features", "Unlimited personal training", "Monthly body composition analysis", "Premium lounge access", "Free guest passes (4/month)", "Exclusive member events"],
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Plans",
|
||||
href: "/membership",
|
||||
},
|
||||
text: "View All Plans", href: "/membership"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
@@ -249,25 +174,13 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "transformations",
|
||||
value: "1,200+",
|
||||
description: "Body transformations completed",
|
||||
},
|
||||
id: "transformations", value: "1,200+", description: "Body transformations completed"},
|
||||
{
|
||||
id: "weight-loss",
|
||||
value: "45K+",
|
||||
description: "Total pounds lost by members",
|
||||
},
|
||||
id: "weight-loss", value: "45K+", description: "Total pounds lost by members"},
|
||||
{
|
||||
id: "strength",
|
||||
value: "150%",
|
||||
description: "Average strength improvement",
|
||||
},
|
||||
id: "strength", value: "150%", description: "Average strength improvement"},
|
||||
{
|
||||
id: "satisfaction",
|
||||
value: "98%",
|
||||
description: "Member satisfaction rate",
|
||||
},
|
||||
id: "satisfaction", value: "98%", description: "Member satisfaction rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -283,41 +196,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "trainer-1",
|
||||
name: "James Mitchell",
|
||||
role: "Head Strength Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175409.jpg?_wi=1",
|
||||
},
|
||||
id: "trainer-1", name: "James Mitchell", role: "Head Strength Coach", imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175409.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-2",
|
||||
name: "Sarah Johnson",
|
||||
role: "Fitness Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartphone-looking-camera_23-2147789608.jpg?_wi=1",
|
||||
},
|
||||
id: "trainer-2", name: "Sarah Johnson", role: "Fitness Specialist", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartphone-looking-camera_23-2147789608.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-3",
|
||||
name: "Marcus Rodriguez",
|
||||
role: "Cardio & HIIT Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=1",
|
||||
},
|
||||
id: "trainer-3", name: "Marcus Rodriguez", role: "Cardio & HIIT Coach", imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-4",
|
||||
name: "Emma Wilson",
|
||||
role: "Yoga & Flexibility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-white-tank-top-holding-hand-chin-looking-positive-front-view_176474-46132.jpg?_wi=1",
|
||||
},
|
||||
id: "trainer-4", name: "Emma Wilson", role: "Yoga & Flexibility", imageSrc: "http://img.b2bpic.net/free-photo/young-female-white-tank-top-holding-hand-chin-looking-positive-front-view_176474-46132.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-5",
|
||||
name: "David Chen",
|
||||
role: "Nutrition Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=1",
|
||||
},
|
||||
id: "trainer-5", name: "David Chen", role: "Nutrition Coach", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-6",
|
||||
name: "Lisa Anderson",
|
||||
role: "Recovery Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=1",
|
||||
},
|
||||
id: "trainer-6", name: "Lisa Anderson", role: "Recovery Specialist", imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=1"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -325,9 +214,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Session",
|
||||
href: "/trainers",
|
||||
},
|
||||
text: "Book a Session", href: "/trainers"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -342,67 +229,23 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1",
|
||||
name: "Michael Torres",
|
||||
date: "January 2024",
|
||||
title: "Lost 50 Pounds",
|
||||
quote: "FitForce changed my life. The trainers are incredibly supportive and the facilities are top-notch. I've never felt more confident.",
|
||||
tag: "Weight Loss",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-looking-front-showing-thumbs-up-isolated-orange-wall_141793-72981.jpg",
|
||||
},
|
||||
id: "testimonial-1", name: "Michael Torres", date: "January 2024", title: "Lost 50 Pounds", quote: "FitForce changed my life. The trainers are incredibly supportive and the facilities are top-notch. I've never felt more confident.", tag: "Weight Loss", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-looking-front-showing-thumbs-up-isolated-orange-wall_141793-72981.jpg"},
|
||||
{
|
||||
id: "testimonial-2",
|
||||
name: "Jennifer Lee",
|
||||
date: "December 2023",
|
||||
title: "Built My Dream Body",
|
||||
quote: "Working with the strength coaches here has been transformative. The personalized attention made all the difference in my fitness journey.",
|
||||
tag: "Strength Training",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",
|
||||
},
|
||||
id: "testimonial-2", name: "Jennifer Lee", date: "December 2023", title: "Built My Dream Body", quote: "Working with the strength coaches here has been transformative. The personalized attention made all the difference in my fitness journey.", tag: "Strength Training", avatarSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg"},
|
||||
{
|
||||
id: "testimonial-3",
|
||||
name: "Robert Williams",
|
||||
date: "November 2023",
|
||||
title: "Found My Fitness Family",
|
||||
quote: "The community here is amazing. Everyone is supportive and welcoming. I look forward to coming to the gym every single day.",
|
||||
tag: "Community",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg",
|
||||
},
|
||||
id: "testimonial-3", name: "Robert Williams", date: "November 2023", title: "Found My Fitness Family", quote: "The community here is amazing. Everyone is supportive and welcoming. I look forward to coming to the gym every single day.", tag: "Community", avatarSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg"},
|
||||
{
|
||||
id: "testimonial-4",
|
||||
name: "Amanda Foster",
|
||||
date: "October 2023",
|
||||
title: "Recovered from Injury",
|
||||
quote: "The recovery services and personalized rehabilitation helped me get back to training stronger than before. Highly recommend!",
|
||||
tag: "Recovery",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
|
||||
},
|
||||
id: "testimonial-4", name: "Amanda Foster", date: "October 2023", title: "Recovered from Injury", quote: "The recovery services and personalized rehabilitation helped me get back to training stronger than before. Highly recommend!", tag: "Recovery", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg"},
|
||||
{
|
||||
id: "testimonial-5",
|
||||
name: "David Patterson",
|
||||
date: "September 2023",
|
||||
title: "Best Investment Ever",
|
||||
quote: "The value for money is incredible. Between the facilities, trainers, and classes, this gym provides everything you need.",
|
||||
tag: "Facilities",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",
|
||||
},
|
||||
id: "testimonial-5", name: "David Patterson", date: "September 2023", title: "Best Investment Ever", quote: "The value for money is incredible. Between the facilities, trainers, and classes, this gym provides everything you need.", tag: "Facilities", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg"},
|
||||
{
|
||||
id: "testimonial-6",
|
||||
name: "Nicole Brooks",
|
||||
date: "August 2023",
|
||||
title: "Life Changing Experience",
|
||||
quote: "Joined six months ago and it's the best decision I've made. The professional staff and supportive environment created the perfect space for my transformation.",
|
||||
tag: "Transformation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27288.jpg",
|
||||
},
|
||||
id: "testimonial-6", name: "Nicole Brooks", date: "August 2023", title: "Life Changing Experience", quote: "Joined six months ago and it's the best decision I've made. The professional staff and supportive environment created the perfect space for my transformation.", tag: "Transformation", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27288.jpg"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Transformation",
|
||||
href: "/membership",
|
||||
},
|
||||
text: "Start Your Transformation", href: "/membership"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -412,8 +255,7 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -421,17 +263,15 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Membership",
|
||||
items: [
|
||||
title: "Membership", items: [
|
||||
{ label: "Plans & Pricing", href: "/membership" },
|
||||
{ label: "Classes", href: "/classes" },
|
||||
{ label: "Trainers", href: "/trainers" },
|
||||
{ label: "Facilities", href: "#" },
|
||||
{ label: "Facilities", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Membership FAQs", href: "#" },
|
||||
@@ -439,8 +279,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -454,4 +293,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,10 +3,11 @@
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import ContactForm from "@/components/form/ContactForm";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Users, Award } from "lucide-react";
|
||||
import { Users, Award, Sparkles, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function TrainersPage() {
|
||||
return (
|
||||
@@ -33,56 +34,52 @@ export default function TrainersPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "/membership",
|
||||
}}
|
||||
text: "Join Now", href: "/membership"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team" className="mx-auto px-4 md:px-6">
|
||||
<TeamCardOne
|
||||
<div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
|
||||
<HeroOverlay
|
||||
title="Meet Our Expert Trainers"
|
||||
description="Certified professionals dedicated to your fitness success"
|
||||
tag="Our Team"
|
||||
description="Our certified fitness professionals are passionate about helping you achieve your goals. Get to know our team and find your perfect training match."
|
||||
tag="Professional Coaching"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Team", href: "#trainers"},
|
||||
{
|
||||
text: "Book a Session", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/strong-confident-fit-man-standing-with-crossed-arms_176420-2320.jpg"
|
||||
imageAlt="Professional fitness trainers"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
ariaLabel="Hero section for trainers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trainers" data-section="trainers" className="mx-auto px-4 md:px-6">
|
||||
<TeamCardOne
|
||||
title="Our Certified Trainers"
|
||||
description="Each trainer brings years of experience, specialized certifications, and a genuine passion for transforming lives through fitness."
|
||||
tag="Expert Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "trainer-1",
|
||||
name: "James Mitchell",
|
||||
role: "Head Strength Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175409.jpg?_wi=2",
|
||||
},
|
||||
id: "trainer-1", name: "James Mitchell", role: "Head Strength Coach", imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175409.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-2",
|
||||
name: "Sarah Johnson",
|
||||
role: "Fitness Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartphone-looking-camera_23-2147789608.jpg?_wi=2",
|
||||
},
|
||||
id: "trainer-2", name: "Sarah Johnson", role: "Fitness Specialist", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartphone-looking-camera_23-2147789608.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-3",
|
||||
name: "Marcus Rodriguez",
|
||||
role: "Cardio & HIIT Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=3",
|
||||
},
|
||||
id: "trainer-3", name: "Marcus Rodriguez", role: "Cardio & HIIT Coach", imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-4",
|
||||
name: "Emma Wilson",
|
||||
role: "Yoga & Flexibility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-white-tank-top-holding-hand-chin-looking-positive-front-view_176474-46132.jpg?_wi=2",
|
||||
},
|
||||
id: "trainer-4", name: "Emma Wilson", role: "Yoga & Flexibility", imageSrc: "http://img.b2bpic.net/free-photo/young-female-white-tank-top-holding-hand-chin-looking-positive-front-view_176474-46132.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-5",
|
||||
name: "David Chen",
|
||||
role: "Nutrition Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=2",
|
||||
},
|
||||
id: "trainer-5", name: "David Chen", role: "Nutrition Coach", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=1"},
|
||||
{
|
||||
id: "trainer-6",
|
||||
name: "Lisa Anderson",
|
||||
role: "Recovery Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=3",
|
||||
},
|
||||
id: "trainer-6", name: "Lisa Anderson", role: "Recovery Specialist", imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=1"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -90,44 +87,25 @@ export default function TrainersPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Session",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book a Session", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
|
||||
<MetricCardFourteen
|
||||
title="Member Success Stories"
|
||||
tag="Proven Results"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "transformations",
|
||||
value: "1,200+",
|
||||
description: "Body transformations completed",
|
||||
},
|
||||
{
|
||||
id: "weight-loss",
|
||||
value: "45K+",
|
||||
description: "Total pounds lost by members",
|
||||
},
|
||||
{
|
||||
id: "strength",
|
||||
value: "150%",
|
||||
description: "Average strength improvement",
|
||||
},
|
||||
{
|
||||
id: "satisfaction",
|
||||
value: "98%",
|
||||
description: "Member satisfaction rate",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Metrics section"
|
||||
<div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
|
||||
<ContactForm
|
||||
title="Schedule Your First Session"
|
||||
description="Book a consultation with one of our trainers. Tell us about your fitness goals and we'll match you with the perfect coach."
|
||||
tag="Get Started"
|
||||
tagIcon={MessageSquare}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Request a Session"
|
||||
termsText="A trainer will contact you within 24 hours to confirm your session and discuss your fitness goals."
|
||||
onSubmit={(email) => {
|
||||
console.log("Training session request from:", email);
|
||||
}}
|
||||
centered={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,8 +113,7 @@ export default function TrainersPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -144,26 +121,23 @@ export default function TrainersPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Membership",
|
||||
items: [
|
||||
title: "Membership", items: [
|
||||
{ label: "Plans & Pricing", href: "/membership" },
|
||||
{ label: "Classes", href: "/classes" },
|
||||
{ label: "Trainers", href: "/trainers" },
|
||||
{ label: "Facilities", href: "#" },
|
||||
{ label: "Facilities", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Membership FAQs", href: "#" },
|
||||
{ label: "Trainer FAQs", href: "#" },
|
||||
{ label: "Feedback", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -171,10 +145,10 @@ export default function TrainersPage() {
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 FitForce Gym. All rights reserved. Transform your body, transform your life."
|
||||
copyrightText="© 2024 FitForce Gym. All rights reserved."
|
||||
ariaLabel="Footer section"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user