bender/c644c214-e757-4125-9498-64a32e99dd3c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 05:58:31 +00:00
parent 5460a1dbb3
commit 9a8528fa8b
1 changed files with 147 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

479
src/app/page.tsx
View File

@@ -16,349 +16,164 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmall"
background="none"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmall"
background="none"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Nosotros",
id: "about",
},
{
name: "Programas",
id: "features",
},
{
name: "Precios",
id: "pricing",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="Taekwondo Academy"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Nosotros", id: "about" },
{ name: "Programas", id: "features" },
{ name: "Precios", id: "pricing" },
{ name: "Contacto", id: "contact" },
]}
brandName="Taekwondo Academy"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Domina el Arte del Taekwondo"
description="Desarrolla disciplina, fuerza y confianza en nuestra academia líder. Clases para todas las edades y niveles."
testimonials={[
{
name: "Elena Martínez",
handle: "@elena_m",
testimonial: "¡Excelente escuela! Mis hijos han ganado muchísima confianza desde que empezaron.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-training-with-female-trainee-practice-hall_23-2148845927.jpg?_wi=1",
},
{
name: "Carlos Ruíz",
handle: "@carlos_r",
testimonial: "El entrenamiento es muy profesional y los maestros son expertos.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-asian-man-practising-taekwondo_52683-101641.jpg?_wi=1",
},
{
name: "Laura S.",
handle: "@laura_s",
testimonial: "He mejorado mi forma física y técnica de forma impresionante.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-practicing-taekwondo_23-2150260432.jpg?_wi=1",
},
{
name: "Jorge V.",
handle: "@jorge_v",
testimonial: "La mejor academia de la ciudad, un ambiente muy positivo.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-dressed-white-kimono-with-vr-glasses-his-head_613910-18.jpg?_wi=1",
},
{
name: "Sofía T.",
handle: "@sofia_t",
testimonial: "Un lugar increíble donde se respira respeto y disciplina.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-girl-helmet-her-beautiful-female-boxing-trainer-are-posing-photographer-ring_613910-13052.jpg?_wi=1",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-kids-training-gym_23-2150930328.jpg"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-asian-people-practicing-taekwondo_23-2150753735.jpg",
alt: "Instructor",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-kids-learning-boxing_23-2150930353.jpg",
alt: "Alumno",
},
{
src: "http://img.b2bpic.net/free-photo/karate-player-doing-push-up_107420-65056.jpg",
alt: "Alumno",
},
{
src: "http://img.b2bpic.net/free-photo/karate-player-performing-karate-stance_107420-64931.jpg",
alt: "Instructor",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-fighter-ready-get-into-combat_23-2148322340.jpg",
alt: "Maestra",
},
]}
avatarText="Únete a +500 estudiantes"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Domina el Arte del Taekwondo"
description="Desarrolla disciplina, fuerza y confianza en nuestra academia líder. Clases para todas las edades y niveles."
testimonials={[
{ name: "Elena Martínez", handle: "@elena_m", testimonial: "¡Excelente escuela! Mis hijos han ganado muchísima confianza desde que empezaron.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-training-with-female-trainee-practice-hall_23-2148845927.jpg" },
{ name: "Carlos Ruíz", handle: "@carlos_r", testimonial: "El entrenamiento es muy profesional y los maestros son expertos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-asian-man-practising-taekwondo_52683-101641.jpg" },
{ name: "Laura S.", handle: "@laura_s", testimonial: "He mejorado mi forma física y técnica de forma impresionante.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-practicing-taekwondo_23-2150260432.jpg" },
{ name: "Jorge V.", handle: "@jorge_v", testimonial: "La mejor academia de la ciudad, un ambiente muy positivo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/little-boy-dressed-white-kimono-with-vr-glasses-his-head_613910-18.jpg" },
{ name: "Sofía T.", handle: "@sofia_t", testimonial: "Un lugar increíble donde se respira respeto y disciplina.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cute-girl-helmet-her-beautiful-female-boxing-trainer-are-posing-photographer-ring_613910-13052.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-kids-training-gym_23-2150930328.jpg"
showBlur={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/full-shot-asian-people-practicing-taekwondo_23-2150753735.jpg", alt: "Instructor" },
{ src: "http://img.b2bpic.net/free-photo/side-view-kids-learning-boxing_23-2150930353.jpg", alt: "Alumno" },
{ src: "http://img.b2bpic.net/free-photo/karate-player-doing-push-up_107420-65056.jpg", alt: "Alumno" },
{ src: "http://img.b2bpic.net/free-photo/karate-player-performing-karate-stance_107420-64931.jpg", alt: "Instructor" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-fighter-ready-get-into-combat_23-2148322340.jpg", alt: "Maestra" },
]}
avatarText="Únete a +500 estudiantes"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Nuestra Filosofía"
description="Más que un deporte, el Taekwondo es un camino de vida. Fomentamos el respeto, la integridad y el autocontrol en cada uno de nuestros estudiantes, creando una comunidad unida."
imageSrc="http://img.b2bpic.net/free-photo/mom-daughter-are-doing-yoga_1153-4860.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Nuestra Filosofía"
description="Más que un deporte, el Taekwondo es un camino de vida. Fomentamos el respeto, la integridad y el autocontrol en cada uno de nuestros estudiantes, creando una comunidad unida."
imageSrc="http://img.b2bpic.net/free-photo/mom-daughter-are-doing-yoga_1153-4860.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Taekwondo Infantil",
description: "Desarrollo psicomotriz y valores para niños de 4 a 12 años.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-asian-people-practicing-taekwondo_23-2150753725.jpg",
},
{
title: "Entrenamiento Avanzado",
description: "Técnica, combate y preparación de alto rendimiento.",
imageSrc: "http://img.b2bpic.net/free-photo/boxers-train-ring-gym_1328-5303.jpg",
},
{
title: "Cinturones Negros",
description: "Programa de maestría y preparación para cinturones superiores.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-fighter-straighten-her-belt_23-2148322385.jpg",
},
]}
title="Nuestros Programas"
description="Ofrecemos una variedad de clases adaptadas a tus objetivos personales y ritmo de aprendizaje."
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{ title: "Taekwondo Infantil", description: "Desarrollo psicomotriz y valores para niños de 4 a 12 años.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-asian-people-practicing-taekwondo_23-2150753725.jpg" },
{ title: "Entrenamiento Avanzado", description: "Técnica, combate y preparación de alto rendimiento.", imageSrc: "http://img.b2bpic.net/free-photo/boxers-train-ring-gym_1328-5303.jpg" },
{ title: "Cinturones Negros", description: "Programa de maestría y preparación para cinturones superiores.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-fighter-straighten-her-belt_23-2148322385.jpg" },
]}
title="Nuestros Programas"
description="Ofrecemos una variedad de clases adaptadas a tus objetivos personales y ritmo de aprendizaje."
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
title="Nuestros Maestros"
tag="Expertos en Artes Marciales"
members={[
{
id: "t1",
name: "Maestro Sato",
imageSrc: "http://img.b2bpic.net/free-photo/man-training-taekwondo-outdoors-nature_23-2149908539.jpg",
},
{
id: "t2",
name: "Profe Elena",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-fighter_23-2148446212.jpg",
},
{
id: "t3",
name: "Entrenador Luis",
imageSrc: "http://img.b2bpic.net/free-photo/funky-cool-young-woman-pointing-her-index-finger-camera_482257-101216.jpg",
},
{
id: "t4",
name: "Maestro Carlos",
imageSrc: "http://img.b2bpic.net/free-photo/man-training-taekwondo-outdoors-nature_23-2149908544.jpg",
},
]}
memberVariant="card"
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
title="Nuestros Maestros"
tag="Expertos en Artes Marciales"
membersAnimation="slide-up"
members={[
{ id: "t1", name: "Maestro Sato", imageSrc: "http://img.b2bpic.net/free-photo/man-training-taekwondo-outdoors-nature_23-2149908539.jpg" },
{ id: "t2", name: "Profe Elena", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-fighter_23-2148446212.jpg" },
{ id: "t3", name: "Entrenador Luis", imageSrc: "http://img.b2bpic.net/free-photo/funky-cool-young-woman-pointing-her-index-finger-camera_482257-101216.jpg" },
{ id: "t4", name: "Maestro Carlos", imageSrc: "http://img.b2bpic.net/free-photo/man-training-taekwondo-outdoors-nature_23-2149908544.jpg" },
]}
memberVariant="card"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elena Martínez",
role: "Madre",
company: "Cliente",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-training-with-female-trainee-practice-hall_23-2148845927.jpg?_wi=2",
},
{
id: "2",
name: "Carlos Ruíz",
role: "Estudiante",
company: "Cliente",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-asian-man-practising-taekwondo_52683-101641.jpg?_wi=2",
},
{
id: "3",
name: "Laura S.",
role: "Atleta",
company: "Cliente",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-practicing-taekwondo_23-2150260432.jpg?_wi=2",
},
{
id: "4",
name: "Jorge V.",
role: "Estudiante",
company: "Cliente",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-dressed-white-kimono-with-vr-glasses-his-head_613910-18.jpg?_wi=2",
},
{
id: "5",
name: "Sofía T.",
role: "Madre",
company: "Cliente",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-girl-helmet-her-beautiful-female-boxing-trainer-are-posing-photographer-ring_613910-13052.jpg?_wi=2",
},
]}
title="Opiniones de la Comunidad"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
description="Lo que dicen nuestros alumnos sobre nuestra academia."
testimonials={[
{ id: "1", name: "Elena Martínez", role: "Madre", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-training-with-female-trainee-practice-hall_23-2148845927.jpg" },
{ id: "2", name: "Carlos Ruíz", role: "Estudiante", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-asian-man-practising-taekwondo_52683-101641.jpg" },
{ id: "3", name: "Laura S.", role: "Atleta", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-practicing-taekwondo_23-2150260432.jpg" },
{ id: "4", name: "Jorge V.", role: "Estudiante", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/little-boy-dressed-white-kimono-with-vr-glasses-his-head_613910-18.jpg" },
{ id: "5", name: "Sofía T.", role: "Madre", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cute-girl-helmet-her-beautiful-female-boxing-trainer-are-posing-photographer-ring_613910-13052.jpg" },
]}
title="Opiniones de la Comunidad"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Principiante",
price: "$60/mes",
subtitle: "2 clases por semana",
features: [
"Acceso al dojang",
"Seguro médico incluido",
"Carnet de estudiante",
],
},
{
id: "pro",
badge: "Avanzado",
price: "$90/mes",
subtitle: "Clases ilimitadas",
features: [
"Acceso total",
"Técnicas avanzadas",
"Preparación exámenes",
"Asesoría personalizada",
],
},
]}
title="Planes de Entrenamiento"
description="Elige el plan que mejor se adapte a tu compromiso con el arte."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Principiante", price: "$60/mes", subtitle: "2 clases por semana", features: ["Acceso al dojang", "Seguro médico incluido", "Carnet de estudiante"] },
{ id: "pro", badge: "Avanzado", price: "$90/mes", subtitle: "Clases ilimitadas", features: ["Acceso total", "Técnicas avanzadas", "Preparación exámenes", "Asesoría personalizada"] },
]}
title="Planes de Entrenamiento"
description="Elige el plan que mejor se adapte a tu compromiso con el arte."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "¿A qué edad puedo comenzar?",
content: "Aceptamos alumnos desde los 4 años de edad.",
},
{
id: "q2",
title: "¿Necesito experiencia previa?",
content: "No, nuestras clases son adaptables a cualquier nivel.",
},
{
id: "q3",
title: "¿Qué equipo necesito para empezar?",
content: "Solo ropa deportiva cómoda para la primera clase.",
},
]}
mediaAnimation="slide-up"
title="Preguntas Frecuentes"
faqsAnimation="slide-up"
description="Resolvemos tus dudas sobre nuestras clases y metodología."
imageSrc="http://img.b2bpic.net/free-photo/mom-daughter-are-doing-yoga_1153-4860.jpg?_wi=2"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "¿A qué edad puedo comenzar?", content: "Aceptamos alumnos desde los 4 años de edad." },
{ id: "q2", title: "¿Necesito experiencia previa?", content: "No, nuestras clases son adaptables a cualquier nivel." },
{ id: "q3", title: "¿Qué equipo necesito para empezar?", content: "Solo ropa deportiva cómoda para la primera clase." },
]}
mediaAnimation="slide-up"
title="Preguntas Frecuentes"
faqsAnimation="slide-up"
description="Resolvemos tus dudas sobre nuestras clases y metodología."
imageSrc="http://img.b2bpic.net/free-photo/mom-daughter-are-doing-yoga_1153-4860.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="¡Empieza tu camino hoy! Visítanos o escríbenos para agendar tu primera clase de prueba gratuita."
buttons={[
{
text: "Contactar ahora",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="¡Empieza tu camino hoy! Visítanos o escríbenos para agendar tu primera clase de prueba gratuita."
buttons={[{ text: "Contactar ahora", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/japanese-room-with-tatami-floor_1137-44.jpg"
logoText="Taekwondo Academy"
columns={[
{
title: "Enlaces",
items: [
{
label: "Inicio",
href: "#",
},
{
label: "Nosotros",
href: "#about",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
{
label: "Términos",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/japanese-room-with-tatami-floor_1137-44.jpg"
logoText="Taekwondo Academy"
columns={[
{ title: "Enlaces", items: [{ label: "Inicio", href: "#" }, { label: "Nosotros", href: "#about" }] },
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);