Merge version_1 into main #2
332
src/app/page.tsx
332
src/app/page.tsx
@@ -32,111 +32,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Results", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Power X Gym"
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#membership",
|
||||
}}
|
||||
button={{ text: "Join Now", href: "#membership" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Built Different. Train Elite 💪⚡"
|
||||
description="A premium bodybuilding and personal training gym in Doha."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Client Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Access",
|
||||
},
|
||||
{
|
||||
value: "Elite",
|
||||
label: "Community",
|
||||
},
|
||||
{ value: "4.8", label: "Client Rating" },
|
||||
{ value: "24/7", label: "Access" },
|
||||
{ value: "Elite", label: "Community" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Training",
|
||||
href: "#membership",
|
||||
},
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Start Training", href: "#membership" },
|
||||
{ text: "Book Consultation", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/six-pack-man-triceps-posing-sport_1303-522.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/six-pack-man-triceps-posing-sport_1303-522.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-treadmill_23-2148503056.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-senior-couple-gym_23-2148503022.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sports-man-morning-gym_1157-21087.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trainer-health-person-young-people_1303-502.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-thai-boxers_107420-65001.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-treadmill_23-2148503056.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-senior-couple-gym_23-2148503022.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sports-man-morning-gym_1157-21087.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/trainer-health-person-young-people_1303-502.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-thai-boxers_107420-65001.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Join our elite community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "HARDCORE",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "PERSONALIZED",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "TRANSFORMATION",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ELITE",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "DOHA",
|
||||
},
|
||||
{ type: "text", text: "HARDCORE" },
|
||||
{ type: "text-icon", text: "PERSONALIZED", icon: Activity },
|
||||
{ type: "text", text: "TRANSFORMATION" },
|
||||
{ type: "text-icon", text: "ELITE", icon: Award },
|
||||
{ type: "text", text: "DOHA" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,9 +82,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Not Just a Gym. A Transformation Hub"
|
||||
description={[
|
||||
"Power X Gym and Fitness is built for those who want real results.",
|
||||
"Focused on bodybuilding and expert coaching, this gym delivers a more personalized and serious training experience.",
|
||||
]}
|
||||
"Power X Gym and Fitness is built for those who want real results.", "Focused on bodybuilding and expert coaching, this gym delivers a more personalized and serious training experience."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -159,55 +93,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Personal Training",
|
||||
description: "One-on-one coaching and customized programs.",
|
||||
icon: Activity,
|
||||
title: "Personal Training", description: "One-on-one coaching and customized programs.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-traing-with-dumbbell-gym_23-2147688509.jpg",
|
||||
imageAlt: "Personal Training",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227846.jpg",
|
||||
imageAlt: "Personal Training",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-traing-with-dumbbell-gym_23-2147688509.jpg", imageAlt: "Personal Training" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227846.jpg", imageAlt: "Personal Training" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/six-pack-man-triceps-posing-sport_1303-522.jpg?_wi=2",
|
||||
imageAlt: "personal trainer guiding client",
|
||||
},
|
||||
{
|
||||
title: "Bodybuilding",
|
||||
description: "Competition prep and advanced strength training.",
|
||||
icon: Award,
|
||||
title: "Bodybuilding", description: "Competition prep and advanced strength training.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg",
|
||||
imageAlt: "Bodybuilding",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-pair-boxing-gloves_23-2150367625.jpg",
|
||||
imageAlt: "Bodybuilding",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg", imageAlt: "Bodybuilding" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-pair-boxing-gloves_23-2150367625.jpg", imageAlt: "Bodybuilding" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-illustration-man-doing-squats_183364-118304.jpg",
|
||||
imageAlt: "personal trainer guiding client",
|
||||
},
|
||||
{
|
||||
title: "Transformation",
|
||||
description: "Body recomposition and fat loss focus.",
|
||||
icon: TrendingUp,
|
||||
title: "Transformation", description: "Body recomposition and fat loss focus.", icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg?_wi=1",
|
||||
imageAlt: "Transformation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-afraid-vaccine-drugs_183364-119290.jpg",
|
||||
imageAlt: "Transformation",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg", imageAlt: "Transformation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/human-afraid-vaccine-drugs_183364-119290.jpg", imageAlt: "Transformation" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg?_wi=1",
|
||||
imageAlt: "personal trainer guiding client",
|
||||
},
|
||||
]}
|
||||
title="Elite Training Services"
|
||||
@@ -221,24 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Client Rating",
|
||||
value: "4.8",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Approach",
|
||||
value: "Coaching",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Access",
|
||||
value: "24/7",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Client Rating", value: "4.8" },
|
||||
{ id: "m2", icon: Users, title: "Approach", value: "Coaching" },
|
||||
{ id: "m3", icon: Clock, title: "Access", value: "24/7" },
|
||||
]}
|
||||
title="Why Power X Gym"
|
||||
description="Excellence in every training session."
|
||||
@@ -250,46 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best Experience",
|
||||
quote: "Best personal training experience.",
|
||||
name: "Ahmed K.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Serious Gym",
|
||||
quote: "Perfect gym for serious bodybuilding.",
|
||||
name: "Sarah L.",
|
||||
role: "Bodybuilder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Results",
|
||||
quote: "Amazing coaching and results.",
|
||||
name: "Mohammed F.",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-15787.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Elite Facility",
|
||||
quote: "The best private gym in Doha.",
|
||||
name: "Layla D.",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Professionalism",
|
||||
quote: "Coaches really know their stuff.",
|
||||
name: "Khalid S.",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Best Experience", quote: "Best personal training experience.", name: "Ahmed K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg" },
|
||||
{ id: "t2", title: "Serious Gym", quote: "Perfect gym for serious bodybuilding.", name: "Sarah L.", role: "Bodybuilder", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg" },
|
||||
{ id: "t3", title: "Great Results", quote: "Amazing coaching and results.", name: "Mohammed F.", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-15787.jpg" },
|
||||
{ id: "t4", title: "Elite Facility", quote: "The best private gym in Doha.", name: "Layla D.", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg" },
|
||||
{ id: "t5", title: "Professionalism", quote: "Coaches really know their stuff.", name: "Khalid S.", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg" },
|
||||
]}
|
||||
title="What Members Say"
|
||||
description="Trusted by Doha's elite fitness community."
|
||||
@@ -303,60 +157,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Facility",
|
||||
name: "Main Floor",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114140.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Facility",
|
||||
name: "Weight Zone",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-couple-gym_23-2148503031.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Facility",
|
||||
name: "Personal PT",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilding-sport-sports-muscle_1296-389.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
brand: "Facility",
|
||||
name: "24/7 Access",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
brand: "Facility",
|
||||
name: "Locker Area",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917987.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
brand: "Facility",
|
||||
name: "Private Studio",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077753.jpg",
|
||||
},
|
||||
{ id: "g1", brand: "Facility", name: "Main Floor", price: "Elite", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114140.jpg" },
|
||||
{ id: "g2", brand: "Facility", name: "Weight Zone", price: "Elite", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-couple-gym_23-2148503031.jpg" },
|
||||
{ id: "g3", brand: "Facility", name: "Personal PT", price: "Elite", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/bodybuilding-sport-sports-muscle_1296-389.jpg" },
|
||||
{ id: "g4", brand: "Facility", name: "24/7 Access", price: "Elite", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg" },
|
||||
{ id: "g5", brand: "Facility", name: "Locker Area", price: "Elite", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917987.jpg" },
|
||||
{ id: "g6", brand: "Facility", name: "Private Studio", price: "Elite", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077753.jpg" },
|
||||
]}
|
||||
title="Elite Training Environment"
|
||||
description="Step into a world of serious training."
|
||||
@@ -370,36 +176,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "Membership",
|
||||
name: "Access",
|
||||
features: [
|
||||
"24/7 Gym Access",
|
||||
"Premium Equipment",
|
||||
"Private Community",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "basic", price: "Membership", name: "Access", features: ["24/7 Gym Access", "Premium Equipment", "Private Community"],
|
||||
buttons: [{ text: "Join Now", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "Membership",
|
||||
name: "PT Pro",
|
||||
features: [
|
||||
"Everything in Access",
|
||||
"1-on-1 PT Sessions",
|
||||
"Customized Plans",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Personal Training",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "pro", price: "Membership", name: "PT Pro", features: ["Everything in Access", "1-on-1 PT Sessions", "Customized Plans"],
|
||||
buttons: [{ text: "Book Personal Training", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="Serious Training Starts Here"
|
||||
@@ -410,9 +192,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Power X Gym"
|
||||
description="Building 103, Suhaim Tower, Floor 9, Doha, Qatar. Call +974 7070 5621."
|
||||
@@ -422,14 +202,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Power X Gym"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user