Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Nosotros", id: "#about"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Servicios", id: "#features"},
|
||||
{
|
||||
name: "Precios",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Precios", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonios", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
logoAlt="Seattle Gym logo"
|
||||
brandName="Seattle Gym"
|
||||
@@ -69,21 +55,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Transforma Tu Cuerpo, Fortalece Tu Espíritu."
|
||||
description="En Seattle Gym, te ofrecemos el espacio, los equipos y el apoyo que necesitas para alcanzar tus metas de fitness. ¡Comienza hoy tu viaje hacia una vida más sana!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Únete Hoy",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Únete Hoy", href: "#contact"},
|
||||
{
|
||||
text: "Ver Planes",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Ver Planes", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-lifestyle-concept_1357-224.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-lifestyle-concept_1357-224.jpg"
|
||||
imageAlt="Interior moderno del gimnasio Seattle Gym"
|
||||
/>
|
||||
</div>
|
||||
@@ -93,15 +74,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Sobre Seattle Gym: Donde la Calidad y el Servicio Se Encuentran",
|
||||
},
|
||||
type: "text", content: "Sobre Seattle Gym: Donde la Calidad y el Servicio Se Encuentran"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Nuestra Historia",
|
||||
href: "#",
|
||||
},
|
||||
text: "Nuestra Historia", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,47 +90,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instalaciones Amplias",
|
||||
description: "Con tres plantas dedicadas a diferentes tipos de entrenamiento, nunca te faltará espacio ni variedad. Explora nuestras zonas de cardio, pesas y funcionales.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sporty-woman-looking-her-smartphone_23-2148444951.jpg",
|
||||
imageAlt: "Pantalla de aplicación de fitness mostrando rutinas",
|
||||
},
|
||||
title: "Instalaciones Amplias", description: "Con tres plantas dedicadas a diferentes tipos de entrenamiento, nunca te faltará espacio ni variedad. Explora nuestras zonas de cardio, pesas y funcionales.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sporty-woman-looking-her-smartphone_23-2148444951.jpg", imageAlt: "Pantalla de aplicación de fitness mostrando rutinas"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-smartphone-template_23-2148111657.jpg",
|
||||
imageAlt: "Pantalla de aplicación de fitness mostrando clases",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-concept_1357-224.jpg?_wi=2",
|
||||
imageAlt: "fitness app workout tracking interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-smartphone-template_23-2148111657.jpg", imageAlt: "Pantalla de aplicación de fitness mostrando clases"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-concept_1357-224.jpg", imageAlt: "fitness app workout tracking interface"},
|
||||
{
|
||||
title: "Equipos de Última Generación",
|
||||
description: "Contamos con una amplia selección de aparatos profesionales para trabajar cada músculo de tu cuerpo, asegurando que siempre tengas acceso a lo que necesitas.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-women-working-together-copy-space-display_482257-119110.jpg",
|
||||
imageAlt: "Pantalla de aplicación de fitness mostrando progreso",
|
||||
},
|
||||
title: "Equipos de Última Generación", description: "Contamos con una amplia selección de aparatos profesionales para trabajar cada músculo de tu cuerpo, asegurando que siempre tengas acceso a lo que necesitas.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-women-working-together-copy-space-display_482257-119110.jpg", imageAlt: "Pantalla de aplicación de fitness mostrando progreso"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-vegetables-fresh-tomato-concept_53876-123818.jpg",
|
||||
imageAlt: "Pantalla de aplicación de fitness mostrando nutrición",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-dumbbells_23-2149734709.jpg",
|
||||
imageAlt: "fitness app workout tracking interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-vegetables-fresh-tomato-concept_53876-123818.jpg", imageAlt: "Pantalla de aplicación de fitness mostrando nutrición"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-dumbbells_23-2149734709.jpg", imageAlt: "fitness app workout tracking interface"},
|
||||
{
|
||||
title: "Personal Servicial y Profesional",
|
||||
description: "Nuestro equipo de coaches está siempre al pendiente, ofreciendo un trato amable y apoyo constante para que alcances tus metas de forma segura y efectiva.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-smartphone_23-2149267152.jpg",
|
||||
imageAlt: "Pantalla de aplicación de fitness mostrando comunidad",
|
||||
},
|
||||
title: "Personal Servicial y Profesional", description: "Nuestro equipo de coaches está siempre al pendiente, ofreciendo un trato amable y apoyo constante para que alcances tus metas de forma segura y efectiva.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-smartphone_23-2149267152.jpg", imageAlt: "Pantalla de aplicación de fitness mostrando comunidad"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-fitness-through-virtual-reality_23-2151469230.jpg",
|
||||
imageAlt: "Pantalla de aplicación de fitness mostrando logros",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-bearded-male-athlete-posing-camera_1262-6050.jpg",
|
||||
imageAlt: "fitness app workout tracking interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-fitness-through-virtual-reality_23-2151469230.jpg", imageAlt: "Pantalla de aplicación de fitness mostrando logros"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-bearded-male-athlete-posing-camera_1262-6050.jpg", imageAlt: "fitness app workout tracking interface"},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Equipos de Calidad y Un Ambiente Inspirador"
|
||||
@@ -169,25 +122,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "rating",
|
||||
value: "4.6",
|
||||
title: "Estrellas de Calidad",
|
||||
description: "Calificación promedio basada en opiniones verificadas de nuestros miembros.",
|
||||
icon: Star,
|
||||
id: "rating", value: "4.6", title: "Estrellas de Calidad", description: "Calificación promedio basada en opiniones verificadas de nuestros miembros.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "reviews",
|
||||
value: "35+",
|
||||
title: "Opiniones Satisfechas",
|
||||
description: "El número de personas que han compartido su experiencia positiva en Seattle Gym.",
|
||||
icon: MessageSquare,
|
||||
id: "reviews", value: "35+", title: "Opiniones Satisfechas", description: "El número de personas que han compartido su experiencia positiva en Seattle Gym.", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
id: "floors",
|
||||
value: "3",
|
||||
title: "Plantas de Entrenamiento",
|
||||
description: "Espacio amplio y dedicado para cada tipo de rutina, garantizando comodidad y variedad.",
|
||||
icon: Building,
|
||||
id: "floors", value: "3", title: "Plantas de Entrenamiento", description: "Espacio amplio y dedicado para cada tipo de rutina, garantizando comodidad y variedad.", icon: Building,
|
||||
},
|
||||
]}
|
||||
title="Resultados Que Nos Impulsan"
|
||||
@@ -202,61 +143,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basico",
|
||||
tag: "Mensual",
|
||||
tagIcon: CalendarDays,
|
||||
price: "$500",
|
||||
period: "/mes",
|
||||
description: "Ideal para quienes buscan flexibilidad y acceso básico a todas las áreas del gimnasio.",
|
||||
button: {
|
||||
text: "Elegir Plan Básico",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"Acceso ilimitado a instalaciones",
|
||||
"Uso de equipos de cardio y pesas",
|
||||
"Clases grupales seleccionadas",
|
||||
"Duchas y vestuarios",
|
||||
],
|
||||
id: "basico", tag: "Mensual", tagIcon: CalendarDays,
|
||||
price: "$500", period: "/mes", description: "Ideal para quienes buscan flexibilidad y acceso básico a todas las áreas del gimnasio.", button: {
|
||||
text: "Elegir Plan Básico", href: "#contact"},
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Acceso ilimitado a instalaciones", "Uso de equipos de cardio y pesas", "Clases grupales seleccionadas", "Duchas y vestuarios"],
|
||||
},
|
||||
{
|
||||
id: "anual",
|
||||
tag: "Popular",
|
||||
tagIcon: Award,
|
||||
price: "$4500",
|
||||
period: "/año",
|
||||
description: "El mejor valor para un compromiso a largo plazo con tu salud y bienestar.",
|
||||
button: {
|
||||
text: "Elegir Plan Anual",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"Todo del Plan Básico",
|
||||
"1 sesión de entrenamiento personal",
|
||||
"Acceso completo a todas las clases",
|
||||
"Descuentos en suplementos",
|
||||
],
|
||||
id: "anual", tag: "Popular", tagIcon: Award,
|
||||
price: "$4500", period: "/año", description: "El mejor valor para un compromiso a largo plazo con tu salud y bienestar.", button: {
|
||||
text: "Elegir Plan Anual", href: "#contact"},
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Todo del Plan Básico", "1 sesión de entrenamiento personal", "Acceso completo a todas las clases", "Descuentos en suplementos"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Lo Mejor",
|
||||
tagIcon: Zap,
|
||||
price: "$800",
|
||||
period: "/mes",
|
||||
description: "Diseñado para los que buscan la máxima personalización y beneficios exclusivos.",
|
||||
button: {
|
||||
text: "Elegir Plan Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"Todo del Plan Anual",
|
||||
"3 sesiones de entrenamiento personal",
|
||||
"Acceso prioritario a eventos especiales",
|
||||
"Plan de nutrición personalizado",
|
||||
],
|
||||
id: "premium", tag: "Lo Mejor", tagIcon: Zap,
|
||||
price: "$800", period: "/mes", description: "Diseñado para los que buscan la máxima personalización y beneficios exclusivos.", button: {
|
||||
text: "Elegir Plan Premium", href: "#contact"},
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Todo del Plan Anual", "3 sesiones de entrenamiento personal", "Acceso prioritario a eventos especiales", "Plan de nutrición personalizado"],
|
||||
},
|
||||
]}
|
||||
title="Nuestros Planes de Membresía"
|
||||
@@ -272,25 +177,15 @@ export default function LandingPage() {
|
||||
author="Yon HdzV"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-bearded-male-athlete-posing-camera_1262-6050.jpg",
|
||||
alt: "Avatar de Yon HdzV",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-bearded-male-athlete-posing-camera_1262-6050.jpg", alt: "Avatar de Yon HdzV"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-positive-african-american-woman-dressed-active-wear-holds-bottle-fresh-water-glad-be-healthy-has-regular-training-carries-soft-towel-neck_273609-30869.jpg",
|
||||
alt: "Avatar de Erick fernando romero",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-positive-african-american-woman-dressed-active-wear-holds-bottle-fresh-water-glad-be-healthy-has-regular-training-carries-soft-towel-neck_273609-30869.jpg", alt: "Avatar de Erick fernando romero"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-fit-people-together_23-2148948542.jpg",
|
||||
alt: "Avatar de Abby Zurita",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-fit-people-together_23-2148948542.jpg", alt: "Avatar de Abby Zurita"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg",
|
||||
alt: "Avatar de Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg", alt: "Avatar de Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
|
||||
alt: "Avatar de Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg", alt: "Avatar de Michael Chen"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -303,25 +198,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "¿Cuáles son los horarios de atención?",
|
||||
content: "Estamos abiertos desde las 6 a.m. hasta las 10 p.m. de lunes a viernes. Los fines de semana, puedes consultar nuestros horarios especiales en recepción.",
|
||||
},
|
||||
id: "faq-1", title: "¿Cuáles son los horarios de atención?", content: "Estamos abiertos desde las 6 a.m. hasta las 10 p.m. de lunes a viernes. Los fines de semana, puedes consultar nuestros horarios especiales en recepción."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "¿Qué tipos de equipos ofrecen?",
|
||||
content: "Contamos con equipos de cardio, máquinas de pesas, pesas libres, y un área funcional completa. Todo de la más alta calidad y en excelentes condiciones.",
|
||||
},
|
||||
id: "faq-2", title: "¿Qué tipos de equipos ofrecen?", content: "Contamos con equipos de cardio, máquinas de pesas, pesas libres, y un área funcional completa. Todo de la más alta calidad y en excelentes condiciones."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "¿Ofrecen clases grupales?",
|
||||
content: "Sí, tenemos una variedad de clases grupales incluidas en nuestras membresías. Consulta nuestro calendario semanal para ver las opciones disponibles.",
|
||||
},
|
||||
id: "faq-3", title: "¿Ofrecen clases grupales?", content: "Sí, tenemos una variedad de clases grupales incluidas en nuestras membresías. Consulta nuestro calendario semanal para ver las opciones disponibles."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "¿Puedo tener un entrenador personal?",
|
||||
content: "Absolutamente. Ofrecemos sesiones de entrenamiento personal con nuestros coaches certificados para ayudarte a alcanzar tus metas de forma más eficiente. Pregunta por nuestros paquetes.",
|
||||
},
|
||||
id: "faq-4", title: "¿Puedo tener un entrenador personal?", content: "Absolutamente. Ofrecemos sesiones de entrenamiento personal con nuestros coaches certificados para ayudarte a alcanzar tus metas de forma más eficiente. Pregunta por nuestros paquetes."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fit-girl-having-rest-after-intensive-cardio-workout-gym-sideways-portrait-tired-serious-young-female-boxer-black-running-shoes-sports-outfit-relaxing-bench_343059-389.jpg"
|
||||
imageAlt="Ambiente de gimnasio limpio y organizado"
|
||||
@@ -340,28 +223,17 @@ export default function LandingPage() {
|
||||
description="Estamos listos para ayudarte a iniciar tu camino hacia una mejor versión de ti mismo. Visítanos o envíanos un mensaje."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu Nombre Completo",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Tu Nombre Completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu Correo Electrónico",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Número de Teléfono (opcional)",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Número de Teléfono (opcional)", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tu Mensaje o Consulta...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tu Mensaje o Consulta...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-running-outdoors_23-2149041643.jpg"
|
||||
@@ -376,50 +248,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación",
|
||||
items: [
|
||||
title: "Navegación", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Quiénes Somos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Quiénes Somos", href: "#about"},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Servicios", href: "#features"},
|
||||
{
|
||||
label: "Precios",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Precios", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
title: "Soporte", items: [
|
||||
{
|
||||
label: "Preguntas Frecuentes",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Preguntas Frecuentes", href: "#faq"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos de Servicio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos de Servicio", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user