Update src/app/layout.tsx

Merge version_1 into main

src/app/page.tsx

@@ -8,10 +8,16 @@ import FeatureBento from '@/components/sections/feature/FeatureBento';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Activity, Building2, Dumbbell, Flame, Heart, Leaf, Star, Users, Zap } 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 handleContactFormSubmit = (email: string) => {
+    console.log('Contact form submission:', email);
+    // Handle form submission
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -33,6 +39,7 @@ export default function LandingPage() {
             { 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"
@@ -137,6 +144,25 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="membership" data-section="membership">
+        <ContactSplit
+          tag="Membresía"
+          title="¡Únete a Nuestra Comunidad!"
+          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."
+          tagIcon={Users}
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          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"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="tu@email.com"
+          buttonText="Solicitar Membresía"
+          termsText="Al enviar este formulario, aceptas que nos pongamos en contacto contigo para procesar tu solicitud de membresía."
+          onSubmit={handleContactFormSubmit}
+        />
+      </div>
+
       <div id="experience" data-section="experience">
         <TestimonialCardSixteen
           title="Experiencias que Transforman Vidas"
@@ -178,7 +204,7 @@ export default function LandingPage() {
           animationType="entrance-slide"
           buttons={[
             { text: "📞 Llamar Ahora", href: "tel:+528182660824" },
-            { text: "📝 Solicitar Información", href: "#contact" }
+            { text: "📝 Solicitar Información", href: "#membership" }
           ]}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
@@ -187,11 +213,12 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Carretera Nacional km 265, Los Cristales, Monterrey, Nuevo León | 📞 81 8266 0824 | 81 8317 8167 | 81 8317 8414 | 💬 WhatsApp disponible 24/7"
+          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" },
-            { text: "💬 WhatsApp", href: "https://wa.me/528182660824" }
+            { 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}
@@ -203,11 +230,12 @@ export default function LandingPage() {
           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."
+          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" }
               ]
@@ -217,6 +245,7 @@ export default function LandingPage() {
                 { label: "Inicio", href: "#hero" },
                 { label: "Instalaciones", href: "#installations" },
                 { label: "Actividades", href: "#activities" },
+                { label: "Membresía", href: "#membership" },
                 { label: "Contacto", href: "#contact" }
               ]
             },
@@ -224,7 +253,16 @@ export default function LandingPage() {
               title: "Ubicación",              items: [
                 { label: "Carretera Nacional km 265", href: "#" },
                 { label: "Los Cristales, Monterrey", href: "#" },
-                { label: "Nuevo León, México", 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" }
               ]
             }
           ]}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-figtree), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-figtree), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
-  --card: #f7fffa;
-  --foreground: #001a0a;
-  --primary-cta: #0a7039;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #0d2b4d;
+  --primary-cta: #1e5a96;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #a8d5f7;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
-  --background-accent: #6bbf8e;
+  --accent: #4a9fd8;
+  --background-accent: #e8f3f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);