Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
356
src/app/page.tsx
356
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: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Membership", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PRIVILÈGE"
|
||||
/>
|
||||
@@ -60,80 +45,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Where Luxury Meets Performance"
|
||||
description="Experience the pinnacle of fitness in the heart of Casablanca. Privilège is not just a gym, it is an elite lifestyle destination."
|
||||
description="Experience the pinnacle of fitness in the heart of Casablanca at Privilège Luxury Fitness Club. An elite lifestyle destination for those who demand excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Yassine B.",
|
||||
handle: "@yassine",
|
||||
testimonial: "The best fitness experience in Casablanca. True luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-standing-steps-outdoors_171337-8164.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia R.",
|
||||
handle: "@sofia",
|
||||
testimonial: "Privilège changed my lifestyle completely. Absolutely world-class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-14185.jpg",
|
||||
},
|
||||
{
|
||||
name: "Omar K.",
|
||||
handle: "@omar",
|
||||
testimonial: "Everything from equipment to coaching is flawless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-sport-fitness-outfit-rooftop-making-work-out_285396-10857.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lina M.",
|
||||
handle: "@lina",
|
||||
testimonial: "Finally a gym that matches international standards of luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sporty-woman-with-dumbbells_23-2148499137.jpg",
|
||||
},
|
||||
{
|
||||
name: "Karim S.",
|
||||
handle: "@karim",
|
||||
testimonial: "I love the exclusive atmosphere and professional staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-fit-woman_23-2149247883.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Book a Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Yassine B.", handle: "@yassine", testimonial: "The best fitness experience in Casablanca.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-standing-steps-outdoors_171337-8164.jpg" },
|
||||
{ name: "Sofia R.", handle: "@sofia", testimonial: "Privilège changed my lifestyle completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-14185.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Join Now", href: "#pricing" }, { text: "Book a Visit", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-playing-bowling_107420-84936.jpg"
|
||||
showBlur={true}
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150165248.jpg",
|
||||
alt: "Fitness member avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-women-standing-writing-down-something-into-notebook_1153-9635.jpg",
|
||||
alt: "Fitness member avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-sitting-chair_1303-13553.jpg",
|
||||
alt: "Fitness member avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-cafe_1157-25330.jpg",
|
||||
alt: "Fitness member avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-positivity-girl-smiling-camera-posing-with-crossed-arms-gym_231208-4663.jpg",
|
||||
alt: "Fitness member avatar",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our community of 1500+ members"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,52 +60,22 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A New Standard of Excellence"
|
||||
description="Privilège Luxury Fitness Club is a beacon of wellness in Casablanca. We redefine fitness through high-end architecture, elite personal coaching, and an unparalleled environment designed for your peak performance."
|
||||
description="Privilège Luxury Fitness Club is a beacon of wellness in Casablanca. Located at the heart of the city, we redefine fitness through high-end architecture, elite personal coaching, and an environment designed for your peak performance."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "World-Class Equipment",
|
||||
description: "Top-of-the-line machines for every discipline.",
|
||||
},
|
||||
{
|
||||
title: "Elite Coaching",
|
||||
description: "Certificated professionals tailored to your goals.",
|
||||
},
|
||||
{
|
||||
title: "Luxury Architecture",
|
||||
description: "An inspiring space for your daily fitness routine.",
|
||||
},
|
||||
{ title: "Prime Location", description: "Centrally located in the heart of Casablanca." },
|
||||
{ title: "Elite Coaching", description: "Certificated professionals tailored to your goals." },
|
||||
{ title: "Luxury Architecture", description: "An inspiring space for your daily fitness routine." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-lifting-barbell-bar_23-2147789575.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Elite",
|
||||
title: "Personal Training",
|
||||
subtitle: "Custom Programs",
|
||||
description: "One-on-one sessions with elite trainers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3370.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Wellness",
|
||||
title: "Spa & Sauna",
|
||||
subtitle: "Recovery",
|
||||
description: "Relax after your workout with our world-class spa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000355.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Group",
|
||||
title: "RPM Cycling",
|
||||
subtitle: "High Energy",
|
||||
description: "The ultimate indoor cycling experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-exercising-woman-mirror-gym_23-2147827899.jpg",
|
||||
},
|
||||
{ tag: "Elite", title: "Personal Training", subtitle: "Custom Programs", description: "One-on-one sessions with elite trainers.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3370.jpg" },
|
||||
{ tag: "Wellness", title: "Spa & Sauna", subtitle: "Recovery", description: "Relax after your workout with our world-class spa.", imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000355.jpg" },
|
||||
]}
|
||||
title="Unrivalled Fitness Services"
|
||||
description="From high-intensity workouts to holistic wellness treatments, explore our diverse offerings."
|
||||
@@ -200,39 +88,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "essential",
|
||||
badge: "Beginner",
|
||||
price: "1,500 MAD",
|
||||
subtitle: "Core Access",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Group Classes",
|
||||
"Locker Room",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Most Popular",
|
||||
price: "2,500 MAD",
|
||||
subtitle: "Full Lifestyle",
|
||||
features: [
|
||||
"All Core Features",
|
||||
"Spa Access",
|
||||
"Priority Booking",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "Elite",
|
||||
price: "4,000 MAD",
|
||||
subtitle: "Unlimited Luxury",
|
||||
features: [
|
||||
"All Premium Features",
|
||||
"1-on-1 Coaching",
|
||||
"Member Events",
|
||||
],
|
||||
},
|
||||
{ id: "essential", badge: "Essential", price: "Access", subtitle: "Core Access", features: ["Gym Access", "Group Classes", "Locker Room"] },
|
||||
{ id: "premium", badge: "Premium", price: "Full Access", subtitle: "Full Lifestyle", features: ["All Core Features", "Spa Access", "Priority Booking"] },
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Choose the membership that aligns with your lifestyle and fitness ambitions."
|
||||
@@ -243,32 +100,12 @@ export default function LandingPage() {
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Members",
|
||||
description: "Community of high achievers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Expert Coaches",
|
||||
description: "Professional guidance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15",
|
||||
title: "Disciplines",
|
||||
description: "Diverse workout options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-training-gym_23-2150772249.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1500+", title: "Members", description: "Community of high achievers.", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg" },
|
||||
{ id: "m2", value: "20+", title: "Expert Coaches", description: "Professional guidance.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg" },
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
description="Our commitment to health and performance, measured in excellence."
|
||||
description="Our commitment to health and performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -277,28 +114,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Dubois",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Mansour",
|
||||
role: "Cycling Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23271.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Wilson",
|
||||
role: "Performance Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sportswear-looking-mirror_169016-64158.jpg",
|
||||
},
|
||||
]}
|
||||
team={[{ id: "t1", name: "Alex Dubois", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg" }]}
|
||||
title="Meet Our Elite Coaches"
|
||||
description="Our team of world-class fitness professionals is dedicated to helping you reach your peak performance."
|
||||
description="Our team is dedicated to your peak performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -307,64 +125,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Yassine B.",
|
||||
role: "Entrepreneur",
|
||||
company: "Casablanca Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-athletic-wear-posing-stairs-outdoors_23-2148773869.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sofia R.",
|
||||
role: "Director",
|
||||
company: "Creative Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-practicing-sports-with-use-foam-roller_23-2151742483.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Omar K.",
|
||||
role: "Manager",
|
||||
company: "Global Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lina M.",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219909.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Karim S.",
|
||||
role: "Consultant",
|
||||
company: "Strategic Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-motivated-woman-tracksuit-keeps-hands-waist-being-good-physical-shapes-does-exersies-open-air-focused-into-distance-has-regular-training-leads-healthy-lifestyle-workout-concept_273609-55471.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Hours Trained",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Excellence",
|
||||
},
|
||||
]}
|
||||
title="What Members Say"
|
||||
description="Hear from our exclusive community about their experience at Privilège."
|
||||
testimonials={[{ id: "1", name: "Yassine B.", role: "Entrepreneur", company: "Casablanca Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-athletic-wear-posing-stairs-outdoors_23-2148773869.jpg" }]}
|
||||
kpiItems={[{ value: "98%", label: "Satisfaction" }, { value: "5k+", label: "Hours" }, { value: "100%", label: "Luxury" }]}
|
||||
title="Member Feedback"
|
||||
description="What our elite community says."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -372,24 +136,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we encourage you to book a visit first.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there showers?",
|
||||
content: "Our luxury locker rooms feature full shower amenities.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are the hours?",
|
||||
content: "Open M-F 6AM-11PM, Sat-Sun 8AM-9PM.",
|
||||
},
|
||||
{ id: "f1", title: "Contact Us", content: "Call us at +212 522 83 16 16 for any inquiries regarding our facilities in Casablanca." },
|
||||
{ id: "f2", title: "Follow Us", content: "Check our latest updates and fitness tips on Instagram at @privilege_luxury_club." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about starting your journey."
|
||||
sideTitle="Need Assistance?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -397,12 +147,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Begin Your Transformation"
|
||||
description="Ready to join the club? Contact us or visit our Casablanca facility."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Visit Privilège Casablanca"
|
||||
description="Located in the heart of Casablanca. Reach out at +212 522 83 16 16 or visit us on Instagram @privilege_luxury_club to stay updated."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -410,44 +158,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="PRIVILÈGE"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/212522831616",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/privilege_luxury_club",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Contact", items: [{ label: "+212 522 83 16 16", href: "tel:+212522831616" }, { label: "Instagram @privilege_luxury_club", href: "https://instagram.com/privilege_luxury_club" }] },
|
||||
{ title: "Location", items: [{ label: "Casablanca, Morocco", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user