358 lines
16 KiB
TypeScript
358 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import Link from "next/link";
|
|
import { Zap, Award, Target, Heart, Star, CheckCircle, HelpCircle } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Trainers", id: "trainers" },
|
|
{ name: "Events", id: "events" },
|
|
{ name: "Communities", id: "communities" },
|
|
{ name: "About", id: "about" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Platform",
|
|
items: [
|
|
{ label: "Find Trainers", href: "/trainers" },
|
|
{ label: "Discover Events", href: "/events" },
|
|
{ label: "Join Communities", href: "/communities" },
|
|
{ label: "Dashboard", href: "/dashboard" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Press", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "Safety Guidelines", href: "#" },
|
|
{ label: "Community Standards", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="FitnessaCollective"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Mumbai's Unified Fitness Ecosystem"
|
|
description="Book verified trainers, discover exclusive fitness events, and join vibrant running clubs — all seamlessly integrated in one premium platform designed for elite performers and fitness enthusiasts."
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
tag="Premium Fitness Platform"
|
|
tagIcon={Zap}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Find a Trainer",
|
|
href: "/trainers",
|
|
},
|
|
{
|
|
text: "Explore Events",
|
|
href: "/events",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "carousel-1",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-personal-trainer-conducti-1773869257907-f7c81841.png?_wi=1",
|
|
imageAlt: "Professional trainer conducting personalized fitness session",
|
|
},
|
|
{
|
|
id: "carousel-2",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869258095-cec51798.png?_wi=1",
|
|
imageAlt: "Dynamic running club gathering in Mumbai",
|
|
},
|
|
{
|
|
id: "carousel-3",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-high-energy-fitness-event-with-multipl-1773869258030-f5c16adb.png?_wi=1",
|
|
imageAlt: "High-energy fitness event with participants",
|
|
},
|
|
{
|
|
id: "carousel-4",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-yoga-session-in-a-premium-minim-1773869258752-f7368676.png?_wi=1",
|
|
imageAlt: "Serene yoga session in premium fitness studio",
|
|
},
|
|
{
|
|
id: "carousel-5",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869258530-13cf5455.png?_wi=1",
|
|
imageAlt: "Intense CrossFit training session",
|
|
},
|
|
{
|
|
id: "carousel-6",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-holistic-wellness-experience-showing-a-1773869257943-ea686a20.png?_wi=1",
|
|
imageAlt: "Holistic wellness experience and meditation",
|
|
},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
ariaLabel="Hero carousel showcasing FitnessaCollective services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
title="Why Choose FitnessaCollective"
|
|
description="Discover a unified fitness ecosystem engineered for Mumbai's elite athletes, fitness enthusiasts, and wellness seekers. Experience premium services, verified professionals, and vibrant communities."
|
|
tag="Core Advantages"
|
|
tagIcon={Award}
|
|
tagAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
id: "feature-1",
|
|
title: "Book Verified Trainers",
|
|
author: "Personal Training",
|
|
description: "Connect with certified fitness professionals offering specialized coaching in strength, yoga, CrossFit, endurance training, and more. Real-time availability and transparent pricing.",
|
|
tags: ["Personalized", "Certified", "Instant Booking"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-headshot-composition-of-m-1773869258401-06329eac.png",
|
|
imageAlt: "Verified professional trainers at FitnessaCollective",
|
|
},
|
|
{
|
|
id: "feature-2",
|
|
title: "Discover Fitness Events",
|
|
author: "Community Events",
|
|
description: "Stay updated on exclusive fitness events, workshops, marathons, and wellness seminars across Mumbai. Browse by location, date, category, and price to find your perfect match.",
|
|
tags: ["Live Events", "Workshops", "Seminars"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-well-organized-fitness-event-w-1773869259820-f66f4ec5.png",
|
|
imageAlt: "Vibrant fitness events and workshops in Mumbai",
|
|
},
|
|
{
|
|
id: "feature-3",
|
|
title: "Join Local Run Clubs",
|
|
author: "Community",
|
|
description: "Connect with nearby running communities, from casual joggers to serious marathoners. Discover trail runs, pace groups, and social fitness activities throughout the city.",
|
|
tags: ["Communities", "Social", "Local"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-active-diverse-fitness-community-gath-1773869258456-f9a868c5.png?_wi=1",
|
|
imageAlt: "Active running clubs and fitness communities",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Mission"
|
|
tagIcon={Target}
|
|
tagAnimation="blur-reveal"
|
|
title="Transforming Mumbai's Fitness Culture"
|
|
description="FitnessaCollective reimagines how Mumbai engages with fitness by creating a seamless, unified platform connecting elite trainers, exciting events, and thriving communities."
|
|
subdescription="We believe fitness thrives in community. Our ecosystem empowers individuals to find the perfect trainer, discover meaningful events, and build lasting connections with like-minded fitness enthusiasts across Mumbai."
|
|
icon={Heart}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-large-group-of-diverse-fitness-communi-1773869258894-94aadcab.png?_wi=1"
|
|
imageAlt="FitnessaCollective community gathering"
|
|
mediaAnimation="opacity"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Loved by Mumbai's Fitness Community"
|
|
description="Discover why thousands of fitness enthusiasts, athletes, and wellness seekers trust FitnessaCollective for their fitness journey."
|
|
tag="Success Stories"
|
|
tagIcon={Star}
|
|
tagAnimation="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1",
|
|
name: "Priya Sharma",
|
|
role: "Marathon Runner",
|
|
company: "Mumbai Running Collective",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-portrait-photograph-of-a--1773869256854-6079cfda.png",
|
|
},
|
|
{
|
|
id: "testimonial-2",
|
|
name: "Arjun Kapoor",
|
|
role: "Strength Coach",
|
|
company: "Elite Fitness Mumbai",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-portrait-of-a-male-fitnes-1773869257396-b7dd9b87.png",
|
|
},
|
|
{
|
|
id: "testimonial-3",
|
|
name: "Anaya Patel",
|
|
role: "Yoga Instructor",
|
|
company: "Wellness Haven",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-professional-portrait-of-a-fema-1773869256866-3f2f98d8.png",
|
|
},
|
|
{
|
|
id: "testimonial-4",
|
|
name: "Rohan Singh",
|
|
role: "Fitness Enthusiast",
|
|
company: "CrossFit Mumbai",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-dynamic-professional-portrait-of-a-mal-1773869257881-21df2f61.png",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "10K+", label: "Active Members" },
|
|
{ value: "500+", label: "Verified Trainers" },
|
|
{ value: "200+", label: "Monthly Events" },
|
|
]}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trainers" data-section="trainers">
|
|
<ProductCardTwo
|
|
title="Featured Certified Trainers"
|
|
description="Explore our curated selection of elite fitness professionals specializing in various disciplines. Each trainer is verified, certified, and ready to elevate your fitness journey."
|
|
tag="Verified Professionals"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "View All Trainers",
|
|
href: "/trainers",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "trainer-1",
|
|
brand: "Strength & Power",
|
|
name: "Vikram Desai",
|
|
price: "₹1,500/session",
|
|
rating: 5,
|
|
reviewCount: "248",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-portrait-of-a-confident-m-1773869257969-f85bd9cc.png",
|
|
imageAlt: "Professional trainer Vikram Desai",
|
|
},
|
|
{
|
|
id: "trainer-2",
|
|
brand: "Yoga & Wellness",
|
|
name: "Neha Gupta",
|
|
price: "₹1,200/session",
|
|
rating: 5,
|
|
reviewCount: "156",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-professional-portrait-of-a-calm-1773869257666-2f2b67d8.png",
|
|
imageAlt: "Yoga instructor Neha Gupta",
|
|
},
|
|
{
|
|
id: "trainer-3",
|
|
brand: "CrossFit Elite",
|
|
name: "Aditya Kumar",
|
|
price: "₹2,000/session",
|
|
rating: 5,
|
|
reviewCount: "312",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-dynamic-professional-portrait-of-an-en-1773869257852-a3ad9d89.png",
|
|
imageAlt: "CrossFit trainer Aditya Kumar",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Common Questions"
|
|
description="Find answers to frequently asked questions about booking trainers, discovering events, and joining fitness communities on FitnessaCollective."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "faq-1",
|
|
title: "How do I book a trainer on FitnessaCollective?",
|
|
content: "Browse our verified trainer directory, filter by specialization and location, check availability, and book directly through the platform. You'll receive instant confirmation and can start your sessions immediately.",
|
|
},
|
|
{
|
|
id: "faq-2",
|
|
title: "Are all trainers verified and certified?",
|
|
content: "Yes, every trainer on FitnessaCollective undergoes strict verification. We confirm certifications, experience, and background to ensure you work with only the best professionals.",
|
|
},
|
|
{
|
|
id: "faq-3",
|
|
title: "What types of fitness events are available?",
|
|
content: "We feature diverse events including marathons, yoga workshops, CrossFit competitions, strength training seminars, wellness retreats, and community fitness challenges throughout Mumbai.",
|
|
},
|
|
{
|
|
id: "faq-4",
|
|
title: "How can I join a running club or fitness community?",
|
|
content: "Search for communities by location, fitness interest, or pace level. Send a join request and get connected with members. Many communities organize regular meetups and training sessions.",
|
|
},
|
|
{
|
|
id: "faq-5",
|
|
title: "What payment methods do you accept?",
|
|
content: "We accept all major credit/debit cards, UPI, digital wallets, and bank transfers. All transactions are secured and encrypted for your protection.",
|
|
},
|
|
{
|
|
id: "faq-6",
|
|
title: "Can I cancel or reschedule my bookings?",
|
|
content: "Yes, you can reschedule or cancel bookings up to 24 hours in advance without penalties. Our flexible cancellation policy ensures peace of mind for all users.",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="FitnessaCollective"
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 FitnessaCollective. All rights reserved. Transforming Mumbai's fitness culture."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |