Merge version_1 into main #2
381
src/app/page.tsx
381
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Activity, Heart, Sun, Timer, Zap } from "lucide-react";
|
||||
import { Activity, Heart, Sun, Timer, Zap, Dumbbell } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Classes",
|
||||
id: "features",
|
||||
},
|
||||
name: "Classes", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TheFit24"
|
||||
/>
|
||||
@@ -56,37 +48,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Unleash Your Potential at TheFit24"
|
||||
description="24/7 access to premium equipment, expert coaching, and a community built to help you reach your peak performance. Start your journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg?_wi=1",
|
||||
imageAlt: "fitness athletes gym weights",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-training-outdoors_23-2150975453.jpg?_wi=1",
|
||||
imageAlt: "athlete workout portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg?_wi=1",
|
||||
imageAlt: "modern functional training studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231814.jpg",
|
||||
imageAlt: "People playing basketball",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-out-together-outdoors_23-2149891482.jpg",
|
||||
imageAlt: "Group of people working out together outdoors",
|
||||
},
|
||||
{imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg", imageAlt: "fitness athletes gym weights"},
|
||||
{imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-training-outdoors_23-2150975453.jpg", imageAlt: "athlete workout portrait"},
|
||||
{imageSrc: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg", imageAlt: "modern functional training studio"},
|
||||
{imageSrc: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231814.jpg", imageAlt: "People playing basketball"},
|
||||
{imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-out-together-outdoors_23-2149891482.jpg", imageAlt: "Group of people working out together outdoors"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,36 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Always Open",
|
||||
items: [
|
||||
"No restrictions",
|
||||
"Your pace",
|
||||
"Flexible access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Expert Classes",
|
||||
items: [
|
||||
"Yoga",
|
||||
"HIIT",
|
||||
"Strength",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Member First",
|
||||
items: [
|
||||
"Community driven",
|
||||
"Supportive",
|
||||
"Inclusive",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "24/7", title: "Always Open", items: ["No restrictions", "Your pace", "Flexible access"] },
|
||||
{ id: "m2", value: "50+", title: "Expert Classes", items: ["Yoga", "HIIT", "Strength"] },
|
||||
{ id: "m3", value: "100%", title: "Member First", items: ["Community driven", "Supportive", "Inclusive"] }
|
||||
]}
|
||||
title="Why TheFit24?"
|
||||
description="We are dedicated to providing the best gym experience in the city."
|
||||
@@ -141,68 +88,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strength Training",
|
||||
description: "High-end equipment for all muscle groups.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-treadmill_1098-15787.jpg",
|
||||
imageAlt: "fitness athletes gym weights",
|
||||
},
|
||||
title: "Strength Training", description: "High-end equipment for all muscle groups.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-treadmill_1098-15787.jpg", imageAlt: "fitness athletes gym weights"},
|
||||
items: [
|
||||
{
|
||||
icon: Dumbbell,
|
||||
text: "Olympic bars",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Power racks",
|
||||
},
|
||||
{ icon: Dumbbell, text: "Olympic bars" },
|
||||
{ icon: Zap, text: "Power racks" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg?_wi=2",
|
||||
imageAlt: "fitness athletes gym weights",
|
||||
},
|
||||
{
|
||||
title: "Cardio Zone",
|
||||
description: "Latest cardio machines with heart rate tracking.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-posing-sportswear-isolated-gray_7502-8024.jpg",
|
||||
imageAlt: "athlete workout portrait",
|
||||
},
|
||||
title: "Cardio Zone", description: "Latest cardio machines with heart rate tracking.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-posing-sportswear-isolated-gray_7502-8024.jpg", imageAlt: "athlete workout portrait"},
|
||||
items: [
|
||||
{
|
||||
icon: Activity,
|
||||
text: "Smart treadmills",
|
||||
},
|
||||
{
|
||||
icon: Timer,
|
||||
text: "HIIT bikes",
|
||||
},
|
||||
{ icon: Activity, text: "Smart treadmills" },
|
||||
{ icon: Timer, text: "HIIT bikes" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-training-outdoors_23-2150975453.jpg?_wi=2",
|
||||
imageAlt: "fitness athletes gym weights",
|
||||
},
|
||||
{
|
||||
title: "Recovery Lounge",
|
||||
description: "Saunas, stretching zones, and deep massage chairs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-gym_1048-9960.jpg",
|
||||
imageAlt: "modern functional training studio",
|
||||
},
|
||||
title: "Recovery Lounge", description: "Saunas, stretching zones, and deep massage chairs.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-gym_1048-9960.jpg", imageAlt: "modern functional training studio"},
|
||||
items: [
|
||||
{
|
||||
icon: Heart,
|
||||
text: "Sauna access",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Stretching areas",
|
||||
},
|
||||
{ icon: Heart, text: "Sauna access" },
|
||||
{ icon: Sun, text: "Stretching areas" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg?_wi=2",
|
||||
imageAlt: "fitness athletes gym weights",
|
||||
},
|
||||
}
|
||||
]}
|
||||
title="World-Class Fitness Features"
|
||||
description="Our facilities offer everything you need to transform your body and mind effectively."
|
||||
@@ -216,60 +127,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TheFit24",
|
||||
name: "Gym Bag",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-alone-mutriku-while-having-his-essentials-backpack_23-2149118761.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "TheFit24",
|
||||
name: "Pro Gloves",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100705.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "TheFit24",
|
||||
name: "Smart Bottle",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "205",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gym-outfit-dumbbells_23-2149872134.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "TheFit24",
|
||||
name: "Dumbbell Set",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-lifestyle-health-rack-heavy_1203-5689.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "TheFit24",
|
||||
name: "Resistance Bands",
|
||||
price: "$15",
|
||||
rating: 4,
|
||||
reviewCount: "340",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kit-clothes-running-ba-gym_1303-1756.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "TheFit24",
|
||||
name: "Yoga Mat",
|
||||
price: "$50",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/weight-lifting-concept-with-dumbbell_23-2149267003.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "TheFit24", name: "Gym Bag", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-alone-mutriku-while-having-his-essentials-backpack_23-2149118761.jpg" },
|
||||
{ id: "p2", brand: "TheFit24", name: "Pro Gloves", price: "$25", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100705.jpg" },
|
||||
{ id: "p3", brand: "TheFit24", name: "Smart Bottle", price: "$30", rating: 5, reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gym-outfit-dumbbells_23-2149872134.jpg" },
|
||||
{ id: "p4", brand: "TheFit24", name: "Dumbbell Set", price: "$120", rating: 5, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/vintage-lifestyle-health-rack-heavy_1203-5689.jpg" },
|
||||
{ id: "p5", brand: "TheFit24", name: "Resistance Bands", price: "$15", rating: 4, reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/kit-clothes-running-ba-gym_1303-1756.jpg" },
|
||||
{ id: "p6", brand: "TheFit24", name: "Yoga Mat", price: "$50", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/weight-lifting-concept-with-dumbbell_23-2149267003.jpg" }
|
||||
]}
|
||||
title="Premium Gear"
|
||||
description="Enhance your workout with our top-rated fitness accessories."
|
||||
@@ -282,56 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$29/mo",
|
||||
name: "Basic",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Basic Equipment",
|
||||
"24/7 Entry",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$55/mo",
|
||||
name: "Premium",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"All Classes",
|
||||
"Sauna & Spa",
|
||||
"Guest Pass",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Elite",
|
||||
price: "$99/mo",
|
||||
name: "Elite",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Premium",
|
||||
"Personal Trainer",
|
||||
"Priority Booking",
|
||||
"Private Locker",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Entry", price: "$29/mo", name: "Basic", buttons: [{text: "Select"}], features: ["Gym Access", "Basic Equipment", "24/7 Entry"] },
|
||||
{ id: "pro", badge: "Most Popular", price: "$55/mo", name: "Premium", buttons: [{text: "Select"}], features: ["Everything in Basic", "All Classes", "Sauna & Spa", "Guest Pass"] },
|
||||
{ id: "elite", badge: "Elite", price: "$99/mo", name: "Elite", buttons: [{text: "Select"}], features: ["Everything in Premium", "Personal Trainer", "Priority Booking", "Private Locker"] }
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Flexible plans designed to suit your fitness lifestyle."
|
||||
@@ -344,60 +160,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Corporate Lead",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105071.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike T.",
|
||||
role: "Architect",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-fitness-woman-smiling-holding-sporting-mat-home_171337-8008.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Nurse",
|
||||
company: "Hospital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Developer",
|
||||
company: "Code",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-mood-with-great-music-photo-gorgeous-blonde-woman-gym-her-weekend-time_146671-16548.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex W.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Corporate Lead", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105071.jpg" },
|
||||
{ id: "t2", name: "Mike T.", role: "Architect", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-african-fitness-woman-smiling-holding-sporting-mat-home_171337-8008.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Nurse", company: "Hospital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Developer", company: "Code", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-mood-with-great-music-photo-gorgeous-blonde-woman-gym-her-weekend-time_146671-16548.jpg" },
|
||||
{ id: "t5", name: "Alex W.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Happy Members",
|
||||
},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Workouts",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ value: "10K+", label: "Happy Members" },
|
||||
{ value: "5M+", label: "Workouts" },
|
||||
{ value: "99%", label: "Satisfaction" }
|
||||
]}
|
||||
title="Member Success Stories"
|
||||
description="Read what our members say about their journey with us."
|
||||
@@ -409,21 +181,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the gym open 24/7?",
|
||||
content: "Yes, we are open 24/7 for all members.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I bring a guest?",
|
||||
content: "Our Premium and Elite plans allow guest passes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are trainers available?",
|
||||
content: "We offer elite personal training services for all goals.",
|
||||
},
|
||||
{ id: "f1", title: "Is the gym open 24/7?", content: "Yes, we are open 24/7 for all members." },
|
||||
{ id: "f2", title: "Can I bring a guest?", content: "Our Premium and Elite plans allow guest passes." },
|
||||
{ id: "f3", title: "Are trainers available?", content: "We offer elite personal training services for all goals." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about joining TheFit24."
|
||||
@@ -435,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Join Us"
|
||||
title="Start Your Fitness Journey"
|
||||
description="Sign up for updates or visit us in person. The best version of you starts today."
|
||||
@@ -446,45 +205,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Help", items: [{ label: "Support", href: "#" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
logoText="TheFit24"
|
||||
copyrightText="© 2025 | TheFit24. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user