4 Commits

Author SHA1 Message Date
15336e57d1 Update src/app/page.tsx 2026-03-09 18:27:09 +00:00
777b991bf5 Update src/app/page.tsx 2026-03-09 18:25:57 +00:00
009235e1cb Merge version_2 into main
Merge version_2 into main
2026-03-09 18:11:50 +00:00
16897a4627 Merge version_2 into main
Merge version_2 into main
2026-03-09 18:11:01 +00:00

View File

@@ -1,273 +1,216 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboard from '@/components/sections/hero/HeroBillboard'; import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import AboutMetric from '@/components/sections/about/AboutMetric'; import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureBento from '@/components/sections/feature/FeatureBento'; import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactText from '@/components/sections/contact/ContactText'; import ContactCenter from "@/components/sections/contact/ContactCenter";
import ContactSplit from '@/components/sections/contact/ContactSplit'; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import FooterMedia from '@/components/sections/footer/FooterMedia'; import { Sparkles, Users, Zap, CheckCircle, Trophy, Target, Heart, Phone } from "lucide-react";
import { Activity, Building2, Dumbbell, Flame, Heart, Leaf, Star, Users, Zap, Phone, MessageCircle, MapPin, Mail } from 'lucide-react';
export default function LandingPage() { const page = () => {
const handleContactFormSubmit = (email: string) => { const navItems = [
console.log('Contact form submission:', email); { name: "Inicio", id: "/" },
// Handle form submission { name: "Servicios", id: "#services" },
}; { name: "Membresías", id: "#pricing" },
{ name: "Contacto", id: "#contact" },
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="small" contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles" sizing="large"
background="circleGradient" background="none"
cardStyle="soft-shadow" cardStyle="solid"
primaryButtonStyle="primary-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="solid" secondaryButtonStyle="glass"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<div id="nav" data-section="nav"> <nav className="fixed top-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-md border-b border-accent/10">
<NavbarStyleFullscreen <NavbarStyleApple navItems={navItems} brandName="Deportivo Cañón" />
brandName="Cañón de la Sierra" </nav>
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Instalaciones", id: "installations" },
{ name: "Actividades", id: "activities" },
{ name: "Membresía", id: "membership" },
{ name: "Contacto", id: "contact" }
]}
bottomLeftText="Monterrey, Nuevo León"
bottomRightText="81 8266 0824"
/>
</div>
<div id="hero" data-section="hero"> <main>
<HeroBillboard {/* Hero Section */}
title="Deporte, Naturaleza y Convivencia en Monterrey" <section id="hero" data-section="hero" className="pt-24">
description="Disfruta albercas, canchas deportivas y áreas recreativas en un entorno natural único. Vive la experiencia de un club familiar donde el deporte y la naturaleza se encuentran." <HeroSplitKpi
tag="Club Deportivo de Montaña" title="Bienvenido a Deportivo Cañón de la Sierra"
tagIcon={Leaf} description="Tu destino premium para deportes, bienestar y vida familiar en Monterrey. Instalaciones de clase mundial con servicios integral"
background={{ variant: "sparkles-gradient" }} background={{ variant: "glowing-orb" }}
buttons={[ kpis={[
{ text: "📞 Llamar Ahora", href: "tel:+528182660824" }, { value: "25+", label: "Años de Experiencia" },
{ text: "💬 WhatsApp", href: "https://wa.me/528182660824" } { value: "5000+", label: "Miembros Activos" },
]} { value: "40+", label: "Actividades Semanales" },
imageSrc="http://img.b2bpic.net/free-photo/sports-girl_1157-8974.jpg" ]}
imageAlt="Deportivo Cañón de la Sierra - Instalaciones y naturaleza" enableKpiAnimation={true}
mediaAnimation="slide-up" tag="Club Premium en Monterrey"
buttonAnimation="slide-up" tagIcon={Trophy}
/> imageSrc="/images/hero-facility.jpg"
</div> imageAlt="Instalaciones del Club Deportivo"
mediaAnimation="slide-up"
buttons={[
{ text: "Solicitar Membresía", href: "#contact" },
{ text: "Conocer Más", href: "#services" },
]}
/>
</section>
<div id="about" data-section="about"> {/* About Section */}
<AboutMetric <section id="about" data-section="about" className="py-20">
title="El Deportivo Cañón de la Sierra es un club deportivo ubicado al sur de Monterrey que promueve un estilo de vida activo y saludable mediante actividades deportivas, convivencia familiar y contacto con la naturaleza." <MetricSplitMediaAbout
metrics={[ tag="Sobre Nosotros"
{ icon: Star, label: "Excelente Calificación", value: "⭐⭐⭐⭐⭐" }, tagIcon={Sparkles}
{ icon: Users, label: "Ambiente Familiar", value: "👨‍👩‍👧‍👦" }, title="Una Comunidad Deportiva de Excelencia"
{ icon: Leaf, label: "Contacto Natural", value: "🌳" }, description="Desde 1999, Deportivo Cañón de la Sierra ha sido el hogar de familias monterreyanas que buscan el más alto nivel de calidad en deportes, bienestar y convivencia. Nuestras instalaciones cuentan con tecnología de punta y un equipo profesional dedicado a tu desarrollo."
{ icon: Zap, label: "Actividades Deportivas", value: "⚡" } metrics={[
]} { value: "25+", title: "Años sirviendo a Monterrey" },
metricsAnimation="slide-up" { value: "8", title: "Instalaciones Deportivas" },
useInvertedBackground={false} ]}
/> imageSrc="/images/about-community.jpg"
</div> imageAlt="Comunidad del Club"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</section>
<div id="installations" data-section="installations"> {/* Services Section */}
<FeatureBento <section id="services" data-section="services" className="py-20">
title="Nuestras Instalaciones de Clase Mundial" <FeatureCardTwentyFive
description="Contamos con múltiples instalaciones diseñadas para toda la familia. Desde albercas y chapoteaderos hasta canchas deportivas profesionales en un entorno natural incomparable." title="Nuestros Servicios Premium"
tag="Instalaciones" description="Experimentar el mejor en deportes, bienestar y entretenimiento familiar"
tagIcon={Building2} features={[
features={[ {
{ title: "Albercas Olímpicas", description: "Tres albercas con sistemas de purificación avanzada, calefacción y actividades acuáticas para todas las edades.", icon: Zap,
title: "Albercas y Chapoteaderos", description: "Piscinas olímpicas y áreas de diversión acuática para familias", bentoComponent: "globe" mediaItems: [
}, { imageSrc: "/images/pool-1.jpg", imageAlt: "Alberca Olímpica" },
{ { imageSrc: "/images/pool-2.jpg", imageAlt: "Área de Nado" },
title: "Canchas Deportivas", description: "Fútbol, básquet, tenis y más en superficies profesionales", bentoComponent: "animated-bar-chart" ],
}, },
{ {
title: "Palapas y Asadores", description: "Espacios perfectos para convivencias familiares y eventos", bentoComponent: "marquee", centerIcon: Flame, title: "Canchas Deportivas", description: "Canchas de tenis, basketball, futbol, paddle y squash con superficies internacionales y luz nocturna.", icon: Target,
variant: "text", texts: ["Asadores profesionales", "Palapas amplias", "Mesas de picnic", "Área de eventos"] mediaItems: [
}, { imageSrc: "/images/courts-1.jpg", imageAlt: "Canchas de Tenis" },
{ { imageSrc: "/images/courts-2.jpg", imageAlt: "Cancha de Basketball" },
title: "Gimnasio y Fitness", description: "Equipamiento moderno para tu entrenamiento personal", bentoComponent: "icon-info-cards", items: [ ],
{ icon: Dumbbell, label: "Pesas", value: "Completo" }, },
{ icon: Heart, label: "Cardio", value: "Premium" }, {
{ icon: Zap, label: "Entrenamientos", value: "Guiados" } title: "Gimnasio Moderno", description: "Equipamiento completo de última generación, entrenamientos personalizados y clases grupales especializadas.", icon: Heart,
] mediaItems: [
} { imageSrc: "/images/gym-1.jpg", imageAlt: "Área de Pesas" },
]} { imageSrc: "/images/gym-2.jpg", imageAlt: "Cardio" },
animationType="slide-up" ],
textboxLayout="default" },
useInvertedBackground={false} {
carouselMode="buttons" title: "Programas Infantiles", description: "Escuelas de deportes, natación y actividades recreativas diseñadas para el desarrollo integral de niños.", icon: Users,
/> mediaItems: [
</div> { imageSrc: "/images/kids-1.jpg", imageAlt: "Clases Infantiles" },
{ imageSrc: "/images/kids-2.jpg", imageAlt: "Actividades Recreativas" },
],
},
]}
animationType="slide-up"
tag="Servicios"
tagIcon={CheckCircle}
textboxLayout="default"
useInvertedBackground={false}
/>
</section>
<div id="activities" data-section="activities"> {/* Pricing Section */}
<ProductCardOne <section id="pricing" data-section="pricing" className="py-20">
title="Actividades Deportivas" <PricingCardNine
description="El club ofrece diversas academias y actividades deportivas para fomentar la pasión por el deporte y el bienestar físico de todos nuestros miembros." title="Planes de Membresía"
tag="Programas Disponibles" description="Elige el plan perfecto para ti y tu familia"
tagIcon={Activity} tag="Membresías"
products={[ tagIcon={Sparkles}
{ plans={[
id: "1", name: "Fútbol", price: "Academia disponible", imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-children-side-view_23-2149742033.jpg", imageAlt: "Academia de Fútbol" {
}, id: "basic", title: "Básico", price: "$899", period: "/mes", imageSrc: "/images/plan-basic.jpg", imageAlt: "Plan Básico", button: { text: "Solicitar Membresía", href: "#contact" },
{ features: [
id: "2", name: "Tenis", price: "Clases profesionales", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-playing-tennis-park_1268-36175.jpg?_wi=1", imageAlt: "Clases de Tenis" "Acceso a albercas", "Uso de canchas (disponibilidad)", "Acceso a áreas comunes", "Descuentos en actividades"],
}, },
{ {
id: "3", name: "Natación", price: "Para todas las edades", imageSrc: "http://img.b2bpic.net/free-photo/fitness-group-girls-doing-aerobical-excercises-swimming-pool-aqua-park-sport-leisure-activities_627829-10863.jpg", imageAlt: "Clases de Natación" id: "premium", title: "Premium", price: "$1,499", period: "/mes", imageSrc: "/images/plan-premium.jpg", imageAlt: "Plan Premium", button: { text: "Solicitar Membresía", href: "#contact" },
}, features: [
{ "Acceso completo a todas las instalaciones", "Entrenador personal (2 sesiones/mes)", "Clases grupales ilimitadas", "Estacionamiento prioritario", "Acceso a eventos especiales"],
id: "4", name: "Box", price: "Entrenamiento intenso", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-man-gym_23-2149734689.jpg?_wi=1", imageAlt: "Entrenamiento de Box" },
}, {
{ id: "elite", title: "Elite Familiar", price: "$2,499", period: "/mes", imageSrc: "/images/plan-elite.jpg", imageAlt: "Plan Elite", button: { text: "Solicitar Membresía", href: "#contact" },
id: "5", name: "Karate", price: "Artes marciales", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-man-gym_23-2149734689.jpg?_wi=2", imageAlt: "Clases de Karate" features: [
}, "Acceso total para hasta 4 miembros", "Entrenador personal ilimitado", "Programas infantiles incluidos", "Spa y sauna acceso VIP", "Uso prioritario de canchas", "Eventos y torneos exclusivos"],
{ },
id: "6", name: "Fitness", price: "Programas personalizados", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-man-gym_23-2149734689.jpg?_wi=3", imageAlt: "Clases de Fitness" ]}
} animationType="slide-up"
]} textboxLayout="default"
gridVariant="three-columns-all-equal-width" useInvertedBackground={false}
animationType="slide-up" />
textboxLayout="default" </section>
useInvertedBackground={false}
/>
</div>
<div id="membership" data-section="membership"> {/* Testimonials Section */}
<ContactSplit <section id="testimonials" data-section="testimonials" className="py-20">
tag="Membresía" <TestimonialCardSixteen
title="¡Únete a Nuestra Comunidad!" title="Lo que Nuestros Miembros Dicen"
description="Solicita tu membresía hoy y accede a todas nuestras instalaciones, actividades deportivas y experiencias familiares. Rellena el formulario con tus datos de contacto." description="Historias de transformación y bienestar en nuestra comunidad"
tagIcon={Users} tag="Testimonios"
background={{ variant: "sparkles-gradient" }} tagIcon={Heart}
useInvertedBackground={false} testimonials={[
imageSrc="http://img.b2bpic.net/free-photo/young-family-with-cute-little-daughter-resting-forest-sunset_1303-24073.jpg" {
imageAlt="Familia disfrutando del Deportivo Cañón de la Sierra" id: "1", name: "Carlos Rodríguez", role: "Empresario", company: "Tech Solutions MTY", rating: 5,
mediaAnimation="slide-up" imageSrc: "/images/testimonial-1.jpg", imageAlt: "Carlos Rodríguez"},
mediaPosition="right" {
inputPlaceholder="tu@email.com" id: "2", name: "María González", role: "Profesora", company: "Colegio Montessori", rating: 5,
buttonText="Solicitar Membresía" imageSrc: "/images/testimonial-2.jpg", imageAlt: "María González"},
termsText="Al enviar este formulario, aceptas que nos pongamos en contacto contigo para procesar tu solicitud de membresía." {
onSubmit={handleContactFormSubmit} id: "3", name: "Juan Martínez", role: "Coach de Atletismo", company: "Club de Corredores MTY", rating: 5,
/> imageSrc: "/images/testimonial-3.jpg", imageAlt: "Juan Martínez"},
</div> {
id: "4", name: "Ana López", role: "Madre y Emprendedora", company: "Mamás en Movimiento", rating: 5,
imageSrc: "/images/testimonial-4.jpg", imageAlt: "Ana López"},
]}
kpiItems={[
{ value: "98%", label: "Satisfacción de Miembros" },
{ value: "5000+", label: "Familias Activas" },
{ value: "15+", label: "Años de Excelencia" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</section>
<div id="experience" data-section="experience"> {/* Contact Section */}
<TestimonialCardSixteen <section id="contact" data-section="contact" className="py-20">
title="Experiencias que Transforman Vidas" <ContactCenter
description="En el Deportivo Cañón de la Sierra vivimos momentos inolvidables de convivencia, deporte, naturaleza y comunidad que perduran en el corazón de nuestras familias." tag="Únete a Nosotros"
tag="Testimonios" title="Comienza tu Transformación Hoy"
tagIcon={Heart} description="Solicita información sobre nuestras membresías y descubre por qué miles de familias monterreyanas confían en Deportivo Cañón."
testimonials={[ tagIcon={Phone}
{ background={{ variant: "rotated-rays-animated-grid" }}
id: "1", name: "Familia García", role: "Miembro Activo", company: "5 años con nosotros", rating: 5, useInvertedBackground={false}
imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-cute-little-daughter-resting-forest-sunset_1303-24073.jpg" inputPlaceholder="Tu email"
}, buttonText="Solicitar Información"
{ termsText="Nos comprometemos a proteger tu privacidad. Recibirás información sobre nuestras membresías y promociones especiales."
id: "2", name: "Club de Tenis", role: "Academia Profesional", company: "Eventos regulares", rating: 5, />
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-playing-tennis-park_1268-36175.jpg?_wi=2" </section>
}, </main>
{
id: "3", name: "Comunidad Deportiva", role: "Torneos Mensuales", company: "Participación activa", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/nightlife-people-having-fun-bars-clubs_23-2149088603.jpg"
},
{
id: "4", name: "Retiros Familiares", role: "Convivencias", company: "Fin de semana especiales", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-with-backpack-walking-narrow-pathway-middle-trees-plants_181624-2085.jpg?_wi=1"
}
]}
kpiItems={[
{ value: "20+", label: "Años de Tradición" },
{ value: "1000+", label: "Familias Afiliadas" },
{ value: "50+", label: "Eventos Anuales" }
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="cta" data-section="cta"> {/* Footer */}
<ContactText <footer className="border-t border-accent/10 bg-card/30">
text="¿Listo para unirte a nuestra comunidad deportiva? Contáctanos hoy y solicita tu membresía para disfrutar de todas nuestras instalaciones y actividades." <FooterLogoReveal
animationType="entrance-slide" logoText="Deportivo Cañón"
buttons={[ leftLink={{ text: "Política de Privacidad", href: "#" }}
{ text: "📞 Llamar Ahora", href: "tel:+528182660824" }, rightLink={{ text: "Términos de Servicio", href: "#" }}
{ text: "📝 Solicitar Información", href: "#membership" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/> />
</div> </footer>
<div id="contact" data-section="contact">
<ContactText
text="Ubicación: Carretera Nacional km 265, Los Cristales, Monterrey, Nuevo León | Teléfonos: 81 8266 0824 • 81 8317 8167 • 81 8317 8414 | Disponible 24/7 en WhatsApp"
animationType="entrance-slide"
buttons={[
{ text: "📍 Ver en Google Maps", href: "https://maps.google.com/maps?q=Carretera+Nacional+km+265+Los+Cristales+Monterrey" },
{ text: "💬 WhatsApp", href: "https://wa.me/528182660824" },
{ text: "📞 Llamar", href: "tel:+528182660824" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-male-with-backpack-walking-narrow-pathway-middle-trees-plants_181624-2085.jpg?_wi=2"
imageAlt="Naturaleza en Cañón de la Sierra"
logoText="Cañón de la Sierra"
copyrightText="© 2025 Deportivo Cañón de la Sierra A.C. | Todos los derechos reservados. Club Deportivo Monterrey - Albercas Monterrey - Canchas Deportivas"
columns={[
{
title: "Contacto", items: [
{ label: "Llamar", href: "tel:+528182660824" },
{ label: "Teléfono Alterno", href: "tel:+528183178167" },
{ label: "WhatsApp", href: "https://wa.me/528182660824" },
{ label: "Email", href: "mailto:info@canondelasierra.com" }
]
},
{
title: "Navegación", items: [
{ label: "Inicio", href: "#hero" },
{ label: "Instalaciones", href: "#installations" },
{ label: "Actividades", href: "#activities" },
{ label: "Membresía", href: "#membership" },
{ label: "Contacto", href: "#contact" }
]
},
{
title: "Ubicación", items: [
{ label: "Carretera Nacional km 265", href: "#" },
{ label: "Los Cristales, Monterrey", href: "#" },
{ label: "Nuevo León, México", href: "#" },
{ label: "Ver en Google Maps", href: "https://maps.google.com/maps?q=Carretera+Nacional+km+265+Los+Cristales+Monterrey" }
]
},
{
title: "Acerca de", items: [
{ label: "Club Deportivo Monterrey", href: "#about" },
{ label: "Club Familiar Monterrey", href: "#about" },
{ label: "Deportivo Carretera Nacional", href: "#contact" },
{ label: "Albercas de Lujo", href: "#installations" }
]
}
]}
/>
</div>
</ThemeProvider> </ThemeProvider>
); );
} };
export default page;