Update src/app/page.tsx
This commit is contained in:
794
src/app/page.tsx
794
src/app/page.tsx
@@ -1,7 +1,6 @@
|
||||
'use client';
|
||||
"use client";
|
||||
|
||||
import React from 'react';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
@@ -13,450 +12,375 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Zap, Dumbbell, Apple, TrendingUp } from 'lucide-react';
|
||||
import { Activity, Apple, Brain, Dumbbell, Heart, Target, Zap, Users, Star, TrendingDown, TrendingUp } from 'lucide-react';
|
||||
import { WorkoutDataIntegration } from '@/app/components/WorkoutDataIntegration';
|
||||
|
||||
const navItems = [
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'Features', id: 'onboarding' },
|
||||
{ name: 'Pricing', id: 'nutrition' },
|
||||
{ name: 'Team', id: 'team' },
|
||||
{ name: 'Contact', id: 'contact' },
|
||||
];
|
||||
|
||||
const Page = () => {
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
brandName="FitFlow"
|
||||
/>
|
||||
</div>
|
||||
<WorkoutDataIntegration autoSave={true}>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "dashboard" },
|
||||
{ name: "Treino", id: "training" },
|
||||
{ name: "Nutrição", id: "nutrition" },
|
||||
{ name: "Comunidade", id: "community" },
|
||||
{ name: "Perfil", id: "profile" }
|
||||
]}
|
||||
button={{ text: "Começar Agora", href: "contact" }}
|
||||
brandName="FitFlow Pro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Transform Your Fitness Journey"
|
||||
description="Track workouts, monitor nutrition, and achieve your goals with our comprehensive fitness platform."
|
||||
background={{ variant: 'circleGradient' }}
|
||||
tag="Fitness Platform"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
kpis={[
|
||||
{ value: '500K+', label: 'Active Users' },
|
||||
{ value: '1M+', label: 'Workouts Tracked' },
|
||||
{ value: '50+', label: 'Fitness Experts' }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: 'Start Free Trial', href: '/signup' },
|
||||
{ text: 'Learn More', href: '#features' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="/placeholders/placeholder1.webp"
|
||||
imageAlt="Fitness tracking dashboard"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Seu Corpo, Seu Histórico, Sua Vitória"
|
||||
description="Aplicativo premium de fitness com rastreamento biométrico inteligente, treinos personalizados por IA e cardio com GPS. Transforme seu corpo enquanto acompanha cada segundo da jornada."
|
||||
tag="Fitness Ultra-Premium"
|
||||
tagIcon={Zap}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "150K+", label: "Usuários Ativos" },
|
||||
{ value: "2M+", label: "Treinos Concluídos" },
|
||||
{ value: "4.9★", label: "Avaliação" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/ultra-modern-fitness-app-dashboard-with--1773256981295-f56c580b.png?_wi=1"
|
||||
imageAlt="Dashboard de fitness premium"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Começar Teste Grátis", href: "contact" },
|
||||
{ text: "Ver Demo", href: "#features" }
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/professional-athlete-portrait-male-fitne-1773256979726-5009f852.png", alt: "Usuário" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/fit-female-athlete-portrait-determined-e-1773256980310-c05dce2f.png", alt: "Usuário" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/athletic-male-trainer-portrait-confident-1773256979906-c5e05a88.png", alt: "Usuário" }
|
||||
]}
|
||||
avatarText="Join 150K+ athletes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="onboarding" data-section="onboarding">
|
||||
<FeatureCardTwentyFive
|
||||
title="Get Started in 3 Simple Steps"
|
||||
description="Onboard quickly and start your fitness transformation today."
|
||||
tag="Onboarding"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: 'Create Your Profile',
|
||||
description: 'Set up your account with your fitness goals.',
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Profile setup' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Goals selection' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Connect Your Devices',
|
||||
description: 'Sync with your fitness trackers and smartwatches.',
|
||||
icon: Dumbbell,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Device sync' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Integration' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Start Tracking',
|
||||
description: 'Log workouts and monitor your progress in real-time.',
|
||||
icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Workout tracking' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Progress dashboard' }
|
||||
]
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: 'Get Started Now', href: '/signup' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="onboarding" data-section="onboarding">
|
||||
<FeatureCardTwentyFive
|
||||
title="Onboarding Biométrico Dinâmico"
|
||||
description="Sistema inteligente que adapta-se ao seu corpo. Defina seu objetivo, e o app calcula automaticamente sua timeline de sucesso com precisão científica."
|
||||
tag="Inteligência Adaptativa"
|
||||
tagIcon={Brain}
|
||||
features={[
|
||||
{
|
||||
title: "Perfil Biométrico", description: "Coloque seus dados (gênero, altura, peso, idade) e veja o app adaptar todas as demonstrações, avatares e ilustrações anatomicamente.", icon: Target,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/premium-onboarding-screen-for-fitness-ap-1773256981180-774b293c.png", imageAlt: "Tela de biometria"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/ultra-modern-fitness-app-dashboard-with--1773256981295-f56c580b.png?_wi=2", imageAlt: "Dashboard adaptado"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Metas Inteligentes", description: "Escolha: Perder Peso ou Ganhar Massa. O sistema calcula TMB, projeta planilha de metas e mostra exatamente quando você atingirá seu objetivo.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/nutrition-dashboard-showing-meal-plans-d-1773256981349-9348b6d9.png", imageAlt: "Plano de nutrição"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/performance-metrics-showcase-displaying--1773256982260-f9a5cff0.png?_wi=1", imageAlt: "Métricas de progresso"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cardio" data-section="cardio">
|
||||
<FeatureCardTwentyFive
|
||||
title="Cardio Workouts"
|
||||
description="High-intensity interval training and endurance workouts."
|
||||
tag="Cardio"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: 'HIIT Training',
|
||||
description: 'Burn calories with high-intensity interval training.',
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'HIIT workout' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'HIIT results' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Running Plans',
|
||||
description: 'Personalized running programs for all levels.',
|
||||
icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Running plan' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Running stats' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Cycling Routes',
|
||||
description: 'Discover and track cycling routes in your area.',
|
||||
icon: Dumbbell,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Cycling route' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Route map' }
|
||||
]
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: 'Explore Cardio', href: '#workouts' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="cardio" data-section="cardio">
|
||||
<FeatureCardTwentyFive
|
||||
title="Hub de Cardio com GPS em Tempo Real"
|
||||
description="Rastreie suas corridas e caminhadas com precisão de GPS. Monitore pace, distância, calorias queimadas e vença suas metas diárias com anéis de progresso animados."
|
||||
tag="Cardio Premium"
|
||||
tagIcon={Heart}
|
||||
features={[
|
||||
{
|
||||
title: "Running Tracker Avançado", description: "GPS ativado em tempo real. Mapeia sua rota, calcula queima de calorias baseado no peso, mostra ritmo ao vivo em painel estilo smartwatch.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/gps-running-tracker-interface-with-real--1773256980694-2abe167e.png", imageAlt: "Rastreamento GPS"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/performance-metrics-showcase-displaying--1773256982260-f9a5cff0.png?_wi=2", imageAlt: "Métricas de cardio"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Pedômetro & Caminhada", description: "Contador de passos embutido com rastreamento de distância e calorias. Vença suas metas de 10.000 passos com visual de anéis de progresso motivacional.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/ultra-modern-fitness-app-dashboard-with--1773256981295-f56c580b.png?_wi=3", imageAlt: "Dashboard de passos"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/performance-metrics-showcase-displaying--1773256982260-f9a5cff0.png?_wi=3", imageAlt: "Progresso de atividade"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="training" data-section="training">
|
||||
<FeatureCardTwentyFive
|
||||
title="Strength Training"
|
||||
description="Build muscle and increase strength with guided workouts."
|
||||
tag="Training"
|
||||
tagIcon={Dumbbell}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: 'Muscle Building',
|
||||
description: 'Progressive programs to build and tone muscles.',
|
||||
icon: Dumbbell,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Weight lifting' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Muscle gain' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Form Guide',
|
||||
description: 'Video tutorials and form checks for exercises.',
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Exercise form' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Video guide' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Recovery Tips',
|
||||
description: 'Expert advice on rest days and recovery techniques.',
|
||||
icon: Apple,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Recovery' },
|
||||
{ type: 'image', src: '/placeholders/placeholder1.webp', alt: 'Rest day' }
|
||||
]
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: 'View Training Plans', href: '#plans' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="training" data-section="training">
|
||||
<FeatureCardTwentyFive
|
||||
title="Core de Treinamento com IA"
|
||||
description="Algoritmo adaptativo que recomenda treinos baseado em biometria. Escolha entre Casa (calistenia) ou Ginásio (máquinas/pesos) e isole por grupo muscular com modelo anatômico 3D interativo."
|
||||
tag="Recomendação de IA"
|
||||
tagIcon={Brain}
|
||||
features={[
|
||||
{
|
||||
title: "Dualidade de Ambientes", description: "Treinos em Casa (peso corporal, calistenia) ou Ginásio (máquinas, pesos livres). Sistema diferencia automaticamente baseado em sua escolha e disponibilidade de equipamento.", icon: Dumbbell,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/interactive-anatomical-body-model-showin-1773256980448-3cccd7b3.png?_wi=1", imageAlt: "Seleção de exercícios"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/workout-execution-interface-showing-set--1773256980664-da11c464.png?_wi=1", imageAlt: "Execução de treino"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Isolamento por Grupo Muscular", description: "Modelo anatômico 3D/2D interativo. Clique em um músculo (peitoral, glúteo, etc.) e veja lista filtrada de exercícios com foco nesse músculo específico.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/interactive-anatomical-body-model-showin-1773256980448-3cccd7b3.png?_wi=2", imageAlt: "Anatomia interativa"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/workout-execution-interface-showing-set--1773256980664-da11c464.png?_wi=2", imageAlt: "Exercícios filtrados"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="workout-mode" data-section="workout-mode">
|
||||
<ProductCardOne
|
||||
title="Workout Modes"
|
||||
description="Choose from various workout modes to suit your fitness level."
|
||||
tag="Workouts"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: '1',
|
||||
name: 'Beginner Workouts',
|
||||
price: 'Free',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Beginner workout'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Intermediate Training',
|
||||
price: '$9.99/mo',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Intermediate workout'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Advanced Programs',
|
||||
price: '$19.99/mo',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Advanced workout'
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
name: 'Expert Coaching',
|
||||
price: '$49.99/mo',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Expert coaching'
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: 'View All Modes', href: '#modes' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="workout-mode" data-section="workout-mode">
|
||||
<ProductCardOne
|
||||
title="Modo 'Em Execução' - Tracking de Série"
|
||||
description="Interface imersiva que transforma o treino em experiência interativa com cronômetro de descanso, registro de progresso e gráficos de progressão."
|
||||
tag="Focus Mode"
|
||||
tagIcon={Target}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Iniciar Série", price: "Botão Proeminente", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/workout-execution-interface-showing-set--1773256980664-da11c464.png?_wi=3", imageAlt: "Tela de série"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Cronômetro de Descanso", price: "Automático", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/workout-execution-interface-showing-set--1773256980664-da11c464.png?_wi=4", imageAlt: "Descanso entre séries"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Registrar Progresso", price: "Carga + Reps", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/performance-metrics-showcase-displaying--1773256982260-f9a5cff0.png?_wi=4", imageAlt: "Progresso salvo"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="nutrition" data-section="nutrition">
|
||||
<PricingCardOne
|
||||
title="Nutrition Plans"
|
||||
description="Personalized meal plans tailored to your fitness goals."
|
||||
tag="Nutrition"
|
||||
tagIcon={Apple}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: 'basic',
|
||||
badge: 'Basic',
|
||||
price: '$9.99',
|
||||
subtitle: 'per month',
|
||||
features: ['Basic meal plans', 'Calorie tracking', 'Recipe suggestions']
|
||||
},
|
||||
{
|
||||
id: 'pro',
|
||||
badge: 'Pro',
|
||||
badgeIcon: Zap,
|
||||
price: '$29.99',
|
||||
subtitle: 'per month',
|
||||
features: ['Advanced meal plans', 'Macro tracking', 'Expert guidance', 'Weekly recipes']
|
||||
},
|
||||
{
|
||||
id: 'elite',
|
||||
badge: 'Elite',
|
||||
price: '$59.99',
|
||||
subtitle: 'per month',
|
||||
features: ['Custom meal plans', 'Personal nutritionist', '24/7 support', 'Supplement guide']
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: 'Choose Plan', href: '/pricing' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="nutrition" data-section="nutrition">
|
||||
<PricingCardOne
|
||||
title="Nutrição Inteligente & Receituário"
|
||||
description="Planos alimentares 100% sincronizados com suas metas de peso. Se quer perder peso, déficit calórico. Se quer ganhar massa, superávit inteligente."
|
||||
tag="Sincronizado com Timeline"
|
||||
tagIcon={Apple}
|
||||
plans={[
|
||||
{
|
||||
id: "deficit", badge: "Perda de Peso", badgeIcon: TrendingDown,
|
||||
price: "Déficit Calórico", subtitle: "Receitas otimizadas para queima de calorias", features: [
|
||||
"Macros calculados automaticamente", "Prep time entre 15-30 min", "Proteína alta, carboidrato estratégico", "Rastreamento integrado", "Sugestões diárias personalizadas"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "surplus", badge: "Ganho de Massa", badgeIcon: TrendingUp,
|
||||
price: "Superávit Estratégico", subtitle: "Nutrição para crescimento muscular", features: [
|
||||
"Calorias calculadas para ganho", "Proteína máxima (2g por kg)", "Carbos pré e pós-treino", "Tempo de preparo eficiente", "Sincronizado com treino de força"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Your Progress"
|
||||
tag="Metrics"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: '1', value: '2,450', description: 'Calories Burned' },
|
||||
{ id: '2', value: '45', description: 'Workouts Completed' },
|
||||
{ id: '3', value: '12', description: 'Pounds Lost' },
|
||||
{ id: '4', value: '92%', description: 'Goal Achievement' }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Suas Conquistas Importam. Veja Cada Número."
|
||||
tag="Performance Metrics"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "10.000+", description: "Passos diários rastreados em tempo real com motivação visual de progresso."
|
||||
},
|
||||
{
|
||||
id: "2", value: "500 kg", description: "Volume total de peso levantado monitorado com progressão semanal automática."
|
||||
},
|
||||
{
|
||||
id: "3", value: "150+ km", description: "Distância corrida mapeada com GPS, ritmo calculado e calorias precisas."
|
||||
},
|
||||
{
|
||||
id: "4", value: "42 dias", description: "Sequência de treinos consistentes com badges de dedicação desbloqueados."
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
title="Meet Our Fitness Experts"
|
||||
description="Learn from certified trainers and nutritionists."
|
||||
tag="Team"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: '1',
|
||||
name: 'Sarah Johnson',
|
||||
role: 'Certified Personal Trainer',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Sarah Johnson'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Mike Chen',
|
||||
role: 'Nutrition Specialist',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Mike Chen'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Emma Davis',
|
||||
role: 'Yoga Instructor',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Emma Davis'
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
name: 'James Wilson',
|
||||
role: 'Strength Coach',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'James Wilson'
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: 'Meet the Team', href: '#experts' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
title="Comunidade de Atletas Profissionais"
|
||||
description="Feed social onde você compartilha rotas de corrida, estatísticas de treino e compete em rankings semanais com outros usuários."
|
||||
tag="Gamificação Social"
|
||||
tagIcon={Users}
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Marcus A.", role: "Elite Runner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/professional-athlete-portrait-male-fitne-1773256979726-5009f852.png?_wi=1", imageAlt: "Marcus A."
|
||||
},
|
||||
{
|
||||
id: "2", name: "Ana L.", role: "Strength Coach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/fit-female-athlete-portrait-determined-e-1773256980310-c05dce2f.png?_wi=1", imageAlt: "Ana L."
|
||||
},
|
||||
{
|
||||
id: "3", name: "Rafael S.", role: "Nutrition Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/athletic-male-trainer-portrait-confident-1773256979906-c5e05a88.png?_wi=1", imageAlt: "Rafael S."
|
||||
},
|
||||
{
|
||||
id: "4", name: "Sofia M.", role: "Fitness Trainer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/female-fitness-coach-portrait-profession-1773256979710-97e8b5fe.png?_wi=1", imageAlt: "Sofia M."
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: '1',
|
||||
name: 'Alex Rodriguez',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Alex Rodriguez'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Lisa Chen',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Lisa Chen'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Michael Brown',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Michael Brown'
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
name: 'Jessica Taylor',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Jessica Taylor'
|
||||
}
|
||||
]}
|
||||
cardTitle="Trusted by 500k+ users worldwide"
|
||||
cardTag="Success Stories"
|
||||
cardTagIcon={Zap}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Carlos M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/professional-athlete-portrait-male-fitne-1773256979726-5009f852.png?_wi=2", imageAlt: "Carlos M."
|
||||
},
|
||||
{
|
||||
id: "2", name: "Beatriz R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/fit-female-athlete-portrait-determined-e-1773256980310-c05dce2f.png?_wi=2", imageAlt: "Beatriz R."
|
||||
},
|
||||
{
|
||||
id: "3", name: "Diego P.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/athletic-male-trainer-portrait-confident-1773256979906-c5e05a88.png?_wi=2", imageAlt: "Diego P."
|
||||
},
|
||||
{
|
||||
id: "4", name: "Juliana T.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/female-fitness-coach-portrait-profession-1773256979710-97e8b5fe.png?_wi=2", imageAlt: "Juliana T."
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lucas F.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/young-athlete-male-portrait-energetic-ex-1773256982698-63e4e494.png", imageAlt: "Lucas F."
|
||||
},
|
||||
{
|
||||
id: "6", name: "Marina S.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoRNSPr0mCBj85JKsHl7qxTHsl/female-athlete-portrait-fit-build-profes-1773256980134-0faaa8fa.png", imageAlt: "Marina S."
|
||||
}
|
||||
]}
|
||||
cardTitle="Mais de 150 mil atletas já transformaram seu corpo com FitFlow Pro"
|
||||
cardTag="Veja o que eles dizem"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Featured In"
|
||||
description="Recognized by leading fitness and wellness publications."
|
||||
tag="Social Proof"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={['Fitness Magazine', 'Wellness Today', 'Health News', 'Trainer Weekly', 'Sports Life']}
|
||||
buttons={[
|
||||
{ text: 'Read Our Press', href: '#press' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Confiado pelos Maiores Aplicativos e Plataformas de Fitness"
|
||||
description="FitFlow Pro integra-se perfeitamente com os ecossistemas de saúde mais populares do mundo."
|
||||
tag="Parcerias Premium"
|
||||
tagIcon={Zap}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/heart-love-logo_126523-2763.jpg", "http://img.b2bpic.net/free-photo/woman-with-phone-sportswear_1303-8805.jpg", "http://img.b2bpic.net/free-vector/flat-design-fitness-trackers-heart-rate-menu_23-2148515781.jpg", "http://img.b2bpic.net/free-photo/close-up-woman-holding-phone_23-2148889655.jpg", "http://img.b2bpic.net/free-photo/close-up-man-using-phone-while-electric-bike_23-2149098678.jpg", "http://img.b2bpic.net/free-vector/fitness-trackers-concept_23-2148527033.jpg", "http://img.b2bpic.net/free-photo/cropped-view-sexy-bodybuilder-showing-thumbs-up_1153-6281.jpg", "http://img.b2bpic.net/free-photo/phone-muscular-hand-guy-sitting-city-morning-he-holds-bottle-water-headphones_197531-1155.jpg"
|
||||
]}
|
||||
names={[
|
||||
"Apple Fitness", "Strava", "Fitbit", "Google Fit", "Peloton", "MyFitnessPal", "Garmin", "Nike Training"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to transform your fitness journey? Start your free trial today and unlock your potential."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: 'sparkles-gradient' }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: 'Start Free Trial', href: '/signup' },
|
||||
{ text: 'Contact Us', href: 'mailto:info@fitflow.com' }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Pronto para transformar seu corpo? Começar seu teste gratuito de 30 dias agora e veja por que 150 mil atletas confiam em FitFlow Pro."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Começar Teste Grátis", href: "contact" },
|
||||
{ text: "Conversar com Especialista", href: "#contact" }
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="FitFlow"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: 'About', href: '#about' },
|
||||
{ label: 'Blog', href: '#blog' },
|
||||
{ label: 'Careers', href: '#careers' }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: 'Privacy', href: '#privacy' },
|
||||
{ label: 'Terms', href: '#terms' },
|
||||
{ label: 'Contact', href: '#contact' }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: 'Twitter', href: 'https://twitter.com' },
|
||||
{ label: 'Instagram', href: 'https://instagram.com' },
|
||||
{ label: 'LinkedIn', href: 'https://linkedin.com' }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Dashboard", href: "#dashboard" },
|
||||
{ label: "Treino", href: "#training" },
|
||||
{ label: "Nutrição", href: "#nutrition" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Cardio Hub", href: "#cardio" },
|
||||
{ label: "Comunidade", href: "#community" },
|
||||
{ label: "Perfil", href: "#profile" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Blog", href: "#blog" },
|
||||
{ label: "Ajuda", href: "#help" },
|
||||
{ label: "Suporte", href: "#support" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacidade", href: "#privacy" },
|
||||
{ label: "Termos", href: "#terms" },
|
||||
{ label: "Contato", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="FitFlow Pro"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
</WorkoutDataIntegration>
|
||||
);
|
||||
};
|
||||
|
||||
export default Page;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user