bender/38a243f4-0732-4077-a96d-cbbeb53f1ba6
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-03-18 21:30:54 +00:00
parent 375fba5c26 868ace5949
commit 8dd0ae47c6
4 changed files with 374 additions and 740 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
src/app/about/page.tsx
View File

@@ -3,10 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Target, Award, Star } from "lucide-react";
import Link from "next/link";
import { Target, Heart, Star, HelpCircle } from "lucide-react";
export default function AboutPage() {
const navItems = [
@@ -17,45 +18,6 @@ export default function AboutPage() {
{ 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"
@@ -70,10 +32,7 @@ export default function AboutPage() {
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="FitnessaCollective"
navItems={navItems}
/>
<NavbarStyleApple brandName="FitnessaCollective" navItems={navItems} />
</div>
<div id="about-mission" data-section="about-mission">
@@ -84,96 +43,34 @@ export default function AboutPage() {
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={Target}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-large-group-of-diverse-fitness-communi-1773869258894-94aadcab.png?_wi=3"
icon={Heart}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-large-group-of-diverse-fitness-communi-1773869150904-d78f85ce.png?_wi=3"
imageAlt="FitnessaCollective community gathering"
mediaAnimation="opacity"
useInvertedBackground={true}
/>
</div>
<div id="about-values" data-section="about-values">
<FeatureCardTwentyFour
title="Our Core Values"
description="At FitnessaCollective, we are driven by core values that define how we serve Mumbai's fitness community. We prioritize excellence, inclusivity, and genuine connection through every interaction."
tag="What We Stand For"
tagIcon={Award}
tagAnimation="blur-reveal"
features={[
{
id: "value-1",
title: "Elite Excellence",
author: "Premium Standards",
description: "We maintain the highest standards in trainer verification, event quality, and user experience. Every professional on our platform is thoroughly vetted and holds relevant certifications.",
tags: ["Verified", "Certified", "Premium"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-headshot-composition-of-m-1773869258401-06329eac.png?_wi=3",
imageAlt: "Elite fitness professionals",
},
{
id: "value-2",
title: "Community First",
author: "Connection & Belonging",
description: "Fitness thrives in community. We foster genuine connections between trainers, event organizers, and fitness enthusiasts, creating spaces where people support and inspire each other.",
tags: ["Community", "Connection", "Inclusive"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-active-diverse-fitness-community-gath-1773869258456-f9a868c5.png?_wi=3",
imageAlt: "Thriving fitness community",
},
{
id: "value-3",
title: "Seamless Innovation",
author: "Technology & Design",
description: "We blend cutting-edge technology with elegant design to create an intuitive platform. Our seamless experience lets users focus on their fitness journey, not navigating complexity.",
tags: ["Innovation", "Design", "User-Centric"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-well-organized-fitness-event-w-1773869259820-f66f4ec5.png?_wi=2",
imageAlt: "Modern fitness innovation",
},
]}
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
/>
</div>
<div id="about-testimonials" data-section="about-testimonials">
<TestimonialCardSixteen
title="Trusted by Mumbai's Best"
description="Thousands of fitness professionals and enthusiasts trust FitnessaCollective to elevate their fitness journey and build meaningful connections."
title="Trusted by Fitness Leaders Across Mumbai"
description="Our community of verified trainers, event organizers, and fitness enthusiasts are the heart of FitnessaCollective. Their success stories inspire us to continuously innovate and improve."
tag="Community Trust"
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?_wi=2",
},
id: "testimonial-1", name: "Priya Sharma", role: "Marathon Runner & Event Organizer", 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--1773869149808-5d5a8eb0.png?_wi=5"},
{
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?_wi=2",
},
id: "testimonial-2", name: "Arjun Kapoor", role: "Senior Strength Coach & Trainer", 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-1773869149883-589098f9.png?_wi=5"},
{
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?_wi=2",
},
id: "testimonial-3", name: "Anaya Patel", role: "Wellness Director & Yoga Expert", 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-1773869149553-d57a1478.png?_wi=6"},
{
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?_wi=2",
},
id: "testimonial-4", name: "Rohan Singh", role: "Fitness Community Leader", 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-1773869151892-e27172db.png?_wi=5"},
]}
kpiItems={[
{ value: "10K+", label: "Active Members" },
@@ -186,10 +83,71 @@ export default function AboutPage() {
/>
</div>
<div id="about-faq" data-section="about-faq">
<FaqDouble
title="About FitnessaCollective"
description="Learn more about our platform, values, and commitment to transforming Mumbai's fitness community."
tag="Frequently Asked Questions"
tagIcon={HelpCircle}
tagAnimation="blur-reveal"
faqs={[
{
id: "faq-1", title: "What is FitnessaCollective's vision?", content: "We envision a Mumbai where every individual has access to elite fitness professionals, inspiring communities, and curated wellness experiences. Our platform removes barriers between fitness seekers and the resources they need to achieve their goals."},
{
id: "faq-2", title: "How does FitnessaCollective verify trainers?", content: "Every trainer undergoes a rigorous verification process including credential verification, background checks, and performance reviews from our community. We maintain the highest standards to ensure quality and safety."},
{
id: "faq-3", title: "What makes FitnessaCollective different?", content: "Unlike traditional gym memberships, FitnessaCollective offers a unified ecosystem combining personalized training, diverse events, and vibrant communities. Our platform is designed for flexibility, choice, and community connection."},
{
id: "faq-4", title: "How do communities work on FitnessaCollective?", content: "Communities are groups of fitness enthusiasts connected by shared interests—running, yoga, CrossFit, etc. Members can organize meetups, share training tips, and build lasting connections with like-minded individuals."},
{
id: "faq-5", title: "Is FitnessaCollective available across Mumbai?", content: "Yes, FitnessaCollective operates across all major areas of Mumbai, with trainers, events, and communities available citywide. Our platform continuously expands to serve more neighborhoods."},
{
id: "faq-6", title: "How can I become a trainer on FitnessaCollective?", content: "Interested fitness professionals can apply through our trainer onboarding program. We require verified certifications, liability insurance, and a commitment to our community standards and code of conduct."},
]}
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="slide-up"
animationType="smooth"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="FitnessaCollective"
columns={footerColumns}
columns={[
{
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: "#" },
],
},
]}
copyrightText="© 2025 FitnessaCollective. All rights reserved. Transforming Mumbai's fitness culture."
/>
</div>

336
src/app/communities/page.tsx
View File

@@ -1,15 +1,73 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Zap, CheckCircle, HelpCircle } from "lucide-react";
import Link from "next/link";
import { Zap, Award, Star, CheckCircle } from "lucide-react";
export default function CommunitiesPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Trainers", id: "trainers" },
{ name: "Events", id: "events" },
{ name: "Communities", id: "communities" },
{ name: "About", id: "about" },
];
const navItemsWithLinks = navItems.map((item) => {
let href = "/";
if (item.id === "home") href = "/";
else if (item.id === "trainers") href = "/trainers";
else if (item.id === "events") href = "/events";
else if (item.id === "communities") href = "/communities";
else if (item.id === "about") href = "/about";
return {
name: item.name,
id: item.id,
href,
};
});
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"
@@ -23,269 +81,107 @@ export default function CommunitiesPage() {
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="FitnessaCollective"
navItems={[
{ name: "Home", id: "home" },
{ name: "Trainers", id: "trainers" },
{ name: "Events", id: "events" },
{ name: "Communities", id: "communities" },
{ name: "About", id: "about" },
]}
navItems={navItems}
/>
</div>
{/* Communities Hero Section */}
<div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Join Vibrant Fitness Communities in Mumbai"
description="Connect with like-minded fitness enthusiasts through running clubs, yoga groups, CrossFit teams, and wellness communities. Build lasting friendships while pursuing your fitness goals."
title="Join Thriving Fitness Communities in Mumbai"
description="Connect with like-minded fitness enthusiasts, runners, yogis, and athletes. Find your tribe, participate in group activities, share experiences, and achieve your fitness goals together in vibrant Mumbai communities."
background={{ variant: "rotated-rays-animated-grid" }}
tag="Community Connection"
tag="Running Clubs & Communities"
tagIcon={Zap}
tagAnimation="blur-reveal"
buttons={[
{
text: "Explore Communities",
href: "/communities",
},
{
text: "Join a Club",
href: "/communities",
},
{ text: "Browse Communities", href: "/communities" },
{ text: "Create Community", href: "#" },
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-community-1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-active-diverse-fitness-community-gath-1773869258456-f9a868c5.png?_wi=2",
imageAlt: "Active diverse fitness community gathered together",
},
id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-active-diverse-fitness-community-gath-1773869151738-b76b89ce.png?_wi=2", imageAlt: "Active diverse fitness community gathering"},
{
id: "carousel-community-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=4",
imageAlt: "Vibrant running club gathering in Mumbai",
},
id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869151153-2a8e2d1b.png?_wi=4", imageAlt: "Vibrant running club gathering in Mumbai"},
{
id: "carousel-community-3",
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=4",
imageAlt: "Serene yoga session in premium fitness studio",
},
id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-yoga-session-in-a-premium-minim-1773869150020-b40d582b.png?_wi=3", imageAlt: "Serene yoga community session"},
{
id: "carousel-community-4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869258530-13cf5455.png?_wi=4",
imageAlt: "Intense CrossFit training with community members",
},
id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869150783-19bdea1c.png?_wi=4", imageAlt: "CrossFit community training session"},
{
id: "carousel-community-5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-holistic-wellness-experience-showing-a-1773869257943-ea686a20.png?_wi=3",
imageAlt: "Holistic wellness community gathering",
},
id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-large-group-of-diverse-fitness-communi-1773869150904-d78f85ce.png?_wi=2", imageAlt: "Large diverse fitness community gathering"},
{
id: "carousel-community-6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-large-group-of-diverse-fitness-communi-1773869258894-94aadcab.png?_wi=2",
imageAlt: "Large diverse fitness community group photo",
},
id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-headshot-composition-of-m-1773869151120-62cf6f5a.png?_wi=2", imageAlt: "Fitness community leaders and founders"},
]}
autoPlay={true}
autoPlayInterval={5000}
ariaLabel="Communities hero carousel showcasing fitness communities in Mumbai"
ariaLabel="Communities carousel showcasing FitnessaCollective running clubs and fitness communities"
/>
</div>
{/* Featured Communities Section */}
<div id="communities-featured" data-section="communities-featured" className="mx-auto px-4 md:px-6">
<ProductCardTwo
title="Featured Running Clubs & Fitness Communities"
description="Discover popular fitness communities across Mumbai. From casual joggers to serious marathoners, yoga enthusiasts to CrossFit warriors—find your perfect community match."
tag="Active Communities"
tagIcon={CheckCircle}
<div id="features" data-section="features">
<FeatureCardTwentyFour
title="Active Communities Across Mumbai"
description="Explore thriving fitness communities tailored to every interest and fitness level. Join runners, yogis, strength athletes, and wellness enthusiasts in building lasting connections and achieving shared fitness goals."
tag="Community Highlights"
tagIcon={Award}
tagAnimation="blur-reveal"
buttons={[
features={[
{
text: "Browse All Communities",
href: "/communities",
},
id: "feature-1", title: "Mumbai Speed Runners Club", author: "Running Community", description: "A vibrant community of pace-focused runners organizing weekly track sessions, interval training, and speed work. Members range from competitive runners to those seeking to improve their pace. Regular meetups at Bandra grounds.", tags: ["Running", "Weekly Meets", "Pace Training"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869151153-2a8e2d1b.png?_wi=5", imageAlt: "Speed runners community training together"},
{
id: "feature-2", title: "Mindful Yoga Collective", author: "Wellness Community", description: "A serene community dedicated to yoga, meditation, and holistic wellness. Join for daily sunrise yoga sessions, workshops on breathing techniques, and spiritual practices. Open to all levels of yoga experience.", tags: ["Yoga", "Meditation", "Wellness"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-yoga-session-in-a-premium-minim-1773869150020-b40d582b.png?_wi=4", imageAlt: "Mindful yoga community session"},
{
id: "feature-3", title: "Elite CrossFit Brotherhood", author: "Strength Community", description: "A high-intensity community for functional fitness enthusiasts. Participate in WODs (Workout of the Day), strength training, and competitive challenges. Build camaraderie with elite athletes pushing their limits daily.", tags: ["CrossFit", "Strength", "Competitions"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869150783-19bdea1c.png?_wi=5", imageAlt: "Elite CrossFit community training"},
]}
buttonAnimation="slide-up"
products={[
{
id: "community-1",
brand: "Morning Runners",
name: "Mumbai Dawn Joggers",
price: "Free - ₹500/month",
rating: 5,
reviewCount: "342 members",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869258095-cec51798.png?_wi=5",
imageAlt: "Mumbai Dawn Joggers running community",
},
{
id: "community-2",
brand: "Yoga Collective",
name: "Urban Zen Circle",
price: "Free - ₹800/month",
rating: 5,
reviewCount: "218 members",
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=5",
imageAlt: "Urban Zen Circle yoga community",
},
{
id: "community-3",
brand: "CrossFit Alliance",
name: "Elite Mumbai CrossFit",
price: "Free - ₹1,200/month",
rating: 5,
reviewCount: "156 members",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869258530-13cf5455.png?_wi=5",
imageAlt: "Elite Mumbai CrossFit community",
},
]}
gridVariant="three-columns-all-equal-width"
animationType="scale-rotate"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
/>
</div>
{/* Communities FAQ Section */}
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
<FaqDouble
title="Join Communities - Frequently Asked Questions"
description="Learn how to find and join fitness communities, connect with members, organize meetups, and make the most of your community experience."
tag="Help & Support"
tagIcon={HelpCircle}
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="Community Members' Transformative Journeys"
description="Discover how joining FitnessaCollective communities has transformed fitness journeys, built friendships, and created a sense of belonging for thousands of members across Mumbai."
tag="Member Stories"
tagIcon={Star}
tagAnimation="blur-reveal"
faqs={[
testimonials={[
{
id: "faq-communities-1",
title: "How do I find fitness communities near me?",
content: "Use our community search filter by location, fitness interest, and pace level. You'll see all active communities in your area with member counts and upcoming meetups.",
},
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--1773869149808-5d5a8eb0.png?_wi=4"},
{
id: "faq-communities-2",
title: "How do I join a community?",
content: "Click 'Join Community' on any community page. You'll be added to the member list and receive updates about runs, events, and social activities.",
},
id: "testimonial-2", name: "Arjun Kapoor", role: "Community Leader", 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-1773869149883-589098f9.png?_wi=4"},
{
id: "faq-communities-3",
title: "Are communities free to join?",
content: "Most communities are free. Some premium communities may charge a small monthly membership fee to support organizing events and maintaining the community infrastructure.",
},
id: "testimonial-3", name: "Anaya Patel", role: "Yoga Practitioner", 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-1773869149553-d57a1478.png?_wi=5"},
{
id: "faq-communities-4",
title: "Can I start my own running club?",
content: "Yes! Visit the 'Create Community' section to start your own club. Set pace levels, meeting times, and routes. Invite friends and grow your community organically.",
},
{
id: "faq-communities-5",
title: "How often do communities organize meetups?",
content: "Frequency varies by community. Most run clubs meet 2-4 times weekly. Check individual community details for their specific schedule.",
},
{
id: "faq-communities-6",
title: "Can I connect with community members outside events?",
content: "Yes, each community has a messaging feature. Connect with members, share tips, organize additional meetups, and build friendships within the community.",
},
id: "testimonial-4", name: "Rohan Singh", role: "CrossFit 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-1773869151892-e27172db.png?_wi=4"},
]}
kpiItems={[
{ value: "150+", label: "Active Communities" },
{ value: "30K+", label: "Community Members" },
{ value: "8.9/10", label: "Member Rating" },
]}
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="slide-up"
animationType="smooth"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="FitnessaCollective"
columns={[
{
title: "Platform",
items: [
{
label: "Find Trainers",
href: "/trainers",
},
{
label: "Discover Events",
href: "/events",
},
{
label: "Join Communities",
href: "/communities",
},
{
label: "Dashboard",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
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: "#",
},
],
},
]}
columns={footerColumns}
copyrightText="© 2025 FitnessaCollective. All rights reserved. Transforming Mumbai's fitness culture."
/>
</div>

323
src/app/events/page.tsx
View File

@@ -1,15 +1,73 @@
"use client";
import Link from "next/link";
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 FaqDouble from "@/components/sections/faq/FaqDouble";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Zap, Award, HelpCircle, CheckCircle } from "lucide-react";
import Link from "next/link";
import { Zap, Award, Star, CheckCircle } from "lucide-react";
export default function EventsPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Trainers", id: "trainers" },
{ name: "Events", id: "events" },
{ name: "Communities", id: "communities" },
{ name: "About", id: "about" },
];
const navItemsWithLinks = navItems.map((item) => {
let href = "/";
if (item.id === "home") href = "/";
else if (item.id === "trainers") href = "/trainers";
else if (item.id === "events") href = "/events";
else if (item.id === "communities") href = "/communities";
else if (item.id === "about") href = "/about";
return {
name: item.name,
id: item.id,
href,
};
});
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"
@@ -23,126 +81,63 @@ export default function EventsPage() {
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="FitnessaCollective"
navItems={[
{ name: "Home", id: "home" },
{ name: "Trainers", id: "trainers" },
{ name: "Events", id: "events" },
{ name: "Communities", id: "communities" },
{ name: "About", id: "about" },
]}
navItems={navItems}
/>
</div>
{/* Events Hero Section */}
<div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Discover Premium Fitness Events in Mumbai"
description="Explore exclusive fitness events, workshops, marathons, and wellness seminars curated for elite athletes and fitness enthusiasts. Connect with trainers, compete, and celebrate fitness culture."
title="Discover Fitness Events Across Mumbai"
description="Explore exclusive fitness events, workshops, marathons, and wellness seminars curated for elite athletes and fitness enthusiasts. Find your next challenge and connect with the vibrant fitness community."
background={{ variant: "rotated-rays-animated-grid" }}
tag="Live Events & Workshops"
tag="Fitness Events"
tagIcon={Zap}
tagAnimation="blur-reveal"
buttons={[
{
text: "Browse Events",
href: "/events",
},
{
text: "Find Trainers",
href: "/trainers",
},
{ text: "Browse All Events", href: "/events" },
{ text: "Host an Event", href: "#" },
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-event-1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-high-energy-fitness-event-with-multipl-1773869258030-f5c16adb.png?_wi=2",
imageAlt: "High-energy fitness event with participants",
},
id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-high-energy-fitness-event-with-multipl-1773869150266-977fa4c1.png?_wi=2", imageAlt: "High-energy fitness event with participants"},
{
id: "carousel-event-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=2",
imageAlt: "Dynamic running club gathering in Mumbai",
},
id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869151153-2a8e2d1b.png?_wi=2", imageAlt: "Dynamic running club gathering in Mumbai"},
{
id: "carousel-event-3",
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=2",
imageAlt: "Serene yoga session in premium fitness studio",
},
id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-yoga-session-in-a-premium-minim-1773869150020-b40d582b.png?_wi=2", imageAlt: "Serene yoga session in premium fitness studio"},
{
id: "carousel-event-4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869258530-13cf5455.png?_wi=2",
imageAlt: "Intense CrossFit training session",
},
id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869150783-19bdea1c.png?_wi=2", imageAlt: "Intense CrossFit training session"},
{
id: "carousel-event-5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-holistic-wellness-experience-showing-a-1773869257943-ea686a20.png?_wi=2",
imageAlt: "Holistic wellness experience and meditation",
},
id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-holistic-wellness-experience-showing-a-1773869150483-7d5f054d.png?_wi=2", imageAlt: "Holistic wellness experience and meditation"},
{
id: "carousel-event-6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-personal-trainer-conducti-1773869257907-f7c81841.png?_wi=2",
imageAlt: "Professional trainer conducting fitness session",
},
id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-well-organized-fitness-event-w-1773869150566-77c55641.png?_wi=2", imageAlt: "Vibrant fitness event with organized setup"},
]}
autoPlay={true}
autoPlayInterval={5000}
ariaLabel="Events hero carousel showcasing fitness events in Mumbai"
ariaLabel="Events carousel showcasing FitnessaCollective fitness events"
/>
</div>
{/* Events Categories Section */}
<div id="features" data-section="features" className="mx-auto px-4 md:px-6">
<div id="features" data-section="features">
<FeatureCardTwentyFour
title="Featured Event Categories"
description="Explore diverse fitness events tailored to every level. From marathon training to yoga workshops, CrossFit competitions to wellness retreats—find your perfect fitness experience."
tag="Event Types"
title="Upcoming Events in Mumbai"
description="Discover a curated selection of premium fitness events happening across Mumbai. From marathons to yoga workshops, from CrossFit competitions to wellness retreats — find events that match your fitness goals."
tag="Featured Events"
tagIcon={Award}
tagAnimation="blur-reveal"
features={[
{
id: "feature-events-1",
title: "Marathon & Running Events",
author: "Endurance Training",
description: "Participate in organized marathons, half-marathons, and trail running events across Mumbai. Join pace groups and train with experienced runners for your fitness goals.",
tags: [
"Marathons",
"Trail Runs",
"Pace Groups",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869258095-cec51798.png?_wi=3",
imageAlt: "Vibrant fitness events and running activities",
},
id: "feature-1", title: "Mumbai Marathon Pro 2025", author: "Running Events", description: "Join thousands of runners in Mumbai's premier marathon event. A 42km challenge through iconic city landmarks with hydration stations, medical support, and a celebration festival at the finish line.", tags: ["42km", "Feb 2025", "Premium Event"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869151153-2a8e2d1b.png?_wi=3", imageAlt: "Mumbai Marathon running event"},
{
id: "feature-events-2",
title: "Yoga & Wellness Workshops",
author: "Mindfulness Programs",
description: "Attend specialized yoga classes, meditation sessions, and holistic wellness workshops led by certified instructors. Perfect for all levels seeking balance and inner peace.",
tags: [
"Yoga",
"Meditation",
"Wellness",
],
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=3",
imageAlt: "Wellness events and yoga workshops",
},
id: "feature-2", title: "Elite CrossFit Championship", author: "Competition Events", description: "Experience high-intensity competitive fitness at its peak. This championship brings together elite athletes for challenging workouts, team competitions, and masterclasses from fitness professionals.", tags: ["Competition", "Jan 2025", "Elite"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869150783-19bdea1c.png?_wi=3", imageAlt: "CrossFit championship competition"},
{
id: "feature-events-3",
title: "CrossFit & Strength Competitions",
author: "High-Intensity Training",
description: "Test your limits in organized CrossFit competitions, strength challenges, and high-intensity training events. Compete with the community and celebrate athletic excellence.",
tags: [
"CrossFit",
"Competitions",
"Strength",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869258530-13cf5455.png?_wi=3",
imageAlt: "High-intensity fitness competitions and events",
},
id: "feature-3", title: "Wellness Retreat Weekend", author: "Wellness Events", description: "Escape to tranquility with yoga sessions, meditation workshops, healthy cuisine, and holistic wellness guidance. Perfect for rejuvenation and connecting with mindful fitness enthusiasts.", tags: ["Retreat", "Monthly", "Wellness"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-holistic-wellness-experience-showing-a-1773869150483-7d5f054d.png?_wi=3", imageAlt: "Wellness retreat meditation experience"},
]}
animationType="slide-up"
textboxLayout="split"
@@ -150,143 +145,43 @@ export default function EventsPage() {
/>
</div>
{/* Events FAQ Section */}
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
<FaqDouble
title="Events Frequently Asked Questions"
description="Get answers about upcoming events, registration, pricing, and how to make the most of your fitness event experience at FitnessaCollective."
tag="Help & Support"
tagIcon={HelpCircle}
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="Events That Changed Lives"
description="Hear from fitness enthusiasts who discovered their passion, achieved their goals, and built lasting connections through FitnessaCollective events."
tag="Event Success Stories"
tagIcon={Star}
tagAnimation="blur-reveal"
faqs={[
testimonials={[
{
id: "faq-events-1",
title: "How do I register for fitness events?",
content: "Browse our events calendar, select your preferred event, and click register. You'll receive instant confirmation and details. Payment is simple and secure through multiple payment methods.",
},
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--1773869149808-5d5a8eb0.png?_wi=3"},
{
id: "faq-events-2",
title: "What is the typical event duration?",
content: "Events vary—marathons typically take 3-4 hours, yoga workshops are 60-90 minutes, and CrossFit competitions are 2-3 hours. Check specific event details for exact timing.",
},
id: "testimonial-2", name: "Arjun Kapoor", role: "CrossFit Competitor", 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-1773869149883-589098f9.png?_wi=3"},
{
id: "faq-events-3",
title: "Are events suitable for beginners?",
content: "Many events are designed for all levels. We clearly mark beginner-friendly events. Advanced events also have prerequisites listed. Choose what suits your fitness level.",
},
id: "testimonial-3", name: "Anaya Patel", role: "Wellness Enthusiast", 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-1773869149553-d57a1478.png?_wi=4"},
{
id: "faq-events-4",
title: "What should I bring to an event?",
content: "Bring water, appropriate workout attire, and any personal fitness equipment you prefer. Most venues provide essentials like mats and weights for strength events.",
},
{
id: "faq-events-5",
title: "Can I cancel my event registration?",
content: "Yes, cancellations are accepted up to 48 hours before the event for full refund. Cancellations within 48 hours may incur a nominal fee.",
},
{
id: "faq-events-6",
title: "How do I get notified about new events?",
content: "Subscribe to event notifications in your dashboard. You'll receive alerts for events matching your interests, fitness level, and preferred locations.",
},
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-1773869151892-e27172db.png?_wi=3"},
]}
kpiItems={[
{ value: "500+", label: "Events Hosted" },
{ value: "50K+", label: "Participants" },
{ value: "95%", label: "Satisfaction Rate" },
]}
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="slide-up"
animationType="smooth"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="FitnessaCollective"
columns={[
{
title: "Platform",
items: [
{
label: "Find Trainers",
href: "/trainers",
},
{
label: "Discover Events",
href: "/events",
},
{
label: "Join Communities",
href: "/communities",
},
{
label: "Dashboard",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
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: "#",
},
],
},
]}
columns={footerColumns}
copyrightText="© 2025 FitnessaCollective. All rights reserved. Transforming Mumbai's fitness culture."
/>
</div>

257
src/app/page.tsx
View File

@@ -21,45 +21,6 @@ export default function HomePage() {
{ 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"
@@ -74,10 +35,7 @@ export default function HomePage() {
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="FitnessaCollective"
navItems={navItems}
/>
<NavbarStyleApple brandName="FitnessaCollective" navItems={navItems} />
</div>
<div id="hero" data-section="hero">
@@ -89,47 +47,23 @@ export default function HomePage() {
tagIcon={Zap}
tagAnimation="blur-reveal"
buttons={[
{
text: "Find a Trainer",
href: "/trainers",
},
{
text: "Explore Events",
href: "/events",
},
{ 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-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-personal-trainer-conducti-1773869151469-fe70add9.png", 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-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869151153-2a8e2d1b.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-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-high-energy-fitness-event-with-multipl-1773869150266-977fa4c1.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-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-yoga-session-in-a-premium-minim-1773869150020-b40d582b.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-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869150783-19bdea1c.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",
},
id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-holistic-wellness-experience-showing-a-1773869150483-7d5f054d.png?_wi=1", imageAlt: "Holistic wellness experience and meditation"},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -146,32 +80,14 @@ export default function HomePage() {
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-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-1773869151120-62cf6f5a.png?_wi=1", 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-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-1773869150566-77c55641.png?_wi=1", 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",
},
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-1773869151738-b76b89ce.png?_wi=1", imageAlt: "Active running clubs and fitness communities"},
]}
animationType="slide-up"
textboxLayout="split"
@@ -188,7 +104,7 @@ export default function HomePage() {
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"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-large-group-of-diverse-fitness-communi-1773869150904-d78f85ce.png?_wi=1"
imageAlt="FitnessaCollective community gathering"
mediaAnimation="opacity"
useInvertedBackground={true}
@@ -204,37 +120,17 @@ export default function HomePage() {
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-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--1773869149808-5d5a8eb0.png?_wi=1"},
{
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-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-1773869149883-589098f9.png?_wi=1"},
{
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-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-1773869149553-d57a1478.png?_wi=1"},
{
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",
},
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-1773869151892-e27172db.png?_wi=1"},
]}
kpiItems={[
{ value: "10K+", label: "Active Members" },
@@ -254,44 +150,18 @@ export default function HomePage() {
tag="Verified Professionals"
tagIcon={CheckCircle}
tagAnimation="blur-reveal"
buttons={[
{
text: "View All Trainers",
href: "/trainers",
},
]}
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-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-1773869150091-b7033aa2.png?_wi=1", 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-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-1773869149720-f040190b.png?_wi=1", 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",
},
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-1773869150406-1c15b0bb.png?_wi=1", imageAlt: "CrossFit trainer Aditya Kumar"},
]}
gridVariant="three-columns-all-equal-width"
animationType="scale-rotate"
@@ -309,35 +179,17 @@ export default function HomePage() {
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-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-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-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-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-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.",
},
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}
@@ -349,7 +201,40 @@ export default function HomePage() {
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="FitnessaCollective"
columns={footerColumns}
columns={[
{
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: "#" },
],
},
]}
copyrightText="© 2025 FitnessaCollective. All rights reserved. Transforming Mumbai's fitness culture."
/>
</div>