Update src/app/trainers/page.tsx
This commit is contained in:
@@ -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