Merge version_2 into main #1
387
src/app/page.tsx
387
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { MapPin, Coffee, Dumbbell, Star, Calendar } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,373 +30,109 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Ubicación", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Hotel Guadalmedina"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Un refugio de arte y confort en el corazón de Málaga"
|
||||
description="El Hotel Guadalmedina le invita a vivir una estancia inolvidable junto al río, en el epicentro cultural de la ciudad."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Carmen R.",
|
||||
handle: "Viajera frecuente",
|
||||
testimonial: "Ubicación excelente, justo frente al Centro de Arte Contemporáneo. El trato fue impecable.",
|
||||
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",
|
||||
},
|
||||
<HeroBillboardGallery
|
||||
title="Hotel Guadalmedina"
|
||||
description="Su estancia privilegiada junto al río Guadalmedina, en el epicentro cultural de Málaga."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-apartment-with-modern-design-elegance-generated-by-ai_188544-33875.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lake-sunrise_649448-521.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lobby-condominium-building_1262-3037.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
|
||||
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"
|
||||
<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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
<FeatureCardTwentyThree
|
||||
title="Servicios del Hotel"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Habitaciones Modernas",
|
||||
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",
|
||||
},
|
||||
{ id: "1", title: "Desayuno Buffet", tags: ["Calidad", "Local"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-milk_23-2148858499.jpg" },
|
||||
{ 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" }
|
||||
]}
|
||||
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"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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: "premium", badge: "Vistas", price: "desde 180€", subtitle: "Experiencia superior", features: ["Vistas al río", "Desayuno incluido", "Check-out tardío"], buttons: [{ text: "Reservar" }] }
|
||||
]}
|
||||
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"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
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",
|
||||
},
|
||||
{ id: "1", value: "4.4", title: "Valoración Google", description: "Basado en reseñas reales", icon: Star },
|
||||
{ id: "2", value: "15", title: "Minutos al aeropuerto", description: "Excelente conexión", icon: Calendar }
|
||||
]}
|
||||
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
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardTen
|
||||
title="Opiniones de Huéspedes"
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ id: "1", title: "Excelente estancia", quote: "La ubicación es insuperable para visitar los museos de Málaga.", name: "Carmen R.", role: "Viajera" }
|
||||
]}
|
||||
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
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Reserve su estancia"
|
||||
description="Contáctenos para consultas de disponibilidad o cualquier necesidad especial."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lobby-condominium-building_1262-3037.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
<ContactSplitForm
|
||||
title="¿Necesitas ayuda?"
|
||||
description="Estamos a tu disposición para cualquier duda o reserva especial."
|
||||
inputs={[
|
||||
{ name: "nombre", type: "text", placeholder: "Tu nombre" },
|
||||
{ name: "email", type: "email", placeholder: "Tu email" }
|
||||
]}
|
||||
buttonText="Enviar consulta"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hotel Guadalmedina"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel",
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Hotel", items: [{ label: "Sobre nosotros" }, { label: "Contacto" }] },
|
||||
{ title: "Información", items: [{ label: "Ubicación" }, { label: "Privacidad" }] }
|
||||
]}
|
||||
bottomLeftText="© 2025 Hotel Guadalmedina"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user