Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
79
src/app/30-days-workout-structure/page.tsx
Normal file
79
src/app/30-days-workout-structure/page.tsx
Normal file
@@ -0,0 +1,79 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
|
||||
|
||||
export default function ThirtyDaysWorkoutStructurePage() {
|
||||
const updatedNavItems = [
|
||||
{ name: "How It Works", id: "features" },
|
||||
{ name: "Impact", id: "impact" },
|
||||
{ name: "Rewards", id: "rewards" },
|
||||
{ name: "FAQs", id: "faq" },
|
||||
{ name: "30-Day Workout", href: "/30-days-workout-structure" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={updatedNavItems}
|
||||
brandName="Move & Earn"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="workout-structure" data-section="workout-structure">
|
||||
<TimelineCardStack
|
||||
title="Your 30-Day Fitness Transformation"
|
||||
description="Embark on a structured journey to a fitter, stronger you. Each week builds on the last, designed for progressive results."
|
||||
tag="Progressive Fitness"
|
||||
buttons={[
|
||||
{ text: "Download Plan", href: "#" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
>
|
||||
<div className="flex flex-col gap-8 py-8 md:py-16">
|
||||
{/* Week 1 */}
|
||||
<div className="relative p-6 border rounded-lg bg-card shadow-lg">
|
||||
<div className="absolute -left-3 -top-3 w-8 h-8 flex items-center justify-center bg-primary-cta text-primary-cta-text rounded-full font-bold">1</div>
|
||||
<h3 className="text-xl font-bold text-foreground">Week 1: Foundation & Cardio</h3>
|
||||
<p className="mt-2 text-foreground/80">Days 1-7: Focus on building a consistent routine with light cardio (jogging, cycling) and full-body strength training (3x per week). Emphasis on proper form and gradual intensity.</p>
|
||||
</div>
|
||||
{/* Week 2 */}
|
||||
<div className="relative p-6 border rounded-lg bg-card shadow-lg">
|
||||
<div className="absolute -left-3 -top-3 w-8 h-8 flex items-center justify-center bg-primary-cta text-primary-cta-text rounded-full font-bold">2</div>
|
||||
<h3 className="text-xl font-bold text-foreground">Week 2: Intensity & Core</h3>
|
||||
<p className="mt-2 text-foreground/80">Days 8-14: Introduce High-Intensity Interval Training (HIIT) 2x per week. Increase strength training sets/reps. Integrate dedicated core workouts 3x per week. Focus on endurance.</p>
|
||||
</div>
|
||||
{/* Week 3 */}
|
||||
<div className="relative p-6 border rounded-lg bg-card shadow-lg">
|
||||
<div className="absolute -left-3 -top-3 w-8 h-8 flex items-center justify-center bg-primary-cta text-primary-cta-text rounded-full font-bold">3</div>
|
||||
<h3 className="text-xl font-bold text-foreground">Week 3: Advanced Training & Flexibility</h3>
|
||||
<p className="mt-2 text-foreground/80">Days 15-21: Advance strength training with heavier weights or more complex exercises. Add flexibility and mobility sessions (yoga, stretching) 2x per week. Maintain cardio and HIIT.</p>
|
||||
</div>
|
||||
{/* Week 4 */}
|
||||
<div className="relative p-6 border rounded-lg bg-card shadow-lg">
|
||||
<div className="absolute -left-3 -top-3 w-8 h-8 flex items-center justify-center bg-primary-cta text-primary-cta-text rounded-full font-bold">4</div>
|
||||
<h3 className="text-xl font-bold text-foreground">Week 4: Peak & Sustain</h3>
|
||||
<p className="mt-2 text-foreground/80">Days 22-30: Push personal bests in strength and cardio. Focus on active recovery and consistent nutrition. The last few days can include a benchmark challenge to measure progress. Plan for long-term maintenance.</p>
|
||||
</div>
|
||||
</div>
|
||||
</TimelineCardStack>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
180
src/app/page.tsx
180
src/app/page.tsx
@@ -32,21 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "features",
|
||||
},
|
||||
name: "How It Works", id: "features"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "impact",
|
||||
},
|
||||
name: "Impact", id: "impact"},
|
||||
{
|
||||
name: "Rewards",
|
||||
id: "rewards",
|
||||
},
|
||||
name: "Rewards", id: "rewards"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQs", id: "faq"},
|
||||
{
|
||||
name: "30-Day Workout", href: "/30-days-workout-structure"},
|
||||
]}
|
||||
brandName="Move & Earn"
|
||||
/>
|
||||
@@ -55,31 +49,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Move. Sweat. {Earn. Repeat.}"
|
||||
description="Transform your fitness journey into a rewarding experience. Our platform motivates you to stay active by paying you for every workout. Get healthier, get wealthier."
|
||||
tag="Fitness Meets Finance"
|
||||
tagIcon={Zap}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Earning Today",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start Earning Today", href: "#features"},
|
||||
{
|
||||
text: "How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
text: "How It Works", href: "#how-it-works"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-sleek-modern-fitness-app-interface-on--1774436728210-84d7ff8c.png",
|
||||
imageAlt: "Fitness app dashboard displaying workout stats and earnings",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-sleek-modern-fitness-app-interface-on--1774436728210-84d7ff8c.png", imageAlt: "Fitness app dashboard displaying workout stats and earnings"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-person-in-dynamic-motion-mid-workout-e-1774436727077-1f391ae6.png",
|
||||
imageAlt: "Person in dynamic motion during a workout",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-person-in-dynamic-motion-mid-workout-e-1774436727077-1f391ae6.png", imageAlt: "Person in dynamic motion during a workout"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -95,29 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "track-workouts",
|
||||
title: "Seamless Workout Tracking",
|
||||
description: "Connect your favorite fitness trackers and apps to automatically record your activity. Every step, rep, and calorie counts towards your earnings.",
|
||||
tag: "Effortless Integration",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-minimalistic-icon-or-illustration-show-1774436726227-bdeece0d.png",
|
||||
imageAlt: "Smartwatch syncing workout data to a cloud",
|
||||
},
|
||||
id: "track-workouts", title: "Seamless Workout Tracking", description: "Connect your favorite fitness trackers and apps to automatically record your activity. Every step, rep, and calorie counts towards your earnings.", tag: "Effortless Integration", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-minimalistic-icon-or-illustration-show-1774436726227-bdeece0d.png", imageAlt: "Smartwatch syncing workout data to a cloud"},
|
||||
{
|
||||
id: "earn-rewards",
|
||||
title: "Earn Real Cash & Rewards",
|
||||
description: "Unlock financial rewards as you hit your fitness goals. Convert your sweat into tangible value, from cash payouts to exclusive discounts and perks.",
|
||||
tag: "Monetize Your Moves",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-hand-holding-a-smartphone-displaying-a-1774436727235-2cb5b7e2.png",
|
||||
imageAlt: "Hand holding phone showing dollar sign and medal notification",
|
||||
},
|
||||
id: "earn-rewards", title: "Earn Real Cash & Rewards", description: "Unlock financial rewards as you hit your fitness goals. Convert your sweat into tangible value, from cash payouts to exclusive discounts and perks.", tag: "Monetize Your Moves", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-hand-holding-a-smartphone-displaying-a-1774436727235-2cb5b7e2.png", imageAlt: "Hand holding phone showing dollar sign and medal notification"},
|
||||
{
|
||||
id: "stay-motivated",
|
||||
title: "Engage & Stay Motivated",
|
||||
description: "Join challenges, compete with friends, and get personalized insights to keep you pushing your limits. Our community fuels your drive to succeed.",
|
||||
tag: "Community Powered",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/an-illustration-of-diverse-people-exerci-1774436727047-7b0e603d.png",
|
||||
imageAlt: "Diverse group of people connected through glowing lines, symbolizing a fitness community",
|
||||
},
|
||||
id: "stay-motivated", title: "Engage & Stay Motivated", description: "Join challenges, compete with friends, and get personalized insights to keep you pushing your limits. Our community fuels your drive to succeed.", tag: "Community Powered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/an-illustration-of-diverse-people-exerci-1774436727047-7b0e603d.png", imageAlt: "Diverse group of people connected through glowing lines, symbolizing a fitness community"},
|
||||
]}
|
||||
title="How It Works: Sweat, Track, Earn"
|
||||
description="Our platform makes it simple to turn your dedication into dollars. Discover the seamless experience designed to reward your active lifestyle."
|
||||
@@ -131,19 +98,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Workouts Completed",
|
||||
value: "500K+",
|
||||
},
|
||||
label: "Workouts Completed", value: "500K+"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "Money Earned by Users",
|
||||
value: "$2M+",
|
||||
},
|
||||
label: "Money Earned by Users", value: "$2M+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Community",
|
||||
value: "100K+",
|
||||
},
|
||||
label: "Active Community", value: "100K+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -156,21 +117,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "calories-burned",
|
||||
value: "10M+",
|
||||
title: "Calories Burned",
|
||||
description: "Our community has collectively incinerated over 10 million calories, transforming energy into achievement.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-stylized-illustration-of-a-burning-cal-1774436726861-fa10e5fb.png",
|
||||
imageAlt: "Stylized illustration of a burning calorie icon",
|
||||
},
|
||||
id: "calories-burned", value: "10M+", title: "Calories Burned", description: "Our community has collectively incinerated over 10 million calories, transforming energy into achievement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-stylized-illustration-of-a-burning-cal-1774436726861-fa10e5fb.png", imageAlt: "Stylized illustration of a burning calorie icon"},
|
||||
{
|
||||
id: "money-distributed",
|
||||
value: "$2M+",
|
||||
title: "Rewards Distributed",
|
||||
description: "We've proudly distributed over $2 million in rewards, directly compensating our users for their dedication.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-vibrant-illustration-of-a-stack-of-coi-1774436728049-2424c430.png",
|
||||
imageAlt: "Illustration of a stack of money with a rising arrow graph",
|
||||
},
|
||||
id: "money-distributed", value: "$2M+", title: "Rewards Distributed", description: "We've proudly distributed over $2 million in rewards, directly compensating our users for their dedication.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-vibrant-illustration-of-a-stack-of-coi-1774436728049-2424c430.png", imageAlt: "Illustration of a stack of money with a rising arrow graph"},
|
||||
]}
|
||||
title="Real Impact, Real Rewards"
|
||||
description="See the tangible results of combining fitness with financial incentives. Join a growing movement that values your every effort."
|
||||
@@ -185,21 +134,13 @@ export default function LandingPage() {
|
||||
author="Sarah J., Active Member"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-professional-headshot-of-a-diverse-you-1774436727128-c802e47b.png",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-professional-headshot-of-a-diverse-you-1774436727128-c802e47b.png", alt: "Sarah J."},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-friendly-headshot-of-a-diverse-man-in--1774436726464-231f86c4.png",
|
||||
alt: "Mark T.",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-friendly-headshot-of-a-diverse-man-in--1774436726464-231f86c4.png", alt: "Mark T."},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-charismatic-headshot-of-a-diverse-woma-1774436727454-dac89b3f.png",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-charismatic-headshot-of-a-diverse-woma-1774436727454-dac89b3f.png", alt: "Emily R."},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-determined-yet-satisfied-headshot-of-a-1774436726921-6314691c.png",
|
||||
alt: "David L.",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BR0ZKrRGYRyHCMlVgBuRiNk7Nb/a-determined-yet-satisfied-headshot-of-a-1774436726921-6314691c.png", alt: "David L."},
|
||||
]}
|
||||
ratingAnimation="entrance-slide"
|
||||
avatarsAnimation="entrance-slide"
|
||||
@@ -213,43 +154,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Beginner",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Up to $100/month",
|
||||
subtitle: "Perfect for getting started",
|
||||
features: [
|
||||
"Basic workout tracking",
|
||||
"Access to daily challenges",
|
||||
"Standard reward rates",
|
||||
"Community support",
|
||||
],
|
||||
id: "starter", badge: "Beginner", badgeIcon: Sparkles,
|
||||
price: "Up to $100/month", subtitle: "Perfect for getting started", features: [
|
||||
"Basic workout tracking", "Access to daily challenges", "Standard reward rates", "Community support"],
|
||||
},
|
||||
{
|
||||
id: "pro-mover",
|
||||
badge: "Popular",
|
||||
badgeIcon: Star,
|
||||
price: "Up to $500/month",
|
||||
subtitle: "For dedicated fitness enthusiasts",
|
||||
features: [
|
||||
"Advanced workout tracking",
|
||||
"Exclusive weekly challenges",
|
||||
"Boosted reward rates",
|
||||
"Priority support & insights",
|
||||
],
|
||||
id: "pro-mover", badge: "Popular", badgeIcon: Star,
|
||||
price: "Up to $500/month", subtitle: "For dedicated fitness enthusiasts", features: [
|
||||
"Advanced workout tracking", "Exclusive weekly challenges", "Boosted reward rates", "Priority support & insights"],
|
||||
},
|
||||
{
|
||||
id: "elite-earner",
|
||||
badge: "Max Rewards",
|
||||
badgeIcon: Crown,
|
||||
price: "Unlimited Potential",
|
||||
subtitle: "Maximize your earnings and impact",
|
||||
features: [
|
||||
"Premium tracking features",
|
||||
"Invite-only challenges",
|
||||
"Highest reward multipliers",
|
||||
"Dedicated account manager",
|
||||
],
|
||||
id: "elite-earner", badge: "Max Rewards", badgeIcon: Crown,
|
||||
price: "Unlimited Potential", subtitle: "Maximize your earnings and impact", features: [
|
||||
"Premium tracking features", "Invite-only challenges", "Highest reward multipliers", "Dedicated account manager"],
|
||||
},
|
||||
]}
|
||||
title="Your Earning Journey"
|
||||
@@ -262,32 +179,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the workout tracking work?",
|
||||
content: "You can connect your existing fitness devices and apps (like Apple Health, Google Fit, Garmin, Fitbit) to our platform. We automatically sync your activity data to calculate your rewards.",
|
||||
},
|
||||
id: "1", title: "How does the workout tracking work?", content: "You can connect your existing fitness devices and apps (like Apple Health, Google Fit, Garmin, Fitbit) to our platform. We automatically sync your activity data to calculate your rewards."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What kind of workouts are eligible for rewards?",
|
||||
content: "Most common activities such as running, walking, cycling, strength training, and yoga are eligible. The app automatically detects and verifies your activity type and intensity.",
|
||||
},
|
||||
id: "2", title: "What kind of workouts are eligible for rewards?", content: "Most common activities such as running, walking, cycling, strength training, and yoga are eligible. The app automatically detects and verifies your activity type and intensity."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I receive my earnings?",
|
||||
content: "Earnings can be withdrawn to your PayPal, bank account, or converted into gift cards from popular retailers. You can set your preferred payout method in your profile.",
|
||||
},
|
||||
id: "3", title: "How do I receive my earnings?", content: "Earnings can be withdrawn to your PayPal, bank account, or converted into gift cards from popular retailers. You can set your preferred payout method in your profile."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is there a limit to how much I can earn?",
|
||||
content: "While there are tiered reward rates, there's no strict upper limit to how much you can earn. Your potential earnings grow with your activity and engagement on the platform.",
|
||||
},
|
||||
id: "4", title: "Is there a limit to how much I can earn?", content: "While there are tiered reward rates, there's no strict upper limit to how much you can earn. Your potential earnings grow with your activity and engagement on the platform."},
|
||||
]}
|
||||
sideTitle="Got Questions?"
|
||||
sideDescription="Find quick answers to the most common questions about how Move & Earn works, from tracking to payout."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
},
|
||||
text: "Contact Support"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
faqsAnimation="entrance-slide"
|
||||
@@ -299,16 +203,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Move & Earn"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user