Merge version_1 into main #3
130
src/app/page.tsx
130
src/app/page.tsx
@@ -33,19 +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"
|
||||
@@ -60,9 +60,9 @@ export default function LandingPage() {
|
||||
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"
|
||||
imageAlt="Interior moderno del gimnasio Seattle Gym"
|
||||
@@ -74,11 +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>
|
||||
@@ -90,23 +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", 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"
|
||||
@@ -122,13 +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"
|
||||
@@ -143,25 +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"
|
||||
@@ -177,15 +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"
|
||||
@@ -198,13 +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"
|
||||
@@ -223,17 +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"
|
||||
@@ -248,31 +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