Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-04 18:28:04 +00:00

View File

@@ -26,366 +26,131 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Experiencia",
id: "experiencia",
},
{
name: "Precios",
id: "pricing",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="HitZone Barcelona"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Experiencia", id: "experiencia" },
{ name: "Precios", id: "pricing" },
{ name: "Contacto", id: "contact" },
]}
brandName="HitZone Barcelona"
button={{ text: "Reservar", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "rotated-rays-animated",
}}
title="HitZone Barcelona: Potencia tu potencial"
description="Entrena como nunca antes en el mejor estudio de fitness de Barcelona. Plazas limitadas."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=1",
imageAlt: "HitZone BCN 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=2",
imageAlt: "HitZone BCN 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=3",
imageAlt: "HitZone BCN 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=4",
imageAlt: "HitZone BCN 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=5",
imageAlt: "HitZone BCN 5",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=6",
imageAlt: "HitZone BCN 6",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=7",
imageAlt: "HitZone BCN 7",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=8",
imageAlt: "HitZone BCN 8",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=9",
imageAlt: "HitZone BCN 9",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=10",
imageAlt: "HitZone BCN 10",
},
]}
buttons={[
{
text: "Reservar Ahora",
href: "#contact",
},
{
text: "Cómo funciona",
href: "#funciona",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg",
alt: "Usuario 1",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-girls-is-engaged-gym_1157-20606.jpg",
alt: "Usuario 2",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-transgenders-posing_23-2149154629.jpg",
alt: "Usuario 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg",
alt: "Usuario 4",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg",
alt: "Usuario 5",
},
]}
avatarText="+500 atletas en BCN"
marqueeItems={[
{
type: "text",
text: "High Intensity",
},
{
type: "text",
text: "Personalized Coaching",
},
{
type: "text",
text: "Results Driven",
},
{
type: "text",
text: "Barcelona Based",
},
{
type: "text",
text: "State-of-the-Art",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "rotated-rays-animated" }}
title="HitZone Barcelona: Potencia tu potencial"
description="Entrena como nunca antes en el mejor estudio de fitness de Barcelona. Plazas limitadas."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 5" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 6" },
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 7" },
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 8" },
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 9" },
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 10" },
]}
buttons={[{ text: "Reservar Ahora", href: "#contact" }, { text: "Cómo funciona", href: "#funciona" }]}
marqueeItems={[{ type: "text", text: "High Intensity" }, { type: "text", text: "Personalized Coaching" }, { type: "text", text: "Results Driven" }, { type: "text", text: "Barcelona Based" }, { type: "text", text: "State-of-the-Art" }]}
/>
</div>
<div id="experiencia" data-section="experiencia">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Entrenadores Top",
description: "Expertos en alto rendimiento.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=11",
imageAlt: "modern gym dark aesthetic",
},
{
title: "Ambiente Élite",
description: "Comunidad de superación.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=3",
imageAlt: "fitness training icon",
},
{
title: "Resultados Rápidos",
description: "Metodología basada en datos.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=4",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=5",
},
imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=3",
imageAlt: "healthy diet icon",
},
{
title: "Flexibilidad Total",
description: "Horarios adaptados a ti.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=4",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=5",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg",
imageAlt: "happy athlete portrait",
},
]}
showStepNumbers={false}
title="Por qué elegir HitZone"
description="Transformaciones reales y resultados comprobados."
/>
</div>
<div id="experiencia" data-section="experiencia">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
showStepNumbers={false}
title="Por qué elegir HitZone"
description="Transformaciones reales y resultados comprobados."
features={[
{ title: "Entrenadores Top", description: "Expertos en alto rendimiento.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg" } },
{ title: "Ambiente Élite", description: "Comunidad de superación.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg" } },
{ title: "Resultados Rápidos", description: "Metodología basada en datos.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg" } },
{ title: "Flexibilidad Total", description: "Horarios adaptados a ti.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg" } },
]}
/>
</div>
<div id="funciona" data-section="funciona">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "s1",
title: "Reserva tu sesión",
content: "Selecciona el horario que mejor te venga.",
},
{
id: "s2",
title: "Llega al estudio",
content: "Conoce a tu equipo en Barcelona.",
},
{
id: "s3",
title: "Entrena duro",
content: "Sigue nuestra metodología HitZone.",
},
{
id: "s4",
title: "Supera tus metas",
content: "Observa el progreso en semanas.",
},
]}
title="Cómo funciona"
description="Tu transformación en 4 pasos."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=12"
imageAlt="Cómo funciona el entrenamiento"
/>
</div>
<div id="funciona" data-section="funciona">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "s1", title: "Reserva tu sesión", content: "Selecciona el horario que mejor te venga." },
{ id: "s2", title: "Llega al estudio", content: "Conoce a tu equipo en Barcelona." },
{ id: "s3", title: "Entrena duro", content: "Sigue nuestra metodología HitZone." },
{ id: "s4", title: "Supera tus metas", content: "Observa el progreso en semanas." },
]}
title="Cómo funciona"
description="Tu transformación en 4 pasos."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "indiv",
badge: "Popular",
price: "49€",
subtitle: "Plan Individual",
features: [
"Acceso total",
"Entrenador guía",
"App seguimiento",
],
},
{
id: "pareja",
badge: "Combo",
price: "85€",
subtitle: "Plan Pareja",
features: [
"Sesiones dobles",
"Descuento 15%",
"Social",
],
},
{
id: "grupo",
badge: "Pro",
price: "199€",
subtitle: "Plan Grupo",
features: [
"Sesiones equipo",
"Acceso premium",
"Nutrición",
],
},
]}
title="Planes a tu medida"
description="Únete a la zona hoy."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "indiv", badge: "Popular", price: "49€", subtitle: "Plan Individual", features: ["Acceso total", "Entrenador guía", "App seguimiento"] },
{ id: "pareja", badge: "Combo", price: "85€", subtitle: "Plan Pareja", features: ["Sesiones dobles", "Descuento 15%", "Social"] },
{ id: "grupo", badge: "Pro", price: "199€", subtitle: "Plan Grupo", features: ["Sesiones equipo", "Acceso premium", "Nutrición"] },
]}
title="Planes a tu medida"
description="Únete a la zona hoy."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="¡La mejor experiencia de entrenamiento que he tenido en Barcelona! Resultados en tiempo récord."
rating={5}
author="Laura M."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg",
alt: "Laura",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-girls-is-engaged-gym_1157-20606.jpg",
alt: "Marc",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-transgenders-posing_23-2149154629.jpg",
alt: "Elena",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg",
alt: "Jordi",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg",
alt: "Sara",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="¡La mejor experiencia de entrenamiento que he tenido en Barcelona! Resultados en tiempo récord."
rating={5}
author="Laura M."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg", alt: "Laura" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-girls-is-engaged-gym_1157-20606.jpg", alt: "Marc" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-transgenders-posing_23-2149154629.jpg", alt: "Elena" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg", alt: "Jordi" },
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg", alt: "Sara" },
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
text="Reserva tu plaza hoy: +34 600 000 000 | Contacta vía WhatsApp"
buttons={[
{
text: "Llamar ahora",
href: "tel:+34600000000",
},
{
text: "WhatsApp",
href: "https://wa.me/34600000000",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
text="Reserva tu plaza hoy: +34 600 000 000 | Contacta vía WhatsApp"
buttons={[
{ text: "Llamar ahora", href: "tel:+34600000000" },
{ text: "WhatsApp", href: "https://wa.me/34600000000" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="HitZone BCN"
columns={[
{
title: "Empresa",
items: [
{
label: "Sobre nosotros",
href: "#",
},
{
label: "Ubicación",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
{
label: "Condiciones",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="HitZone BCN"
columns={[
{ title: "Empresa", items: [{ label: "Sobre nosotros", href: "#" }, { label: "Ubicación", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Condiciones", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);