Merge version_2 into main #4
1419
src/app/layout.tsx
1419
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -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" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user