Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { MapPin, Star, Calendar } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,373 +29,123 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Ubicación", id: "about" },
-          id: "hero",
+        { name: "Servicios", id: "features" },
-        },
+        { name: "Contacto", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Rooms",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Hotel Guadalmedina"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
+      <HeroBillboardGallery
-      title="Un refugio de arte y confort en el corazón de Málaga"
+      title="Hotel Guadalmedina"
-      description="El Hotel Guadalmedina le invita a vivir una estancia inolvidable junto al río, en el epicentro cultural de la ciudad."
+      description="Su estancia privilegiada junto al río Guadalmedina, en el epicentro cultural de Málaga."
-      testimonials={[
+      background={{ variant: "gradient-bars" }}
-        {
+      mediaItems={[
-          name: "Carmen R.",
+        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-apartment-with-modern-design-elegance-generated-by-ai_188544-33875.jpg" },
-          handle: "Viajera frecuente",
+        { imageSrc: "http://img.b2bpic.net/free-photo/lake-sunrise_649448-521.jpg" },
-          testimonial: "Ubicación excelente, justo frente al Centro de Arte Contemporáneo. El trato fue impecable.",
+        { imageSrc: "http://img.b2bpic.net/free-photo/lobby-condominium-building_1262-3037.jpg" }
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-walking-with-trolley-bag-airport-terminal_107420-85050.jpg",
-        },
-        {
-          name: "David M.",
-          handle: "Viaje de negocios",
-          testimonial: "Habitaciones modernas y muy limpias. Ideal para estancias profesionales.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg",
-        },
-        {
-          name: "Elena S.",
-          handle: "Turista",
-          testimonial: "Un oasis de tranquilidad en el centro. Sin duda volveré.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-reading-newspaper-waiting-area_107420-85110.jpg",
-        },
-        {
-          name: "Javier L.",
-          handle: "Visitante",
-          testimonial: "Muy céntrico y cómodo, perfecto para caminar por todo el casco histórico.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-sitting-with-mobile-phone-waiting-area_107420-95837.jpg",
-        },
-        {
-          name: "Sofía V.",
-          handle: "Arquitecta",
-          testimonial: "Me encanta el diseño y la calidez de las habitaciones. Una joya.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-man-with-glasses-bed-near-food-breakfast-table_23-2148007293.jpg",
-        },
       ]}
-      buttons={[
-        {
-          text: "Reservar ahora",
-          href: "#",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/lake-sunrise_649448-521.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/guy-girl-bathrobe-girl-feeds-guy-fruit_1153-3754.jpg",
-          alt: "Guest 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-couple-sitting-near-swimmingpool_1157-20222.jpg",
-          alt: "Guest 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-girl-standing-airport_1157-22045.jpg",
-          alt: "Guest 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg",
-          alt: "Guest 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-tourist-taking-photographs-with-vintage-retro-camera-street-style-life-style_639032-2468.jpg",
-          alt: "Guest 5",
-        },
-      ]}
-      avatarText="Más de 5000 huéspedes satisfechos"
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
+      <SplitAbout
+      title="Ubicación Estratégica"
+      description="Situados en Calle Pasillo de Santo Domingo, 2, estamos a pasos del Centro de Arte Contemporáneo y de la estación Centro-Alameda, conectando perfectamente con el aeropuerto y el casco antiguo."
+      bulletPoints={[
+        { title: "Cultural", description: "Frente al CAC Málaga", icon: MapPin },
+        { title: "Conectado", description: "Junto a estación de tren", icon: MapPin }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/map-concept-with-pins_23-2148705609.jpg"
+      textboxLayout="split"
       useInvertedBackground={false}
-      title="Experiencia Guadalmedina"
-      description="Situado en el casco viejo, nuestro hotel combina modernidad y accesibilidad. A pocos pasos de la estación Centro-Alameda y rodeado de la vibrante escena cultural malagueña."
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-apartment-with-modern-design-elegance-generated-by-ai_188544-33875.jpg"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardThree
+      <FeatureCardTwentyThree
+      title="Servicios del Hotel"
+      description="Disfrute de nuestras instalaciones diseñadas para su máximo confort."
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
-      useInvertedBackground={false}
       features={[
-        {
+        { id: "1", title: "Desayuno Buffet", tags: ["Calidad", "Local"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-milk_23-2148858499.jpg" },
-          title: "Habitaciones Modernas",
+        { id: "2", title: "Gimnasio Moderno", tags: ["Fitness", "Salud"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-sporty-couple-doing-stretching-exercises-park-before-training_23-2148038202.jpg" }
-          description: "Espacios diseñados para el confort total con climatización completa.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956530.jpg",
-        },
-        {
-          title: "Desayuno Gourmet",
-          description: "Empiece el día con nuestra selección de productos frescos y locales.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-milk_23-2148858499.jpg",
-        },
-        {
-          title: "Área Fitness",
-          description: "Manténgase en forma con nuestras instalaciones deportivas modernas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sporty-couple-doing-stretching-exercises-park-before-training_23-2148038202.jpg",
-        },
       ]}
-      title="Servicios de Excelencia"
-      description="Disfrute de todas las comodidades modernas diseñadas para su máximo descanso y bienestar."
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardThree
+      <PricingCardEight
+      title="Habitaciones"
+      description="Elige la estancia que mejor se adapte a tus necesidades."
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "estandar", badge: "Popular", price: "desde 120€", subtitle: "Confort y funcionalidad", features: ["Wi-Fi Alta Velocidad", "Climatización", "Baño Privado"], buttons: [{ text: "Reservar" }] },
-          id: "standard",
+        { id: "premium", badge: "Vistas", price: "desde 180€", subtitle: "Experiencia superior", features: ["Vistas al río", "Desayuno incluido", "Check-out tardío"], buttons: [{ text: "Reservar" }] }
-          price: "120 €",
-          name: "Habitación Estándar",
-          features: [
-            "Wi-Fi gratuito",
-            "Aire acondicionado",
-            "Check-in 14:00",
-          ],
-          buttons: [
-            {
-              text: "Elegir",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "premium",
-          price: "180 €",
-          name: "Habitación Premium",
-          features: [
-            "Vistas al río",
-            "Desayuno incluido",
-            "Check-out 12:00",
-          ],
-          buttons: [
-            {
-              text: "Elegir",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "suite",
-          price: "250 €",
-          name: "Suite Guadalmedina",
-          features: [
-            "Espacio extra",
-            "Spa disponible",
-            "Prioridad atención",
-          ],
-          buttons: [
-            {
-              text: "Elegir",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      title="Estancias Adaptadas"
-      description="Opciones flexibles para su visita a Málaga, desde escapadas cortas a estancias extendidas."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardEleven
+      <MetricCardOne
+      title="Nuestra Excelencia"
+      description="Calidad garantizada avalada por nuestros huéspedes."
+      gridVariant="bento-grid"
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       metrics={[
-        {
+        { id: "1", value: "4.4", title: "Valoración Google", description: "Basado en reseñas reales", icon: Star },
-          id: "1",
+        { id: "2", value: "15", title: "Minutos al aeropuerto", description: "Excelente conexión", icon: Calendar }
-          value: "1200+",
-          title: "Clientes satisfechos",
-          description: "Reseñas positivas en Google",
-          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-3649.jpg",
-        },
-        {
-          id: "2",
-          value: "4.4",
-          title: "Puntuación Google",
-          description: "Calidad en cada detalle",
-          imageSrc: "http://img.b2bpic.net/free-photo/food-flowers-breakfast-table_23-2148007249.jpg",
-        },
-        {
-          id: "3",
-          value: "100%",
-          title: "Satisfacción",
-          description: "Comprometidos con el servicio",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg",
-        },
       ]}
-      title="Nuestra Trayectoria"
-      description="Cifras que demuestran nuestro compromiso con la excelencia en la atención al cliente."
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      team={[
-        {
-          id: "1",
-          name: "María G.",
-          role: "Directora",
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661550.jpg",
-        },
-        {
-          id: "2",
-          name: "Javier P.",
-          role: "Jefe de Recepción",
-          imageSrc: "http://img.b2bpic.net/free-photo/waitress-taking-notes_23-2147821303.jpg",
-        },
-        {
-          id: "3",
-          name: "Lucía M.",
-          role: "Atención al Cliente",
-          imageSrc: "http://img.b2bpic.net/free-photo/professionals-greeted-by-hotel-staff-front-desk-businessmen-suits-arriving-luxury-resort-people-travelling-work-partnership-doing-check-procedure-reception_482257-65296.jpg",
-        },
-      ]}
-      title="Equipo de Hospitalidad"
-      description="Nuestro equipo está dedicado a hacer que su estancia en Málaga sea memorable."
     />
   </div>
 
   <div id="testimonial" data-section="testimonial">
-      <TestimonialCardOne
+      <TestimonialCardTen
-      animationType="slide-up"
+      title="Opiniones de Huéspedes"
-      textboxLayout="default"
+      description="Lo que dicen quienes nos han visitado."
-      gridVariant="three-columns-all-equal-width"
+      textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", title: "Excelente estancia", quote: "La ubicación es insuperable para visitar los museos de Málaga.", name: "Carmen R.", role: "Viajera" }
-          id: "1",
-          name: "Sarah J.",
-          role: "CEO",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-with-digital-tablet-sitting-waiting-area_107420-95811.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          role: "CTO",
-          company: "Lab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-man-with-glasses-bed-near-food-breakfast-table_23-2148007292.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Marketing",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-with-her-red-suitcase_1139-425.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Product",
-          company: "Startups",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-thumbs-up-stairs-by-pool-white-robe-smile-post-swim-like_169016-69213.jpg",
-        },
-        {
-          id: "5",
-          name: "Laura P.",
-          role: "Diseñadora",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-white_1187-3641.jpg",
-        },
       ]}
-      title="Lo que dicen nuestros huéspedes"
-      description="La confianza de quienes han pasado unos días con nosotros es nuestra mayor recompensa."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="¿Necesitas ayuda?"
-      background={{
+      description="Estamos a tu disposición para cualquier duda o reserva especial."
-        variant: "plain",
+      useInvertedBackground={true}
-      }}
+      inputs={[
-      tag="Contacto"
+        { name: "nombre", type: "text", placeholder: "Tu nombre" },
-      title="Reserve su estancia"
+        { name: "email", type: "email", placeholder: "Tu email" }
-      description="Contáctenos para consultas de disponibilidad o cualquier necesidad especial."
+      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/lobby-condominium-building_1262-3037.jpg"
+      buttonText="Enviar consulta"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterSimple
-      logoText="Hotel Guadalmedina"
       columns={[
-        {
+        { title: "Hotel", items: [{ label: "Sobre nosotros" }, { label: "Contacto" }] },
-          title: "Hotel",
+        { title: "Información", items: [{ label: "Ubicación" }, { label: "Privacidad" }] }
-          items: [
-            {
-              label: "Sobre nosotros",
-              href: "#",
-            },
-            {
-              label: "Servicios",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Política de Privacidad",
-              href: "#",
-            },
-            {
-              label: "Condiciones",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "952 36 51 46",
-              href: "tel:+34952365146",
-            },
-          ],
-        },
       ]}
+      bottomLeftText="© 2025 Hotel Guadalmedina"
+      bottomRightText="Políticas de privacidad"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}