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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-18 21:31:32 +00:00
parent 8dd0ae47c6
commit 5d807ec0bf
1 changed files with 70 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
src/app/page.tsx
View File

@@ -21,6 +21,41 @@ 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"
@@ -35,7 +70,10 @@ 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">
@@ -47,23 +85,25 @@ 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-1773869151469-fe70add9.png", 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-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-1773869151153-2a8e2d1b.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-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-1773869150266-977fa4c1.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-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-1773869150020-b40d582b.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-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-1773869150783-19bdea1c.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-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-1773869150483-7d5f054d.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-1773869257943-ea686a20.png?_wi=1", imageAlt: "Holistic wellness experience and meditation"},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -81,13 +121,13 @@ export default function HomePage() {
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-1773869151120-62cf6f5a.png?_wi=1", imageAlt: "Verified professional trainers at FitnessaCollective"},
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-1773869150566-77c55641.png?_wi=1", imageAlt: "Vibrant fitness events and workshops in Mumbai"},
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-1773869151738-b76b89ce.png?_wi=1", imageAlt: "Active running clubs and fitness communities"},
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"
@@ -104,7 +144,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-1773869150904-d78f85ce.png?_wi=1"
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}
@@ -121,16 +161,16 @@ export default function HomePage() {
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--1773869149808-5d5a8eb0.png?_wi=1"},
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-1773869149883-589098f9.png?_wi=1"},
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-1773869149553-d57a1478.png?_wi=1"},
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-1773869151892-e27172db.png?_wi=1"},
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" },
@@ -150,18 +190,21 @@ 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-1773869150091-b7033aa2.png?_wi=1", imageAlt: "Professional trainer Vikram Desai"},
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-1773869149720-f040190b.png?_wi=1", imageAlt: "Yoga instructor Neha Gupta"},
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-1773869150406-1c15b0bb.png?_wi=1", imageAlt: "CrossFit trainer Aditya Kumar"},
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"
@@ -177,6 +220,11 @@ export default function HomePage() {
tag="Help & Support"
tagIcon={HelpCircle}
tagAnimation="blur-reveal"
buttons={[
{
text: "Still have questions? Contact us", href: "#contact"},
]}
buttonAnimation="slide-up"
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."},
@@ -201,40 +249,7 @@ export default function HomePage() {
<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: "/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: "#" },
],
},
]}
columns={footerColumns}
copyrightText="© 2025 FitnessaCollective. All rights reserved. Transforming Mumbai's fitness culture."
/>
</div>