Merge version_1 into main #2
336
src/app/page.tsx
336
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Activity, Award, Coffee, Instagram, MessageSquare, Target, Timer, TrendingUp, Twitter, Users, Utensils } from "lucide-react";
|
||||
import { Activity, Award, Coffee, Instagram, MessageSquare, Target, Timer, TrendingUp, Twitter, Users, Utensils, Dumbbell, ShoppingBasket } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,105 +32,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="FitFocus"
|
||||
button={{
|
||||
text: "Start Today",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Start Today", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Visualize Your Fitness Potential"
|
||||
description="Unlock your best version. Transform your life, track your progress, and see the results you've always dreamed of with our expert guidance."
|
||||
kpis={[
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Successful Stories",
|
||||
},
|
||||
{
|
||||
value: "120",
|
||||
label: "Fitness Experts",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "5k+", label: "Successful Stories" },
|
||||
{ value: "120", label: "Fitness Experts" },
|
||||
{ value: "98%", label: "Client Satisfaction" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-looking-fitness-girl-female-athlete-cross-arms-looking-confident-camera-workout-gym-white-background_176420-48129.jpg?_wi=1"
|
||||
buttons={[{ text: "Join the Journey", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-looking-fitness-girl-female-athlete-cross-arms-looking-confident-camera-workout-gym-white-background_176420-48129.jpg"
|
||||
imageAlt="Woman in activewear looking fit and healthy"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-redhead-woman-headphones-sportsbra-looking-serious-motivated-fitness-instructor-inviting-workout-gym-white-background_176420-49335.jpg",
|
||||
alt: "Instructor 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-sportswoman-cross-arms-chest-smiling-workout-gym-standing-sportsbra-against-white-background_176420-48994.jpg",
|
||||
alt: "Instructor 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",
|
||||
alt: "Instructor 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-self-confident-motivated-woman-leads-active-lifestyle-carries-fitness-mat-has-regular-practice-poses-outdoors_273609-55499.jpg",
|
||||
alt: "Instructor 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-fit-young-woman-sitting-floor-gym_23-2147949625.jpg",
|
||||
alt: "Instructor 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-redhead-woman-headphones-sportsbra-looking-serious-motivated-fitness-instructor-inviting-workout-gym-white-background_176420-49335.jpg", alt: "Instructor 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/redhead-sportswoman-cross-arms-chest-smiling-workout-gym-standing-sportsbra-against-white-background_176420-48994.jpg", alt: "Instructor 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg", alt: "Instructor 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/outdoor-shot-self-confident-motivated-woman-leads-active-lifestyle-carries-fitness-mat-has-regular-practice-poses-outdoors_273609-55499.jpg", alt: "Instructor 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-fit-young-woman-sitting-floor-gym_23-2147949625.jpg", alt: "Instructor 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Coaching",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customized Nutrition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Member Community",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Proven Results",
|
||||
},
|
||||
{ type: "text", text: "Certified Coaching" },
|
||||
{ type: "text", text: "Customized Nutrition" },
|
||||
{ type: "text", text: "Advanced Tracking" },
|
||||
{ type: "text", text: "Member Community" },
|
||||
{ type: "text", text: "Proven Results" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,13 +79,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Transformation Roadmap"
|
||||
description="We believe fitness is not just about weight loss, but about finding confidence and strength in your own body. Our holistic approach combines nutritional guidance, strength training, and supportive community tracking."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Approach",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661031.jpg?_wi=1"
|
||||
buttons={[{ text: "Our Approach", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661031.jpg"
|
||||
imageAlt="Transformation progress comparison"
|
||||
/>
|
||||
</div>
|
||||
@@ -158,80 +92,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Customized Workouts",
|
||||
description: "Gym and home-based routines built specifically for your body type.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-build-man-making-effort-while-weightlifting-cross-training-gym_637285-2488.jpg",
|
||||
imageAlt: "Gym workout",
|
||||
},
|
||||
title: "Customized Workouts", description: "Gym and home-based routines built specifically for your body type.", media: { imageSrc: "http://img.b2bpic.net/free-photo/muscular-build-man-making-effort-while-weightlifting-cross-training-gym_637285-2488.jpg", imageAlt: "Gym workout" },
|
||||
items: [
|
||||
{
|
||||
icon: Dumbbell,
|
||||
text: "Tailored lifting programs",
|
||||
},
|
||||
{
|
||||
icon: Activity,
|
||||
text: "Progressive overload tracking",
|
||||
},
|
||||
{
|
||||
icon: Timer,
|
||||
text: "Efficient time-management",
|
||||
},
|
||||
{ icon: Dumbbell, text: "Tailored lifting programs" },
|
||||
{ icon: Activity, text: "Progressive overload tracking" },
|
||||
{ icon: Timer, text: "Efficient time-management" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-looking-fitness-girl-female-athlete-cross-arms-looking-confident-camera-workout-gym-white-background_176420-48129.jpg?_wi=2",
|
||||
imageAlt: "gym weight lifting training",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Nutrition Planning",
|
||||
description: "Fuel your body with food that tastes great and powers your progress.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-fresh-vegetables-cutting-board-kitchen-table-top-view_169016-51999.jpg",
|
||||
imageAlt: "Healthy food",
|
||||
},
|
||||
title: "Nutrition Planning", description: "Fuel your body with food that tastes great and powers your progress.", media: { imageSrc: "http://img.b2bpic.net/free-photo/sliced-fresh-vegetables-cutting-board-kitchen-table-top-view_169016-51999.jpg", imageAlt: "Healthy food" },
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Macro-focused meal plans",
|
||||
},
|
||||
{
|
||||
icon: ShoppingBasket,
|
||||
text: "Shopping list support",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
text: "Hydration tracking",
|
||||
},
|
||||
{ icon: Utensils, text: "Macro-focused meal plans" },
|
||||
{ icon: ShoppingBasket, text: "Shopping list support" },
|
||||
{ icon: Coffee, text: "Hydration tracking" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661031.jpg?_wi=2",
|
||||
imageAlt: "gym weight lifting training",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Community Support",
|
||||
description: "Connect with others on the same journey to share wins and motivation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290020.jpg",
|
||||
imageAlt: "Community workout",
|
||||
},
|
||||
title: "Community Support", description: "Connect with others on the same journey to share wins and motivation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290020.jpg", imageAlt: "Community workout" },
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Private group forums",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Weekly challenge boards",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Expert coach access",
|
||||
},
|
||||
{ icon: Users, text: "Private group forums" },
|
||||
{ icon: Award, text: "Weekly challenge boards" },
|
||||
{ icon: MessageSquare, text: "Expert coach access" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163367.jpg?_wi=1",
|
||||
imageAlt: "gym weight lifting training",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Personalized Fitness Features"
|
||||
description="Tailored plans that fit your lifestyle, ensuring you remain motivated and on track every step of the way."
|
||||
@@ -245,42 +131,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "res-1",
|
||||
name: "Transformation Week 12",
|
||||
price: "Active Focus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163367.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "res-2",
|
||||
name: "Cardio Growth Program",
|
||||
price: "Endurance Fit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-preparing-run-seaside_176420-6390.jpg",
|
||||
},
|
||||
{
|
||||
id: "res-3",
|
||||
name: "Strength Masterclass",
|
||||
price: "Power Gain",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-working-out-mat_23-2148419864.jpg",
|
||||
},
|
||||
{
|
||||
id: "res-4",
|
||||
name: "Yoga Flexibility",
|
||||
price: "Core Strength",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-home-ustrasana-pose_1163-1877.jpg",
|
||||
},
|
||||
{
|
||||
id: "res-5",
|
||||
name: "Post-Natal Restore",
|
||||
price: "Body Confidence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-fitness-smiling-woman-pink-sports-clothing-young-beautiful-model-with-perfect-bodyfemale-posing-grey-background-studiocheerful-happy-stretching-out-before-training_158538-21921.jpg",
|
||||
},
|
||||
{
|
||||
id: "res-6",
|
||||
name: "Athletic Baseline",
|
||||
price: "Peak Mobility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg",
|
||||
},
|
||||
{ id: "res-1", name: "Transformation Week 12", price: "Active Focus", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163367.jpg" },
|
||||
{ id: "res-2", name: "Cardio Growth Program", price: "Endurance Fit", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-preparing-run-seaside_176420-6390.jpg" },
|
||||
{ id: "res-3", name: "Strength Masterclass", price: "Power Gain", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-working-out-mat_23-2148419864.jpg" }
|
||||
]}
|
||||
title="Transformation Highlights"
|
||||
description="Real people, real results. See the progress our members have achieved using our dedicated gym wear and training programs."
|
||||
@@ -294,27 +147,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k kg",
|
||||
title: "Weight Lifted",
|
||||
description: "Cumulative total across community",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k",
|
||||
title: "Workout Sessions",
|
||||
description: "Completed by our members",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
description: "Focus on long-term wellness",
|
||||
icon: Target,
|
||||
},
|
||||
{ id: "m1", value: "10k kg", title: "Weight Lifted", description: "Cumulative total across community", icon: TrendingUp },
|
||||
{ id: "m2", value: "50k", title: "Workout Sessions", description: "Completed by our members", icon: Activity },
|
||||
{ id: "m3", value: "100%", title: "Commitment", description: "Focus on long-term wellness", icon: Target }
|
||||
]}
|
||||
title="Data-Driven Success"
|
||||
description="Your progress is tracked with precision, turning your effort into measurable improvements."
|
||||
@@ -327,41 +162,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah W.",
|
||||
handle: "@sarahfit",
|
||||
testimonial: "I finally feel confident in my body and my workouts have never been stronger.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-athletic-woman-warming-up-while-exercising-living-room_637285-6208.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane D.",
|
||||
handle: "@janed_lifts",
|
||||
testimonial: "The community support is amazing. It changed how I view health and wellness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-athletic-fitness-woman-holds-barbell-posing-gym_613910-14373.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria L.",
|
||||
handle: "@maria_moves",
|
||||
testimonial: "I lost weight and gained so much muscle. Absolutely life changing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-sports-man-happy-expression_1194-2222.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyfit",
|
||||
testimonial: "Nutrition plans were easy to follow and very effective for my busy lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sporty-woman-resting-after-workout-home_158595-5311.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe R.",
|
||||
handle: "@chloerocks",
|
||||
testimonial: "My transformation has been incredible. Thanks to this amazing team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-fitness-female-holds-dumbbells-outdoor-park_613910-10337.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah W.", handle: "@sarahfit", testimonial: "I finally feel confident in my body and my workouts have never been stronger.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-athletic-woman-warming-up-while-exercising-living-room_637285-6208.jpg" },
|
||||
{ id: "t2", name: "Jane D.", handle: "@janed_lifts", testimonial: "The community support is amazing. It changed how I view health and wellness.", imageSrc: "http://img.b2bpic.net/free-photo/blond-athletic-fitness-woman-holds-barbell-posing-gym_613910-14373.jpg" },
|
||||
{ id: "t3", name: "Maria L.", handle: "@maria_moves", testimonial: "I lost weight and gained so much muscle. Absolutely life changing.", imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-sports-man-happy-expression_1194-2222.jpg" }
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Inspiring journeys from our dedicated community members."
|
||||
@@ -373,21 +176,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start?",
|
||||
content: "Sign up and complete our onboarding survey to get your personalized plan.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I work out at home?",
|
||||
content: "Yes, we offer both gym and home-based workout modifications.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is nutrition support included?",
|
||||
content: "Absolutely, all programs include comprehensive macro-based guidance.",
|
||||
},
|
||||
{ id: "f1", title: "How do I start?", content: "Sign up and complete our onboarding survey to get your personalized plan." },
|
||||
{ id: "f2", title: "Can I work out at home?", content: "Yes, we offer both gym and home-based workout modifications." },
|
||||
{ id: "f3", title: "Is nutrition support included?", content: "Absolutely, all programs include comprehensive macro-based guidance." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg"
|
||||
title="Common Questions"
|
||||
@@ -399,18 +190,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Body?"
|
||||
description="Join thousands of women taking control of their health. Let's work together toward your goals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Coach",
|
||||
href: "mailto:hello@fitfocus.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Coach", href: "mailto:hello@fitfocus.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -419,16 +203,8 @@ export default function LandingPage() {
|
||||
logoText="FitFocus"
|
||||
copyrightText="© 2025 FitFocus Inc. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user