Merge version_1 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Training",
|
||||
id: "training",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Training", id: "training" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fitness Extreme"
|
||||
/>
|
||||
@@ -59,47 +44,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Push Beyond Limits 🔥💪"
|
||||
description="Train harder at one of the most intense gyms in Doha. Open 24/7 for those who demand results."
|
||||
tag="Doha's Premier 24/7 Gym"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Start Training",
|
||||
href: "#training",
|
||||
},
|
||||
{ text: "Join Now", href: "#contact" },
|
||||
{ text: "Start Training", href: "#training" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-using-smartphone-training_23-2147789638.jpg?_wi=1",
|
||||
imageAlt: "dark modern gym interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-bench-press-machine_23-2147688194.jpg",
|
||||
imageAlt: "dark modern gym interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gym-with-motivational-phrase_1134-445.jpg",
|
||||
imageAlt: "dark modern gym interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-gym_23-2148024301.jpg",
|
||||
imageAlt: "dark modern gym interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/karate-woman-from-shot-dark-background_23-2148322295.jpg",
|
||||
imageAlt: "dark modern gym interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163376.jpg",
|
||||
imageAlt: "dark modern gym interior",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-using-smartphone-training_23-2147789638.jpg", imageAlt: "dark modern gym interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-bench-press-machine_23-2147688194.jpg", imageAlt: "dark modern gym interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gym-with-motivational-phrase_1134-445.jpg", imageAlt: "dark modern gym interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-gym_23-2148024301.jpg", imageAlt: "dark modern gym interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/karate-woman-from-shot-dark-background_23-2148322295.jpg", imageAlt: "dark modern gym interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163376.jpg", imageAlt: "dark modern gym interior" },
|
||||
]}
|
||||
tagIcon={Zap}
|
||||
/>
|
||||
@@ -110,9 +69,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built for Serious Training"
|
||||
description={[
|
||||
"Fitness Extreme Qatar is designed for those who want real results.",
|
||||
"With a high-energy environment and powerful training culture, this gym pushes you beyond your limits.",
|
||||
]}
|
||||
"Fitness Extreme Qatar is designed for those who want real results.", "With a high-energy environment and powerful training culture, this gym pushes you beyond your limits."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,24 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Access",
|
||||
description: "Train on your schedule, anytime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg?_wi=1",
|
||||
imageAlt: "heavy gym equipment neon lights",
|
||||
},
|
||||
{
|
||||
title: "High-Energy Atmosphere",
|
||||
description: "Music and energy to keep you pushing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-mask-hanging-from-treadmill-gym_23-2148766065.jpg",
|
||||
imageAlt: "24 hour gym equipment",
|
||||
},
|
||||
{
|
||||
title: "Expert Coaching",
|
||||
description: "Professional trainers to guide your progress.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-gym_23-2149627099.jpg",
|
||||
imageAlt: "personal trainer professional coaching",
|
||||
},
|
||||
{ title: "24/7 Access", description: "Train on your schedule, anytime.", imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg", imageAlt: "heavy gym equipment neon lights" },
|
||||
{ title: "High-Energy Atmosphere", description: "Music and energy to keep you pushing.", imageSrc: "http://img.b2bpic.net/free-photo/medical-mask-hanging-from-treadmill-gym_23-2148766065.jpg", imageAlt: "24 hour gym equipment" },
|
||||
{ title: "Expert Coaching", description: "Professional trainers to guide your progress.", imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-gym_23-2149627099.jpg", imageAlt: "personal trainer professional coaching" },
|
||||
]}
|
||||
title="Why Fitness Extreme"
|
||||
description="The best facilities for your body transformation goals in Doha."
|
||||
@@ -152,54 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "HIIT Training",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Strength Training",
|
||||
"Cardio Blast",
|
||||
"Functional Fitness",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/body-fitness_53876-95316.jpg",
|
||||
imageAlt: "intense gym training session",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Personal Coaching",
|
||||
price: "$199",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"1-on-1 Sessions",
|
||||
"Diet Plans",
|
||||
"Monthly Review",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-using-smartphone-training_23-2147789638.jpg?_wi=2",
|
||||
imageAlt: "intense gym training session",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Transformation",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Custom Nutrition",
|
||||
"Weekly Check-ins",
|
||||
"Results Tracking",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg?_wi=2",
|
||||
imageAlt: "intense gym training session",
|
||||
},
|
||||
{ id: "p1", title: "HIIT Training", price: "$99", period: "/mo", features: ["Strength Training", "Cardio Blast", "Functional Fitness"], button: { text: "Choose Plan" }, imageSrc: "http://img.b2bpic.net/free-photo/body-fitness_53876-95316.jpg", imageAlt: "intense gym training session" },
|
||||
{ id: "p2", title: "Personal Coaching", price: "$199", period: "/mo", features: ["1-on-1 Sessions", "Diet Plans", "Monthly Review"], button: { text: "Choose Plan" }, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-using-smartphone-training_23-2147789638.jpg", imageAlt: "intense gym training session" },
|
||||
{ id: "p3", title: "Transformation", price: "$299", period: "/mo", features: ["Custom Nutrition", "Weekly Check-ins", "Results Tracking"], button: { text: "Choose Plan" }, imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg", imageAlt: "intense gym training session" },
|
||||
]}
|
||||
title="Extreme Training Programs"
|
||||
description="Choose the program that fits your goals."
|
||||
@@ -209,30 +106,13 @@ export default function LandingPage() {
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200+",
|
||||
title: "Reviews",
|
||||
description: "Verified community members",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.6",
|
||||
title: "Rating",
|
||||
description: "Average satisfaction rating",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Access",
|
||||
description: "Always open for training",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "200+", title: "Reviews", description: "Verified community members", icon: Star },
|
||||
{ id: "m2", value: "4.6", title: "Rating", description: "Average satisfaction rating", icon: Award },
|
||||
{ id: "m3", value: "24/7", title: "Access", description: "Always open for training", icon: Clock },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="We are proud of our community and the results they achieve daily."
|
||||
@@ -244,46 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing gym",
|
||||
quote: "Amazing environment for serious training.",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Athlete",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19218.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Strong vibes",
|
||||
quote: "Great gym with strong community vibe.",
|
||||
name: "John Doe",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-training-with-kettlebell_23-2149358175.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Perfect results",
|
||||
quote: "Perfect for transformation goals.",
|
||||
name: "Ali Hassan",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-athletic-woman-warming-up-while-exercising-living-room_637285-6208.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Top tier",
|
||||
quote: "The best intensity in the city.",
|
||||
name: "Mariam Khan",
|
||||
role: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-sport-with-stats_23-2150040504.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Life changing",
|
||||
quote: "I have transformed my life here.",
|
||||
name: "Omar Said",
|
||||
role: "Athlete",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-bearded-man_273609-16029.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Amazing gym", quote: "Amazing environment for serious training.", name: "Sarah Ahmed", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19218.jpg" },
|
||||
{ id: "t2", title: "Strong vibes", quote: "Great gym with strong community vibe.", name: "John Doe", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-training-with-kettlebell_23-2149358175.jpg" },
|
||||
{ id: "t3", title: "Perfect results", quote: "Perfect for transformation goals.", name: "Ali Hassan", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-athletic-woman-warming-up-while-exercising-living-room_637285-6208.jpg" },
|
||||
{ id: "t4", title: "Top tier", quote: "The best intensity in the city.", name: "Mariam Khan", role: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-sport-with-stats_23-2150040504.jpg" },
|
||||
{ id: "t5", title: "Life changing", quote: "I have transformed my life here.", name: "Omar Said", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-bearded-man_273609-16029.jpg" },
|
||||
]}
|
||||
title="Real Members. Real Results."
|
||||
description="Trusted by hundreds of athletes in Doha."
|
||||
@@ -295,21 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you open 24/7?",
|
||||
content: "Yes, Fitness Extreme Qatar is open 24 hours a day, 7 days a week.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer personal training?",
|
||||
content: "Absolutely. We offer tailored personal training programs.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located on Al Aziziyah Street, Doha, Qatar.",
|
||||
},
|
||||
{ id: "f1", title: "Are you open 24/7?", content: "Yes, Fitness Extreme Qatar is open 24 hours a day, 7 days a week." },
|
||||
{ id: "f2", title: "Do you offer personal training?", content: "Absolutely. We offer tailored personal training programs." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located on Al Aziziyah Street, Doha, Qatar." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have answers."
|
||||
@@ -320,9 +153,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ready to Go Extreme?"
|
||||
description="Join Fitness Extreme Qatar today and start your transformation. Contact us at +974 4482 9703."
|
||||
tag="Let's Talk"
|
||||
@@ -334,36 +165,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-perfectly-ordered-fitness-items_23-2150321809.jpg"
|
||||
logoText="Fitness Extreme"
|
||||
columns={[
|
||||
{
|
||||
title: "Gym",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#training",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Gym", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#training" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user