308 lines
18 KiB
TypeScript
308 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Sparkles, Calendar, Heart, BookOpen, Crown, MessageCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Theatro Club"
|
|
navItems={[
|
|
{ name: "Eventos", id: "events" },
|
|
{ name: "Reservas", id: "reservations" },
|
|
{ name: "Sobre Nosotros", id: "about" },
|
|
{ name: "Información", id: "info" },
|
|
{ name: "Contacto", id: "contact" }
|
|
]}
|
|
button={{ text: "Reservar Mesa", href: "reservations" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Vive la Noche. Vive Theatro."
|
|
description="Noches inolvidables en el corazón de Málaga. Espectáculos únicos, música en vivo, y una comunidad inclusiva que celebra la diversidad."
|
|
tag="Club Bar Teatro"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Reservar Mesa", href: "reservations" },
|
|
{ text: "Ver Eventos", href: "events" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-persons-doing-dance-moves_482257-78965.jpg", imageAlt: "Ambiente animado en Theatro Club" },
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/people-having-fun-while-dressed-up_23-2151027898.jpg", imageAlt: "Show drag en directo" },
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-with-lemon-lime-strawberry-decoration-generative-ai_188544-12376.jpg", imageAlt: "Zona de bar con luces neón" },
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/nightlife-people-having-fun-bars-clubs_23-2149088605.jpg", imageAlt: "Pista de baile llena de energía" },
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-being-dj_23-2151194101.jpg", imageAlt: "Espectáculo reggae en vivo" },
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-bar-s-party_23-2147644271.jpg", imageAlt: "Grupo celebrando en mesas VIP" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="events" data-section="events">
|
|
<ProductCardFour
|
|
title="Próximos Eventos"
|
|
description="Descubre nuestras noches temáticas y espectáculos exclusivos. Desde reggae hasta drag shows, tenemos algo especial cada fin de semana."
|
|
tag="Calendario de Fiesta"
|
|
tagIcon={Calendar}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Noche Reggae Viernes", price: "Entrada Gratis", variant: "22:00 - 04:00 | DJ Internacional", imageSrc: "http://img.b2bpic.net/free-vector/colorful-reggae-party-poster-with-flat-design_23-2147954668.jpg", imageAlt: "Cartel evento reggae"
|
|
},
|
|
{
|
|
id: "2", name: "Drag Show Sábado", price: "Entrada: €10", variant: "23:00 - 05:00 | Artistas Locales", imageSrc: "http://img.b2bpic.net/free-photo/halloween-female-model-playing-with-her-hair_23-2148282170.jpg", imageAlt: "Cartel evento drag show"
|
|
},
|
|
{
|
|
id: "3", name: "House Domingo", price: "Entrada: €8", variant: "21:00 - 03:00 | Sesión Continua", imageSrc: "http://img.b2bpic.net/free-photo/dj-playing-music-mixer-closeup_93675-132649.jpg", imageAlt: "Cartel evento house"
|
|
},
|
|
{
|
|
id: "4", name: "Retro Jueves", price: "Entrada Gratis", variant: "23:00 - 04:00 | Éxitos 80-90", imageSrc: "http://img.b2bpic.net/free-vector/80s-retro-style-geometric-grid-wallpaper-with-sun-neon-frame_1017-53557.jpg", imageAlt: "Cartel evento retro"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Theatro Club es más que una" },
|
|
{ type: "text", content: "discoteca." }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Conocer Más", href: "#values" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="values" data-section="values">
|
|
<FeatureCardSix
|
|
title="Nuestra Experiencia"
|
|
description="Cada noche en Theatro es única. Combinamos espectáculo, música y comunidad para crear momentos memorables."
|
|
tag="Filosofía"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Inclusividad", description: "Un espacio abierto y acogedor para todos. Celebramos la diversidad y el respeto mutuo en cada rincón del club.", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-support-group_23-2151079594.jpg", imageAlt: "Inclusividad"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Seguridad y Confianza", description: "Equipo profesional capacitado disponible toda la noche. Cumplimos normativas estrictas para garantizar tu bienestar.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-security-guard-looking-around-while-overseeing-premises_482257-105641.jpg", imageAlt: "Seguridad y Confianza"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Calidad en Cada Detalle", description: "Desde la música en directo hasta las consumiciones, cuidamos cada aspecto de tu experiencia nocturna.", imageSrc: "http://img.b2bpic.net/free-vector/premium-quality-labels_1114-194.jpg", imageAlt: "Calidad en Cada Detalle"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reservations" data-section="reservations">
|
|
<PricingCardEight
|
|
title="Elige Tu Experiencia"
|
|
description="Reserva tu mesa y disfruta de Theatro Club de la forma que prefieras."
|
|
tag="Reservas Online"
|
|
tagIcon={BookOpen}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "standard", badge: "Popular", price: "Mesa Estándar", subtitle: "4-6 personas", buttons: [
|
|
{ text: "Reservar Ahora", href: "https://reservas.theatro.com" }
|
|
], features: [
|
|
"Ubicación en zona principal", "Acceso a barra libre (consumición mínima)", "Zona con vistas a pista", "Decoración temática de evento"
|
|
]
|
|
},
|
|
{
|
|
id: "vip", badge: "Exclusivo", badgeIcon: Crown,
|
|
price: "Mesa VIP", subtitle: "2-8 personas", buttons: [
|
|
{ text: "Reservar VIP", href: "https://reservas.theatro.com" }
|
|
], features: [
|
|
"Localización privilegiada frente a pista", "Botella incluida", "Servicio dedicado", "Acceso priority a eventos exclusivos"
|
|
]
|
|
},
|
|
{
|
|
id: "private", badge: "Premium", badgeIcon: Sparkles,
|
|
price: "Evento Privado", subtitle: "Grupos especiales", buttons: [
|
|
{ text: "Consultar Disponibilidad", href: "https://reservas.theatro.com" }
|
|
], features: [
|
|
"Espacio personalizado", "DJ personalizado o música adaptada", "Catering especial", "Servicio premium VIP"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Lo Que Dicen Nuestros Clientes"
|
|
description="Opiniones reales de personas que han disfrutado noches memorables en Theatro Club."
|
|
tag="Testimonios"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Carlos M.", handle: "@carlosm", testimonial: "¡Increíble ambiente! La experiencia del drag show fue de otro nivel. Volvemos el próximo fin de semana.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "Carlos M."
|
|
},
|
|
{
|
|
id: "2", name: "Marina López", handle: "@marinalopez", testimonial: "Mejor lugar de Málaga para disfrutar. Equipo muy profesional y atento. Totalmente recomendado.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Marina López"
|
|
},
|
|
{
|
|
id: "3", name: "Javier Ruiz", handle: "@jruiz_photos", testimonial: "Pasamos la despedida de soltero en Theatro. Personal increíble, música en vivo perfecta. ¡Genial!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-smiling-with-happy-face-standing-pink-wall_141793-52897.jpg", imageAlt: "Javier Ruiz"
|
|
},
|
|
{
|
|
id: "4", name: "Sofia Chen", handle: "@sofiachenart", testimonial: "Un espacio acogedor y seguro. Se respeta mucho la comunidad LGBTQ+. Volveré sin dudarlo.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg", imageAlt: "Sofia Chen"
|
|
},
|
|
{
|
|
id: "5", name: "Mateo García", handle: "@mateoggarcia", testimonial: "Celebramos cumpleaños con amigos. Mesa VIP impresionante, buen ambiente desde las 10 hasta las 5.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "Mateo García"
|
|
},
|
|
{
|
|
id: "6", name: "Lucia Martín", handle: "@luciam_vibes", testimonial: "La noche reggae fue increíble. Buen DJ, ambiente relajado pero con energía. Profesional en todo.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Lucia Martín"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="info" data-section="info">
|
|
<FaqBase
|
|
title="Preguntas Frecuentes"
|
|
description="Resolvemos tus dudas sobre horarios, entrada, consumiciones y normas del club."
|
|
tag="Información Práctica"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "¿Cuáles son vuestros horarios?", content: "Abrimos de jueves a domingo, de 23:00 a 05:00. Los eventos especiales pueden tener horarios ampliados. Consulta el calendario en nuestra web."
|
|
},
|
|
{
|
|
id: "2", title: "¿Necesito reservar mesa para entrar?", content: "No es obligatorio. Puedes entrar sin reserva si hay capacidad. Las reservas garantizan tu mesa y acceso preferente, especialmente en viernes y sábado."
|
|
},
|
|
{
|
|
id: "3", title: "¿Hay código de vestimenta?", content: "Recomendamos ropa de salida. No permitimos: chanclas, ropa deportiva, gorras ni prendas que inciten discriminación. La entrada tiene derecho de admisión."
|
|
},
|
|
{
|
|
id: "4", title: "¿Cuál es la edad mínima?", content: "Entrada desde 18 años con DNI o pasaporte válido. Es obligatorio."
|
|
},
|
|
{
|
|
id: "5", title: "¿Hay consumición mínima?", content: "Para mesas, sí: €40-60 según tipo. La zona de barra es libre. Todas las consumiciones incluyen bebidas de calidad."
|
|
},
|
|
{
|
|
id: "6", title: "¿Puedo traer invitados a mi mesa reservada?", content: "Sí, siempre que respetes el aforo de tu mesa. Avísanos con antelación si necesitas más espacios."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="¿Preguntas o Sugerencias?"
|
|
ctaDescription="Contáctanos directamente. Nuestro equipo responde en menos de 24 horas."
|
|
ctaIcon={MessageCircle}
|
|
ctaButton={{ text: "Enviar Mensaje", href: "#contact-form" }}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "info-1", title: "📍 Ubicación", content: "<strong>Theatro Club Málaga</strong><br/>C. Lazcano, 5<br/>Distrito Centro<br/>29008 Málaga, España<br/><br/><strong>A 5 minutos de la Catedral y Centro Histórico</strong>"
|
|
},
|
|
{
|
|
id: "info-2", title: "📞 Contacto", content: "<strong>Teléfono:</strong> +34 952 XXX XXX<br/><strong>WhatsApp:</strong> +34 6XX XXX XXX<br/><strong>Email:</strong> info@theatroclub.es<br/><strong>Instagram:</strong> @theatroclub.malaga"
|
|
},
|
|
{
|
|
id: "info-3", title: "🗺️ Cómo Llegar", content: "Ubicado en pleno Centro de Málaga, junto a la zona de bares más emblemática. Acceso peatonal fácil. Parking pagado cercano (C. Beatas, Av. Andalucía)."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navegación", items: [
|
|
{ label: "Inicio", href: "#hero" },
|
|
{ label: "Eventos", href: "#events" },
|
|
{ label: "Reservas", href: "#reservations" },
|
|
{ label: "Sobre Nosotros", href: "#about" }
|
|
]
|
|
},
|
|
{
|
|
title: "Información", items: [
|
|
{ label: "Horarios", href: "#info" },
|
|
{ label: "Normativa", href: "#info" },
|
|
{ label: "Política de Privacidad", href: "#" },
|
|
{ label: "Términos y Condiciones", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{ label: "Teléfono", href: "tel:+34952000000" },
|
|
{ label: "WhatsApp", href: "https://wa.me/34600000000" },
|
|
{ label: "Email", href: "mailto:info@theatroclub.es" },
|
|
{ label: "Instagram", href: "https://instagram.com/theatroclub.malaga" }
|
|
]
|
|
},
|
|
{
|
|
title: "Reservas", items: [
|
|
{ label: "Reservar Mesa", href: "#reservations" },
|
|
{ label: "Evento Privado", href: "#reservations" },
|
|
{ label: "Grupos", href: "mailto:grupos@theatroclub.es" },
|
|
{ label: "Cumpleaños", href: "#reservations" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Theatro Club Málaga. Todos los derechos reservados."
|
|
bottomRightText="Diseñado con pasión para Málaga"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|