Update src/app/page.tsx
This commit is contained in:
242
src/app/page.tsx
242
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Fitness Extreme"
|
||||
/>
|
||||
@@ -56,65 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Train Smart. Train Strong 💪🚴"
|
||||
description="Your all-in-one fitness hub in Doha. Experience elite strength, cardio, and personalized coaching in a 24/7 environment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Join Now", href: "#pricing"},
|
||||
{
|
||||
text: "Start Training",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Training", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bottle_23-2149220909.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bottle_23-2149220909.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080491.jpg",
|
||||
alt: "Close up on man doing crossfit workout",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080491.jpg", alt: "Close up on man doing crossfit workout"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699496.jpg",
|
||||
alt: "View of gym room for training and sports",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699496.jpg", alt: "View of gym room for training and sports"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg",
|
||||
alt: "Sportswoman with dumbbell above head",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg", alt: "Sportswoman with dumbbell above head"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-sports-equipment-near-fitball_23-2147775540.jpg",
|
||||
alt: "Young woman with sports equipment near fitball",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-sports-equipment-near-fitball_23-2147775540.jpg", alt: "Young woman with sports equipment near fitball"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bottle_23-2149220909.jpg",
|
||||
alt: "modern gym dark theme neon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bottle_23-2149220909.jpg", alt: "modern gym dark theme neon"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
type: "text", text: "24/7 Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personal Training",
|
||||
},
|
||||
type: "text", text: "Personal Training"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cycling Studio",
|
||||
},
|
||||
type: "text", text: "Cycling Studio"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nutrition Plans",
|
||||
},
|
||||
type: "text", text: "Nutrition Plans"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Equipment",
|
||||
},
|
||||
type: "text", text: "Elite Equipment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,72 +101,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Strength Training",
|
||||
description: "High-end equipment for all levels.",
|
||||
icon: Activity,
|
||||
title: "Strength Training", description: "High-end equipment for all levels.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270245.jpg",
|
||||
imageAlt: "Strength Training",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270245.jpg", imageAlt: "Strength Training"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-taking-part-spinning-class_23-2149332056.jpg",
|
||||
imageAlt: "Strength Training 2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bottle_23-2149220909.jpg?_wi=2",
|
||||
imageAlt: "indoor cycling studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-taking-part-spinning-class_23-2149332056.jpg", imageAlt: "Strength Training 2"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Cycling Programs",
|
||||
description: "Indoor cycling classes for endurance.",
|
||||
icon: Gauge,
|
||||
title: "Cycling Programs", description: "Indoor cycling classes for endurance.", icon: Gauge,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270235.jpg",
|
||||
imageAlt: "Cycling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270235.jpg", imageAlt: "Cycling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270218.jpg",
|
||||
imageAlt: "Cycling 2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289993.jpg",
|
||||
imageAlt: "indoor cycling studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270218.jpg", imageAlt: "Cycling 2"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Nutrition Guidance",
|
||||
description: "Diet planning and fat loss strategies.",
|
||||
icon: Flame,
|
||||
title: "Nutrition Guidance", description: "Diet planning and fat loss strategies.", icon: Flame,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-meal-plate-with-avocado-wooden-background_176474-3858.jpg",
|
||||
imageAlt: "Nutrition",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-meal-plate-with-avocado-wooden-background_176474-3858.jpg", imageAlt: "Nutrition"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-green-vegetarian-buddha-bowl-lunch-with-eggs-rice-tomato-avocado-blue-cheese-table_2829-18804.jpg",
|
||||
imageAlt: "Nutrition 2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-out-together_23-2150405463.jpg",
|
||||
imageAlt: "indoor cycling studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-green-vegetarian-buddha-bowl-lunch-with-eggs-rice-tomato-avocado-blue-cheese-table_2829-18804.jpg", imageAlt: "Nutrition 2"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Personal Training",
|
||||
description: "Custom workout plans by pros.",
|
||||
icon: User,
|
||||
title: "Personal Training", description: "Custom workout plans by pros.", icon: User,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
|
||||
imageAlt: "PT",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg", imageAlt: "PT"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-coach-helping-girl_23-2150363713.jpg",
|
||||
imageAlt: "PT 2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-putting-protective-gloves_23-2148426171.jpg",
|
||||
imageAlt: "indoor cycling studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-coach-helping-girl_23-2150363713.jpg", imageAlt: "PT 2"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Complete Fitness Experience"
|
||||
@@ -214,39 +149,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "299 QAR",
|
||||
subtitle: "Basic 24/7 Access",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "299 QAR", subtitle: "Basic 24/7 Access", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Full Gym Access",
|
||||
"Cycling Sessions",
|
||||
"Free Locker",
|
||||
],
|
||||
"Full Gym Access", "Cycling Sessions", "Free Locker"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "499 QAR",
|
||||
subtitle: "Complete Coaching",
|
||||
buttons: [
|
||||
id: "pro", badge: "Premium", price: "499 QAR", subtitle: "Complete Coaching", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Full Gym Access",
|
||||
"Personal Training",
|
||||
"Nutrition Plan",
|
||||
"Group Classes",
|
||||
],
|
||||
"Full Gym Access", "Personal Training", "Nutrition Plan", "Group Classes"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -262,23 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Ali",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg",
|
||||
},
|
||||
id: "t1", name: "Ahmed Ali", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sara Mohammed",
|
||||
role: "Personal Trainer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg",
|
||||
},
|
||||
id: "t2", name: "Sara Mohammed", role: "Personal Trainer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John Doe",
|
||||
role: "Cycling Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-taking-part-spinning-class_23-2149332044.jpg",
|
||||
},
|
||||
id: "t3", name: "John Doe", role: "Cycling Expert", imageSrc: "http://img.b2bpic.net/free-photo/young-women-taking-part-spinning-class_23-2149332044.jpg"},
|
||||
]}
|
||||
title="Meet Our Trainers"
|
||||
description="Expert coaches dedicated to your success."
|
||||
@@ -293,25 +197,15 @@ export default function LandingPage() {
|
||||
author="Khalid H."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
|
||||
alt: "Khalid H",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg", alt: "Khalid H"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-boxer-putting-protective-gloves_23-2148426171.jpg",
|
||||
alt: "Fatima A",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-boxer-putting-protective-gloves_23-2148426171.jpg", alt: "Fatima A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-hydration-after-workingout-outdoor_23-2148284803.jpg",
|
||||
alt: "Ahmed S",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-hydration-after-workingout-outdoor_23-2148284803.jpg", alt: "Ahmed S"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-woman_171337-6263.jpg",
|
||||
alt: "Omar M",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-woman_171337-6263.jpg", alt: "Omar M"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg",
|
||||
alt: "Layla K",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg", alt: "Layla K"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -324,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you open 24/7?",
|
||||
content: "Yes, our gym is accessible 24/7.",
|
||||
},
|
||||
id: "1", title: "Are you open 24/7?", content: "Yes, our gym is accessible 24/7."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer nutrition advice?",
|
||||
content: "Yes, we provide custom diet planning.",
|
||||
},
|
||||
id: "2", title: "Do you offer nutrition advice?", content: "Yes, we provide custom diet planning."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I book classes?",
|
||||
content: "You can book via our member portal.",
|
||||
},
|
||||
id: "3", title: "How do I book classes?", content: "You can book via our member portal."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries."
|
||||
@@ -349,8 +234,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Fitness Extreme Al Hilal"
|
||||
description="Building No. 330, Souq Al Dirham Building, Rawdat Al Khail St, Doha. Call us: +974 4493 3112"
|
||||
@@ -364,29 +248,19 @@ export default function LandingPage() {
|
||||
logoText="Fitness Extreme"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user