Merge version_2 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Matrix Fitness"
|
||||
/>
|
||||
@@ -60,103 +50,60 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
title="Unleash Your Potential"
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Redefine Your Limits at Matrix Fitness"
|
||||
description="State-of-the-art equipment designed for high-performance training. Join Matrix Fitness and redefine your limits."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746589.jpg?_wi=1",
|
||||
imageAlt: "fitness gym interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746589.jpg?_wi=1", imageAlt: "fitness gym interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-man-with-dark-skin-has-self-confident-facial-expression-aside-holds-bottle-with-water-poses-rocky-terrain-has-sporty-body-with-muscles-fitness-recreation-lifestyle-concept_273609-29675.jpg?_wi=1",
|
||||
imageAlt: "athlete working out",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-man-with-dark-skin-has-self-confident-facial-expression-aside-holds-bottle-with-water-poses-rocky-terrain-has-sporty-body-with-muscles-fitness-recreation-lifestyle-concept_273609-29675.jpg?_wi=1", imageAlt: "athlete working out"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-dumbbells-modern-sports-club_1339-3193.jpg",
|
||||
imageAlt: "dumbbell fitness",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-dumbbells-modern-sports-club_1339-3193.jpg", imageAlt: "dumbbell fitness"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-woman-doing-exercise-yoga-mat_23-2147827396.jpg",
|
||||
imageAlt: "weight lifting machine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-woman-doing-exercise-yoga-mat_23-2147827396.jpg", imageAlt: "weight lifting machine"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-sport-with-stats_23-2150040492.jpg",
|
||||
imageAlt: "treadmill row",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-sport-with-stats_23-2150040492.jpg", imageAlt: "treadmill row"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-using-smartphone-gym_23-2147789617.jpg",
|
||||
imageAlt: "person stretching gym",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-using-smartphone-gym_23-2147789617.jpg", imageAlt: "person stretching gym"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-woman-jogging-treadmill-health-club-female-working-out-gym-running-treadmill_231208-4512.jpg",
|
||||
imageAlt: "treadmill row",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-woman-jogging-treadmill-health-club-female-working-out-gym-running-treadmill_231208-4512.jpg", imageAlt: "treadmill row"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661001.jpg",
|
||||
imageAlt: "weight lifting machine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661001.jpg", imageAlt: "weight lifting machine"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-floor-empty-health-club_637285-2513.jpg",
|
||||
imageAlt: "dumbbell fitness",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-floor-empty-health-club_637285-2513.jpg", imageAlt: "dumbbell fitness"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289991.jpg",
|
||||
imageAlt: "athlete working out",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289991.jpg", imageAlt: "athlete working out"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Training",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Training", href: "#pricing"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917995.jpg",
|
||||
alt: "Modern and urban gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917995.jpg", alt: "Modern and urban gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918013.jpg",
|
||||
alt: "Modern and urban gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918013.jpg", alt: "Modern and urban gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-spinning-class_23-2149332097.jpg",
|
||||
alt: "Young woman in spinning class",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-spinning-class_23-2149332097.jpg", alt: "Young woman in spinning class"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-training-gym_23-2150007166.jpg",
|
||||
alt: "Side view woman training at gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-training-gym_23-2150007166.jpg", alt: "Side view woman training at gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-exercising-with-dumbbell-fitness-center_23-2147827467.jpg",
|
||||
alt: "Woman exercising with dumbbell in fitness center",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-exercising-with-dumbbell-fitness-center_23-2147827467.jpg", alt: "Woman exercising with dumbbell in fitness center"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Equipment",
|
||||
},
|
||||
type: "text", text: "Elite Equipment"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
type: "text", text: "24/7 Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Coaching",
|
||||
},
|
||||
type: "text", text: "Expert Coaching"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
type: "text", text: "High Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Facilities",
|
||||
},
|
||||
type: "text", text: "Modern Facilities"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,14 +113,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for Peak Performance",
|
||||
},
|
||||
type: "text", content: "Built for Peak Performance"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg",
|
||||
alt: "gym space interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg", alt: "gym space interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,29 +128,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Advanced Technology",
|
||||
description: "Cutting edge equipment that tracks your performance.",
|
||||
},
|
||||
title: "Advanced Technology", description: "Cutting edge equipment that tracks your performance."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Safe Environment",
|
||||
description: "Sanitized facilities with safety-first protocols.",
|
||||
},
|
||||
title: "Safe Environment", description: "Sanitized facilities with safety-first protocols."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Expert Trainers",
|
||||
description: "Certified coaches to help you reach your goals.",
|
||||
},
|
||||
title: "Expert Trainers", description: "Certified coaches to help you reach your goals."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Community Focus",
|
||||
description: "A supportive environment for all fitness levels.",
|
||||
},
|
||||
title: "Community Focus", description: "A supportive environment for all fitness levels."},
|
||||
{
|
||||
icon: BarChart,
|
||||
title: "Result Tracking",
|
||||
description: "Data-driven insights to measure your progress.",
|
||||
},
|
||||
title: "Result Tracking", description: "Data-driven insights to measure your progress."},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Innovative solutions and professional guidance for every fitness journey."
|
||||
@@ -222,25 +154,13 @@ export default function LandingPage() {
|
||||
tag="Trusted by thousands"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
description: "Active Members",
|
||||
},
|
||||
id: "m1", value: "15,000+", description: "Active Members"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
description: "Expert Trainers",
|
||||
},
|
||||
id: "m2", value: "200+", description: "Expert Trainers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Facilities Worldwide",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Facilities Worldwide"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "1M+",
|
||||
description: "Workouts Completed",
|
||||
},
|
||||
id: "m4", value: "1M+", description: "Workouts Completed"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -253,53 +173,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Basic Plan",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Basic Equipment Access",
|
||||
"Locker Room Access",
|
||||
],
|
||||
id: "p1", title: "Basic Plan", price: "$29", period: "/mo", features: [
|
||||
"Basic Equipment Access", "Locker Room Access"],
|
||||
button: {
|
||||
text: "Choose",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-water-bottle_23-2149337989.jpg",
|
||||
imageAlt: "person stretching gym",
|
||||
},
|
||||
text: "Choose"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-water-bottle_23-2149337989.jpg", imageAlt: "person stretching gym"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Pro Plan",
|
||||
price: "$59",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Full Gym Access",
|
||||
"Group Classes",
|
||||
"Personal Training Session",
|
||||
],
|
||||
id: "p2", title: "Pro Plan", price: "$59", period: "/mo", features: [
|
||||
"Full Gym Access", "Group Classes", "Personal Training Session"],
|
||||
button: {
|
||||
text: "Choose",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746589.jpg?_wi=2",
|
||||
imageAlt: "person stretching gym",
|
||||
},
|
||||
text: "Choose"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746589.jpg?_wi=2", imageAlt: "person stretching gym"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Elite Plan",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"All Elite Access",
|
||||
"Unlimited Classes",
|
||||
"Priority Booking",
|
||||
"Nutrition Coaching",
|
||||
],
|
||||
id: "p3", title: "Elite Plan", price: "$99", period: "/mo", features: [
|
||||
"All Elite Access", "Unlimited Classes", "Priority Booking", "Nutrition Coaching"],
|
||||
button: {
|
||||
text: "Choose",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-man-with-dark-skin-has-self-confident-facial-expression-aside-holds-bottle-with-water-poses-rocky-terrain-has-sporty-body-with-muscles-fitness-recreation-lifestyle-concept_273609-29675.jpg?_wi=2",
|
||||
imageAlt: "person stretching gym",
|
||||
},
|
||||
text: "Choose"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-man-with-dark-skin-has-self-confident-facial-expression-aside-holds-bottle-with-water-poses-rocky-terrain-has-sporty-body-with-muscles-fitness-recreation-lifestyle-concept_273609-29675.jpg?_wi=2", imageAlt: "person stretching gym"},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Choose the membership that fits your needs."
|
||||
@@ -312,45 +202,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Life Changing",
|
||||
quote: "I've never felt better! Matrix Fitness changed my life.",
|
||||
name: "David",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-with-headphones-gym_23-2148419813.jpg",
|
||||
},
|
||||
id: "t1", title: "Life Changing", quote: "I've never felt better! Matrix Fitness changed my life.", name: "David", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-with-headphones-gym_23-2148419813.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top Tier",
|
||||
quote: "The trainers are professional and the facility is spotless.",
|
||||
name: "Anna",
|
||||
role: "Pro Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-training-dark-wall_176420-6592.jpg",
|
||||
},
|
||||
id: "t2", title: "Top Tier", quote: "The trainers are professional and the facility is spotless.", name: "Anna", role: "Pro Member", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-training-dark-wall_176420-6592.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Vibe",
|
||||
quote: "Love the energy here every single time I walk in.",
|
||||
name: "Marcus",
|
||||
role: "Elite Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163330.jpg",
|
||||
},
|
||||
id: "t3", title: "Great Vibe", quote: "Love the energy here every single time I walk in.", name: "Marcus", role: "Elite Member", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163330.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Best Equipment",
|
||||
quote: "The tech tools for tracking progress are just incredible.",
|
||||
name: "Elena",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-posing-isolated-black-wall_176420-6606.jpg",
|
||||
},
|
||||
id: "t4", title: "Best Equipment", quote: "The tech tools for tracking progress are just incredible.", name: "Elena", role: "Member", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-posing-isolated-black-wall_176420-6606.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Matrix Fitness is the standard for modern gyms.",
|
||||
name: "John",
|
||||
role: "Pro Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-girl-leads-active-lifestyle-does-workout-from-home-listens-music-fitness-t_1258-183823.jpg",
|
||||
},
|
||||
id: "t5", title: "Highly Recommend", quote: "Matrix Fitness is the standard for modern gyms.", name: "John", role: "Pro Member", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-girl-leads-active-lifestyle-does-workout-from-home-listens-music-fitness-t_1258-183823.jpg"},
|
||||
]}
|
||||
title="Member Success"
|
||||
description="What our community has to say about their fitness experience."
|
||||
@@ -363,20 +223,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is personal training included?",
|
||||
content: "Yes, our Elite plan includes one free session.",
|
||||
},
|
||||
id: "f1", title: "Is personal training included?", content: "Yes, our Elite plan includes one free session."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, our flexible plans allow cancellation with 30 days notice.",
|
||||
},
|
||||
id: "f2", title: "Can I cancel anytime?", content: "Yes, our flexible plans allow cancellation with 30 days notice."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are group classes free?",
|
||||
content: "Group classes are included in Pro and Elite plans.",
|
||||
},
|
||||
id: "f3", title: "Are group classes free?", content: "Group classes are included in Pro and Elite plans."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to common questions about our membership and facilities."
|
||||
@@ -388,13 +239,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
text="Ready to transform your lifestyle? Get in touch with us today for a free tour."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
text: "Contact Us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -405,25 +254,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -433,4 +274,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user