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

Update src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-18 21:30:49 +00:00
parent cab8130b56
commit 0c30ddcb56
1 changed files with 78 additions and 120 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>