Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e747f3804c |
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fitness Club Fès"
|
||||
/>
|
||||
@@ -63,47 +51,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Train Smarter, Stronger, Together at Fès"
|
||||
description="Modern equipment, certified coaches, and a community that pushes you forward. Experience the gym difference with transparent pricing and professional guidance every step."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Transformation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Transformation", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-loft-gym-fitness_105762-2020.jpg",
|
||||
imageAlt: "Modern weight room",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-loft-gym-fitness_105762-2020.jpg", imageAlt: "Modern weight room"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-beginner-gym_23-2149561892.jpg",
|
||||
imageAlt: "Certified trainer assisting member",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-beginner-gym_23-2149561892.jpg", imageAlt: "Certified trainer assisting member"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-running-treadmill_1208-277.jpg",
|
||||
imageAlt: "Clean cardio zone",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-running-treadmill_1208-277.jpg", imageAlt: "Clean cardio zone"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-discussion-gym_23-2147949629.jpg",
|
||||
imageAlt: "Community class session",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-discussion-gym_23-2147949629.jpg", imageAlt: "Community class session"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-training-together-side-view_23-2148938444.jpg",
|
||||
imageAlt: "Stretching area",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/women-training-together-side-view_23-2148938444.jpg", imageAlt: "Stretching area"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270219.jpg",
|
||||
imageAlt: "Group workout atmosphere",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270219.jpg", imageAlt: "Group workout atmosphere"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,18 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission in ",
|
||||
},
|
||||
type: "text", content: "Our Mission in "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur_74190-1300.jpg",
|
||||
alt: "Fès gym facility",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-blur_74190-1300.jpg", alt: "Fès gym facility"},
|
||||
{
|
||||
type: "text",
|
||||
content: " is simple: to empower every member through expert guidance and a welcoming, clean facility.",
|
||||
},
|
||||
type: "text", content: " is simple: to empower every member through expert guidance and a welcoming, clean facility."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,26 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Modern Equipment",
|
||||
subtitle: "Latest machinery",
|
||||
category: "Facilities",
|
||||
value: "100%",
|
||||
},
|
||||
id: "f1", title: "Modern Equipment", subtitle: "Latest machinery", category: "Facilities", value: "100%"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Certified Coaches",
|
||||
subtitle: "Expert guidance",
|
||||
category: "Coaching",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "f2", title: "Certified Coaches", subtitle: "Expert guidance", category: "Coaching", value: "24/7"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Pristine Cleanliness",
|
||||
subtitle: "Hygiene first",
|
||||
category: "Sanitation",
|
||||
value: "Daily",
|
||||
},
|
||||
id: "f3", title: "Pristine Cleanliness", subtitle: "Hygiene first", category: "Sanitation", value: "Daily"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We believe in transparency and consistency. See what makes our gym the top choice in Fès."
|
||||
@@ -169,53 +114,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "299 MAD",
|
||||
subtitle: "Perfect for beginners",
|
||||
features: [
|
||||
"Full gym access",
|
||||
"Initial assessment",
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "299 MAD", subtitle: "Perfect for beginners", features: [
|
||||
"Full gym access", "Initial assessment"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "499 MAD",
|
||||
subtitle: "For advanced results",
|
||||
features: [
|
||||
"Full gym access",
|
||||
"Weekly PT session",
|
||||
"Diet planning",
|
||||
],
|
||||
id: "p2", badge: "Pro", price: "499 MAD", subtitle: "For advanced results", features: [
|
||||
"Full gym access", "Weekly PT session", "Diet planning"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "799 MAD",
|
||||
subtitle: "Total support package",
|
||||
features: [
|
||||
"Unlimited access",
|
||||
"Daily PT coaching",
|
||||
"Full amenities",
|
||||
],
|
||||
id: "p3", badge: "Elite", price: "799 MAD", subtitle: "Total support package", features: [
|
||||
"Unlimited access", "Daily PT coaching", "Full amenities"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -231,28 +150,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Active Members",
|
||||
items: [
|
||||
"Joining our community",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Active Members", items: [
|
||||
"Joining our community"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Certified Coaches",
|
||||
items: [
|
||||
"Expertly trained staff",
|
||||
],
|
||||
id: "m2", value: "15", title: "Certified Coaches", items: [
|
||||
"Expertly trained staff"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8",
|
||||
title: "Star Rating",
|
||||
items: [
|
||||
"Member satisfaction",
|
||||
],
|
||||
id: "m3", value: "4.8", title: "Star Rating", items: [
|
||||
"Member satisfaction"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -265,30 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amine L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg",
|
||||
},
|
||||
id: "t1", name: "Amine L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima Z.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-posing-isolated-black-wall_176420-6595.jpg",
|
||||
},
|
||||
id: "t2", name: "Fatima Z.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-posing-isolated-black-wall_176420-6595.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Omar B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-training-with-dumbbell_23-2148625838.jpg",
|
||||
},
|
||||
id: "t3", name: "Omar B.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-training-with-dumbbell_23-2148625838.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Leila K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
|
||||
},
|
||||
id: "t4", name: "Leila K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Youssef M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-girl-standing-gym_1157-18761.jpg",
|
||||
},
|
||||
id: "t5", name: "Youssef M.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-girl-standing-gym_1157-18761.jpg"},
|
||||
]}
|
||||
cardTitle="Hear from Our Members"
|
||||
cardTag="Success Stories"
|
||||
@@ -304,26 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Coach Ahmed",
|
||||
role: "Head Trainer",
|
||||
description: "10 years experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-exercising-work-out-gym_74190-8553.jpg",
|
||||
},
|
||||
id: "tm1", name: "Coach Ahmed", role: "Head Trainer", description: "10 years experience", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-exercising-work-out-gym_74190-8553.jpg"},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Coach Sarah",
|
||||
role: "Strength Specialist",
|
||||
description: "Expert in powerlifting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-gym_1098-13888.jpg",
|
||||
},
|
||||
id: "tm2", name: "Coach Sarah", role: "Strength Specialist", description: "Expert in powerlifting", imageSrc: "http://img.b2bpic.net/free-photo/training-gym_1098-13888.jpg"},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Coach Karim",
|
||||
role: "Cardio Expert",
|
||||
description: "HIIT and endurance specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-medical-mask-gym-using-hand-sanitizer_23-2148766047.jpg",
|
||||
},
|
||||
id: "tm3", name: "Coach Karim", role: "Cardio Expert", description: "HIIT and endurance specialist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-medical-mask-gym-using-hand-sanitizer_23-2148766047.jpg"},
|
||||
]}
|
||||
title="Meet Your Coaches"
|
||||
description="Our team of certified experts is here to guide your fitness journey with precision."
|
||||
@@ -337,26 +214,16 @@ export default function LandingPage() {
|
||||
description="Reach out to schedule your free facility tour or sign up today. We look forward to meeting you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Full Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fitness-girl-using-her-mobile-phone_23-2148017354.jpg"
|
||||
buttonText="Book My Free Tour"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -369,4 +236,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user