232 lines
13 KiB
TypeScript
232 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Unai García Team"
|
|
navItems={[
|
|
{ name: "Solución", id: "solution" },
|
|
{ name: "Proceso", id: "process" },
|
|
{ name: "Transformaciones", id: "transformations" },
|
|
{ name: "Beneficios", id: "benefits" },
|
|
{ name: "Aplicar", id: "apply" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="UNAI GARCÍA"
|
|
description="Coaching Online Especializado en Pérdida de Grasa para Hombres Ocupados"
|
|
buttons={[
|
|
{ text: "Aplicar para Coaching", href: "apply" },
|
|
{ text: "Ver Transformaciones", href: "transformations" },
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sportive-guy-training-with-kettlebell_1153-6282.jpg?_wi=1", imageAlt: "Athlete training with intensity"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/athlete-doing-exercises-air-bike-exercise-bike-closeup_169016-59100.jpg", imageAlt: "Athletic training session"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32155.jpg?_wi=1", imageAlt: "Professional fitness coaching"},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="problem" data-section="problem">
|
|
<FeatureCardTwentyOne
|
|
title="El Problema de los Hombres Ocupados"
|
|
description="Trabajas duro, tienes responsabilidades, pero tu cuerpo no refleja tu potencial. No es por falta de esfuerzo, sino por falta de dirección."
|
|
tag="Realidad"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Falta de Tiempo", content: "Entre trabajo, familia y compromisos, el tiempo es tu recurso más valioso. Los entrenamientos genéricos no funcionan para tu realidad."},
|
|
{
|
|
id: "2", title: "Información Confusa", content: "Redes sociales llenas de \"hacks\" milagrosos, dietas contradictorias, y gurus de fitness. ¿A quién le crees?"},
|
|
{
|
|
id: "3", title: "Dietas Insostenibles", content: "Dietas extremas que prometen resultados rápidos pero son imposibles de mantener. Necesitas algo realista para tu estilo de vida."},
|
|
{
|
|
id: "4", title: "Entrenamiento Sin Resultados", content: "Años en el gym sin ver cambios significativos. Trabajas pero no ves el progreso que mereces."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sportive-guy-training-with-kettlebell_1153-6282.jpg?_wi=2"
|
|
imageAlt="The challenge of busy men's fitness"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="solution" data-section="solution">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Unai García Team:" },
|
|
{ type: "text", content: "Coaching Personalizado para Resultados Reales" },
|
|
]}
|
|
buttons={[
|
|
{ text: "Descubre Cómo", href: "apply" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="coach" data-section="coach">
|
|
<TeamCardEleven
|
|
title="Conoce a Unai García"
|
|
description="Entrenador de Fitness Certificado | Competidor en Culturismo Natural | Especialista en Pérdida de Grasa"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
groups={[
|
|
{
|
|
id: "coach-group", groupTitle: "Coach Especialista", members: [
|
|
{
|
|
id: "1", title: "Unai García", subtitle: "Coach de Fitness | Culturista Natural", detail: "Más de 8 años transformando a hombres ocupados. Competidor en culturismo natural con experiencia real en pérdida de grasa y construcción muscular.", imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32155.jpg?_wi=2", imageAlt: "Unai García, fitness coach"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<MetricCardSeven
|
|
title="Cómo Funciona el Programa"
|
|
description="Un sistema comprobado diseñado específicamente para hombres ocupados que quieren resultados reales sin sacrificar su vida."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "01", title: "Plan de Entrenamiento Personalizado", items: [
|
|
"Diseñado para tu horario", "Eficiente y enfocado", "Adaptado a tu experiencia"],
|
|
},
|
|
{
|
|
id: "2", value: "02", title: "Estrategia Nutricional Realista", items: [
|
|
"Flexible y sostenible", "Adaptada a tu estilo de vida", "Sin dietas extremas"],
|
|
},
|
|
{
|
|
id: "3", value: "03", title: "Seguimiento Semanal", items: [
|
|
"Check-ins personalizados", "Monitoreo de progreso", "Ajustes en tiempo real"],
|
|
},
|
|
{
|
|
id: "4", value: "04", title: "Soporte Continuo", items: [
|
|
"Accountability diaria", "Motivación constante", "Ajustes según resultados"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="transformations" data-section="transformations">
|
|
<TestimonialCardSixteen
|
|
title="Transformaciones Reales de Clientes"
|
|
description="Hombres como tú que tomaron acción y consiguieron los resultados que merecían"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Carlos M.", role: "Empresario", company: "Sector Tecnológico", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/slim-sexy-blonde-young-sportswoman-with-athletic-body-pumped-press-poses-gym-looking-camera-black-sportswear-full-length-portrait_7502-8729.jpg?_wi=1", imageAlt: "Carlos transformation results"},
|
|
{
|
|
id: "2", name: "Diego R.", role: "Ejecutivo", company: "Finanzas", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-sport-nature_1098-2737.jpg?_wi=1", imageAlt: "Diego transformation results"},
|
|
{
|
|
id: "3", name: "Jorge L.", role: "Profesional", company: "Consultoría", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-people-with-exercise-mat-gym_23-2147949691.jpg?_wi=1", imageAlt: "Jorge transformation results"},
|
|
{
|
|
id: "4", name: "Andrés G.", role: "Emprendedor", company: "Startup", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-herself-reflection-mirror-home_1301-7716.jpg", imageAlt: "Andrés transformation results"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "200+", label: "Transformaciones Completadas" },
|
|
{ value: "95%", label: "Tasa de Satisfacción" },
|
|
{ value: "8+", label: "Años de Experiencia" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<ProductCardTwo
|
|
title="Resultados que Obtendrás"
|
|
description="Lo que los clientes consiguen al comprometerse con el programa"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Resultado 1", name: "Pérdida de Grasa Real", price: "5-10kg", rating: 5,
|
|
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/slim-sexy-blonde-young-sportswoman-with-athletic-body-pumped-press-poses-gym-looking-camera-black-sportswear-full-length-portrait_7502-8729.jpg?_wi=2", imageAlt: "Fat loss results"},
|
|
{
|
|
id: "2", brand: "Resultado 2", name: "Musculatura Definida", price: "Visible", rating: 5,
|
|
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-sport-nature_1098-2737.jpg?_wi=2", imageAlt: "Muscle definition"},
|
|
{
|
|
id: "3", brand: "Resultado 3", name: "Confianza y Disciplina", price: "Transformador", rating: 5,
|
|
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-people-with-exercise-mat-gym_23-2147949691.jpg?_wi=2", imageAlt: "Confidence boost"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="apply" data-section="apply">
|
|
<ContactSplitForm
|
|
title="Solicita tu Consultoría Personalizada"
|
|
description="Comparte tus datos y nos pondremos en contacto para crear tu plan de transformación. Solo tenemos espacios limitados disponibles."
|
|
inputs={[
|
|
{ name: "nombre", type: "text", placeholder: "Tu Nombre", required: true },
|
|
{ name: "edad", type: "number", placeholder: "Tu Edad", required: true },
|
|
{ name: "peso", type: "number", placeholder: "Peso Actual (kg)", required: true },
|
|
{ name: "objetivo", type: "text", placeholder: "Tu Objetivo", required: true },
|
|
{ name: "experiencia", type: "text", placeholder: "Experiencia en Fitness", required: false },
|
|
{ name: "whatsapp", type: "tel", placeholder: "WhatsApp", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
|
]}
|
|
textarea={{
|
|
name: "mensaje", placeholder: "Cuéntanos más sobre tu situación...", rows: 4,
|
|
required: false,
|
|
}}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg"
|
|
imageAlt="Fitness consultation"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Enviar Solicitud"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Unai García Team"
|
|
copyrightText="© 2025 Unai García Team | Coaching Online de Fitness | Especialistas en Pérdida de Grasa"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|