Merge version_2 into main #2
400
src/app/page.tsx
400
src/app/page.tsx
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "membership",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "membership" },
|
||||
{ name: "Trainers", id: "/trainers" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Gym Lahore"
|
||||
/>
|
||||
@@ -57,80 +46,12 @@ export default function LandingPage() {
|
||||
title="Train Harder. Become Stronger."
|
||||
description="A premium fitness environment built for people who are serious about results."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Nabeel Younas",
|
||||
handle: "Member",
|
||||
testimonial: "This gym is absolutely amazing. The environment is clean, well-maintained and motivating.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-build-man-making-effort-while-weightlifting-cross-training-gym_637285-2488.jpg?_wi=1",
|
||||
imageAlt: "luxury gym interior dark mood",
|
||||
},
|
||||
{
|
||||
name: "Malik Abid Ali",
|
||||
handle: "Member",
|
||||
testimonial: "The staff is exceptional. Friendly, professional, and always ready to help.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg?_wi=1",
|
||||
imageAlt: "luxury gym interior dark mood",
|
||||
},
|
||||
{
|
||||
name: "Sarah Ahmed",
|
||||
handle: "Member",
|
||||
testimonial: "Best equipment I've ever used. Truly a premium experience in Lahore.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32128.jpg?_wi=1",
|
||||
imageAlt: "luxury gym interior dark mood",
|
||||
},
|
||||
{
|
||||
name: "Ali Raza",
|
||||
handle: "Member",
|
||||
testimonial: "The community here is unmatched. Extremely motivating atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077753.jpg?_wi=1",
|
||||
imageAlt: "luxury gym interior dark mood",
|
||||
},
|
||||
{
|
||||
name: "Zainab Khan",
|
||||
handle: "Member",
|
||||
testimonial: "Professional trainers who actually care about your progress.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-out-together_23-2148430259.jpg?_wi=1",
|
||||
imageAlt: "luxury gym interior dark mood",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join The Gym",
|
||||
href: "#membership",
|
||||
},
|
||||
{
|
||||
text: "Book a Tour",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Nabeel Younas", handle: "Member", testimonial: "This gym is absolutely amazing. The environment is clean, well-maintained and motivating.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muscular-build-man-making-effort-while-weightlifting-cross-training-gym_637285-2488.jpg?_wi=1" },
|
||||
{ name: "Malik Abid Ali", handle: "Member", testimonial: "The staff is exceptional. Friendly, professional, and always ready to help.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg?_wi=1" },
|
||||
{ name: "Sarah Ahmed", handle: "Member", testimonial: "Best equipment I've ever used. Truly a premium experience in Lahore.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32128.jpg?_wi=1" },
|
||||
]}
|
||||
buttons={[{ text: "Join The Gym", href: "#membership" }, { text: "Book a Tour", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/muscular-build-man-making-effort-while-weightlifting-cross-training-gym_637285-2488.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg",
|
||||
alt: "Gym member portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg",
|
||||
alt: "Gym member portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-park-with-earphones-tablet_1157-30676.jpg",
|
||||
alt: "Gym member portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-athletic-man-posing_23-2148605626.jpg",
|
||||
alt: "Gym member portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-gym_23-2149445949.jpg",
|
||||
alt: "Gym member portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="130+ Happy Members"
|
||||
/>
|
||||
</div>
|
||||
@@ -142,315 +63,26 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Equipment",
|
||||
description: "Modern machines and free weights for complete strength training.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Professional Trainers",
|
||||
description: "Friendly and experienced trainers guiding members at every level.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32128.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Clean Environment",
|
||||
description: "A hygienic space designed to keep you focused.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077753.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Strong Community",
|
||||
description: "A motivating fitness space where members support each other.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-out-together_23-2148430259.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Premium Equipment", description: "Modern machines and free weights for complete strength training.", imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg?_wi=2" },
|
||||
{ title: "Professional Trainers", description: "Friendly and experienced trainers guiding members at every level.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32128.jpg?_wi=2" },
|
||||
{ title: "Clean Environment", description: "A hygienic space designed to keep you focused.", imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077753.jpg?_wi=2" },
|
||||
{ title: "Strong Community", description: "A motivating fitness space where members support each other.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-out-together_23-2148430259.jpg?_wi=2" },
|
||||
]}
|
||||
title="Why Members Love The Gym Lahore"
|
||||
description="Excellence in every corner of our facility."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gym-exp" data-section="gym-exp">
|
||||
<ProductCardFour
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Strength Training",
|
||||
price: "Intensity",
|
||||
variant: "Weights",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-focus-shot-barbell-concept-exercise-weightlifting_181624-46342.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gym Floor",
|
||||
price: "Facility",
|
||||
variant: "Wide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-loft-gym-fitness_105762-2020.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Advanced Machines",
|
||||
price: "Precision",
|
||||
variant: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-equipment-with-christmas-theme-decorations_23-2149564373.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Active Training",
|
||||
price: "Action",
|
||||
variant: "Energy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-training-together-gym-full-shot_23-2149734704.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Workout Zones",
|
||||
price: "Dedicated",
|
||||
variant: "Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-trainer-teaching-boxing_23-2148615098.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Success Stories",
|
||||
price: "Results",
|
||||
variant: "Verified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-individual-doing-sport_23-2151764320.jpg",
|
||||
},
|
||||
]}
|
||||
title="Built for Serious Fitness"
|
||||
description="A modern center designed to help you push limits and achieve transformation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing",
|
||||
quote: "Clean, well-maintained and motivating.",
|
||||
name: "Nabeel Younas",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Exceptional Staff",
|
||||
quote: "Friendly and professional guidance.",
|
||||
name: "Malik Abid Ali",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Transformation",
|
||||
quote: "Changed my fitness lifestyle completely.",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Professionalism",
|
||||
quote: "Top tier equipment and trainers.",
|
||||
name: "Ali Raza",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-chatting-gym_23-2149744652.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Motivation",
|
||||
quote: "Perfect gym for serious lifters.",
|
||||
name: "Zainab Khan",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trainer-chatting-with-female-boxer-ring_23-2148426155.jpg",
|
||||
},
|
||||
]}
|
||||
title="Real Member Reviews"
|
||||
description="Join 130+ members who trust The Gym Lahore."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Impact in Numbers"
|
||||
tag="Our Achievements"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "130+",
|
||||
description: "Verified Member Reviews",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.5",
|
||||
description: "Star Rating Avg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
description: "Workouts Completed",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="membership" data-section="membership">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1",
|
||||
badge: "Popular",
|
||||
price: "Monthly",
|
||||
subtitle: "Perfect for starters",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full access",
|
||||
"Trainers included",
|
||||
"Modern equipment",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan2",
|
||||
badge: "Premium",
|
||||
price: "Yearly",
|
||||
subtitle: "For serious athletes",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Monthly",
|
||||
"Priority support",
|
||||
"Locker included",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan3",
|
||||
badge: "Pro",
|
||||
price: "VIP",
|
||||
subtitle: "Maximum flexibility",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"VIP classes",
|
||||
"Personal training",
|
||||
"24/7 access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Join One of Lahore’s Most Trusted Gyms"
|
||||
description="Start your transformation today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are personal trainers available?",
|
||||
content: "Yes, we provide expert guidance for members of all levels.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are the opening hours?",
|
||||
content: "7:30 AM – 11:30 AM and 2:30 PM – 11 PM (Mon-Sat).",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "60CCA, DHA Phase 8 – Ex Park View Block C, Lahore.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Your Fitness Journey Starts Here. Visit us today to kickstart your transformation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join The Gym Lahore Today",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="The Gym Lahore"
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Sat: 7:30AM-11:30AM, 2:30PM-11PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sun: Closed",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Information", items: [{ label: "About Us", href: "#" }, { label: "Pricing", href: "#" }, { label: "Trainers", href: "/trainers" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Mon-Sat: 7:30AM-11:30AM, 2:30PM-11PM", href: "#" }, { label: "Sun: Closed", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
40
src/app/trainers/page.tsx
Normal file
40
src/app/trainers/page.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function TrainersPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Trainers", id: "/trainers" },
|
||||
]}
|
||||
brandName="The Gym Lahore"
|
||||
/>
|
||||
<TeamCardOne
|
||||
title="Our Expert Trainers"
|
||||
description="Meet the professionals dedicated to your fitness journey."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
members={[
|
||||
{ id: "1", name: "John Smith", role: "Senior Personal Trainer" },
|
||||
{ id: "2", name: "Jane Doe", role: "Strength & Conditioning Coach" },
|
||||
{ id: "3", name: "Ali Khan", role: "Yoga & Wellness Instructor" },
|
||||
{ id: "4", name: "Sara Raza", role: "Nutrition Specialist" },
|
||||
]}
|
||||
/>
|
||||
<FooterBaseReveal
|
||||
logoText="The Gym Lahore"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user