Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-17 10:05:44 +00:00
2 changed files with 56 additions and 384 deletions

View File

@@ -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 Lahores 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
View 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>
);
}