336 lines
19 KiB
TypeScript
336 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { CalendarCheck, Heart, Leaf, Palette, Scissors, Sparkles, Star, Users, Hand, Flower, Gem, MessageCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Nosotros", id: "#nosotros"},
|
|
{
|
|
name: "Servicios", id: "#servicios"},
|
|
{
|
|
name: "Galería", id: "#galeria"},
|
|
{
|
|
name: "Testimonios", id: "#testimonios"},
|
|
{
|
|
name: "Precios", id: "#precios"},
|
|
{
|
|
name: "Contacto", id: "#contacto"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9i92i5"
|
|
logoAlt="Nuria Ibeas Peluquería y Estética Saludable logo"
|
|
brandName="Nuria Ibeas"
|
|
button={{
|
|
text: "Reservar Cita", href: "#contacto"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Nuria Ibeas"
|
|
description="Peluquería y Estética Saludable en Algorta. Tu belleza natural, nuestro compromiso."
|
|
buttons={[
|
|
{
|
|
text: "Reservar cita", href: "#contacto"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163113.jpg"
|
|
imageAlt="Interior de peluquería moderna y elegante con luz natural"
|
|
showDimOverlay={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="nosotros" data-section="nosotros">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Salud Capilar Avanzada", description: "Programas personalizados para revitalizar y fortalecer tu cabello desde la raíz.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-big-brown-hypnotising-eyes_329181-9781.jpg", imageAlt: "Woman with long, healthy, shiny hair"},
|
|
items: [
|
|
{
|
|
icon: Heart,
|
|
text: "Tratamientos orgánicos"},
|
|
{
|
|
icon: Leaf,
|
|
text: "Productos naturales"},
|
|
{
|
|
icon: Sparkles,
|
|
text: "Resultados visibles"},
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Estética Consciente", description: "Cuidado facial y corporal con un enfoque respetuoso hacia tu piel y el medio ambiente.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-happy-woman-smiles-broadly-has-perfect-white-teeth-covers-eye-with-green-calla-lily-applies-hydrogel-patches-reducing-wrinkles-poses-indoor-women-beauty-concept_273609-57061.jpg", imageAlt: "Woman receiving a natural facial treatment"},
|
|
items: [
|
|
{
|
|
icon: Hand,
|
|
text: "Técnicas manuales"},
|
|
{
|
|
icon: Flower,
|
|
text: "Ingredientes puros"},
|
|
{
|
|
icon: Gem,
|
|
text: "Bienestar integral"},
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Experiencia Personalizada", description: "Cada visita es una oportunidad para diseñar una experiencia única, adaptada a tus deseos y necesidades.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-doing-make-up-woman_23-2148332500.jpg", imageAlt: "Hairdresser discussing style options with a client"},
|
|
items: [
|
|
{
|
|
icon: Users,
|
|
text: "Asesoramiento experto"},
|
|
{
|
|
icon: CalendarCheck,
|
|
text: "Atención exclusiva"},
|
|
{
|
|
icon: Star,
|
|
text: "Tu momento de lujo"},
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
title="Nuestra Filosofía: Belleza Natural y Bienestar"
|
|
description="En Nuria Ibeas, creemos en una belleza que nace del cuidado y la salud. Ofrecemos un enfoque holístico, utilizando productos de alta calidad y técnicas innovadoras para realzar tu esencia natural."
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "servicio-cortes", name: "Cortes de Autor y Peinados", price: "Desde 35€", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021827.jpg", imageAlt: "Woman with a modern and elegant haircut"},
|
|
{
|
|
id: "servicio-coloracion", name: "Coloración Botánica y Mechas", price: "Desde 60€", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg", imageAlt: "Natural hair color transformation with subtle highlights"},
|
|
{
|
|
id: "servicio-tratamientos", name: "Tratamientos Capilares Personalizados", price: "Desde 45€", imageSrc: "http://img.b2bpic.net/free-photo/woman-mirror_23-2148547432.jpg", imageAlt: "Deep conditioning hair treatment applied in a salon"},
|
|
{
|
|
id: "servicio-estetica-facial", name: "Estética Facial Natural", price: "Desde 50€", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-head-massage-spa-center_1139-1133.jpg", imageAlt: "Woman receiving a relaxing facial massage"},
|
|
{
|
|
id: "servicio-manicura", name: "Manicura y Pedicura Spa", price: "Desde 25€", imageSrc: "http://img.b2bpic.net/free-photo/gray-nail-design-female-hand-with-glitter-manicure_127675-2602.jpg", imageAlt: "Professional manicure being performed in a spa setting"},
|
|
{
|
|
id: "servicio-maquillaje", name: "Maquillaje Profesional", price: "Desde 70€", imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9040.jpg", imageAlt: "Professional makeup application for an elegant look"},
|
|
]}
|
|
title="Nuestros Servicios Exclusivos"
|
|
description="Descubre una gama completa de tratamientos capilares y estéticos, diseñados para tu bienestar y el de tu cabello."
|
|
/>
|
|
</div>
|
|
|
|
<div id="galeria" data-section="galeria">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "galeria-1", name: "Corte Moderno", price: "", imageSrc: "http://img.b2bpic.net/free-photo/upset-shy-brunette-girl-with-bob-hair-offendedly-posing-camera-isolated-white-background-sad-expression_574295-4548.jpg", imageAlt: "Modern short bob haircut on a woman"},
|
|
{
|
|
id: "galeria-2", name: "Mechas Naturales", price: "", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-hair-face_1122-1460.jpg", imageAlt: "Natural balayage highlights on long hair"},
|
|
{
|
|
id: "galeria-3", name: "Tratamiento de Brillo", price: "", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332459.jpg", imageAlt: "Healthy, shiny long hair after a revitalizing treatment"},
|
|
{
|
|
id: "galeria-4", name: "Recogido Elegante", price: "", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-queen-taking-wig-off_23-2149247323.jpg", imageAlt: "Elegant and intricate updo hairstyle for a special occasion"},
|
|
{
|
|
id: "galeria-5", name: "Balayage Sutil", price: "", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-striped-t-shirt-looking-away-with-gently-smile-portrait-glad-red-haired-young-woman_197531-10271.jpg", imageAlt: "Subtle balayage on dark hair with soft transitions"},
|
|
{
|
|
id: "galeria-6", name: "Transformación Capilar", price: "", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-black-blouse-with-curly-hair-posing-high-quality-photo_114579-35178.jpg", imageAlt: "Before and after image of a complete hair transformation"},
|
|
]}
|
|
title="Nuestros Trabajos Destacados"
|
|
description="Inspírate con algunos de nuestros últimos proyectos y transformaciones que reflejan nuestra pasión por la belleza."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "¡Un servicio excepcional!", quote: "Desde que descubrí Nuria Ibeas, mi cabello ha transformado. El trato es exquisito y los resultados siempre superan mis expectativas. ¡Totalmente recomendable!", name: "Sofía G.", role: "Clienta Habitual", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg", imageAlt: "Sofía G. sonriendo después de un tratamiento"},
|
|
{
|
|
id: "2", title: "Mi lugar de confianza", quote: "Siempre salgo encantada. Nuria y su equipo no solo entienden lo que quiero, sino que me asesoran para el mejor cuidado de mi cabello y piel. La calidad de sus productos es inmejorable.", name: "Elena M.", role: "Empresaria", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-lovely-blonde-woman-casual-summer-clothing-smiles-pleasantly-sits-couch-surrounded-with-smart-phone_273609-2529.jpg", imageAlt: "Elena M. en una pose feliz"},
|
|
{
|
|
id: "3", title: "Resultados naturales y duraderos", quote: "Buscaba un enfoque más natural para mi coloración y aquí lo encontré. El verde salvia que me aplicaron es precioso y ha durado muchísimo. Es mi peluquería de referencia en Getxo.", name: "Carla P.", role: "Profesora", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-selfie_23-2148558145.jpg", imageAlt: "Carla P. con una sonrisa"},
|
|
{
|
|
id: "4", title: "Un oasis de bienestar", quote: "Cada visita es un momento de desconexión y relax. El ambiente es tan tranquilo y el personal tan atento que es imposible no sentirse renovada. La estética saludable es un plus.", name: "Ana R.", role: "Diseñadora", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-white-dress_1187-3820.jpg", imageAlt: "Ana R. mirando a la cámara"},
|
|
{
|
|
id: "5", title: "Profesionalidad y calidez", quote: "Nuria Ibeas es sinónimo de profesionalidad y calidez humana. Siempre me siento escuchada y los tratamientos faciales son una maravilla. Gracias por cuidar de mí.", name: "Laura S.", role: "Administrativa", imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg", imageAlt: "Laura S. sonriendo amablemente"},
|
|
{
|
|
id: "6", title: "La mejor peluquería en Algorta", quote: "Después de probar varias peluquerías, Nuria Ibeas se ha convertido en mi favorita. Sus productos ecológicos y la pasión por su trabajo marcan la diferencia. ¡Un 10!", name: "Marta H.", role: "Nutricionista", imageSrc: "http://img.b2bpic.net/free-photo/girl-being-made-up_1157-247.jpg", imageAlt: "Marta H. con una expresión contenta"},
|
|
]}
|
|
title="La Experiencia de Nuestras Clientes"
|
|
description="La satisfacción de quienes nos eligen es nuestra mayor recompensa. Descubre lo que dicen sobre Nuria Ibeas Peluquería y Estética Saludable."
|
|
/>
|
|
</div>
|
|
|
|
<div id="precios" data-section="precios">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "plan-corte", badge: "Esencial", badgeIcon: Scissors,
|
|
price: "Desde 35€", subtitle: "Para un cambio de look o mantenimiento.", buttons: [
|
|
{
|
|
text: "Reservar Corte", href: "#contacto"},
|
|
],
|
|
features: [
|
|
"Asesoramiento personalizado", "Lavado y masaje capilar", "Corte y peinado"],
|
|
},
|
|
{
|
|
id: "plan-coloracion", badge: "Premium", badgeIcon: Palette,
|
|
price: "Desde 60€", subtitle: "Transforma tu cabello con coloración natural.", buttons: [
|
|
{
|
|
text: "Reservar Color", href: "#contacto"},
|
|
],
|
|
features: [
|
|
"Diagnóstico de color", "Coloración botánica", "Tratamiento post-color", "Peinado"],
|
|
},
|
|
{
|
|
id: "plan-estetica", badge: "Bienestar", badgeIcon: Sparkles,
|
|
price: "Desde 50€", subtitle: "Para una piel radiante y relajación profunda.", buttons: [
|
|
{
|
|
text: "Reservar Estética", href: "#contacto"},
|
|
],
|
|
features: [
|
|
"Limpieza facial profunda", "Masaje relajante", "Mascarilla natural", "Hidratación intensiva"],
|
|
},
|
|
]}
|
|
title="Nuestras Tarifas de Servicios"
|
|
description="Consulta nuestros planes y precios orientativos. Solicita un presupuesto personalizado para una experiencia a tu medida."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Agenda tu Momento de Bienestar"
|
|
description="Visítanos en Kasune Kalea, 12A, 48991 Algorta (Getxo), Bizkaia, España.\
|
|
Horario: Lunes a Viernes de 10:00 a 19:00, Sábados de 09:00 a 14:00. ¡Te esperamos!"
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Tu Nombre Completo", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Tu Número de Teléfono", required: true,
|
|
},
|
|
]}
|
|
multiSelect={{
|
|
name: "service", label: "Servicio de Interés", options: [
|
|
"Corte y Peinado", "Coloración Botánica", "Tratamiento Capilar", "Estética Facial", "Manicura/Pedicura", "Maquillaje", "Otros"],
|
|
}}
|
|
textarea={{
|
|
name: "message", placeholder: "Mensaje o Preferencia de Fecha (Opcional)", rows: 4,
|
|
required: false,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/map-denmark-gold-glitter-map-dark-background_559531-10631.jpg"
|
|
imageAlt="Google Maps de la ubicación de Nuria Ibeas Peluquería y Estética Saludable"
|
|
mediaAnimation="none"
|
|
mediaPosition="left"
|
|
buttonText="Solicitar Cita"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Servicios", items: [
|
|
{
|
|
label: "Cortes", href: "#servicios"},
|
|
{
|
|
label: "Coloración", href: "#servicios"},
|
|
{
|
|
label: "Tratamientos Capilares", href: "#servicios"},
|
|
{
|
|
label: "Estética Facial", href: "#servicios"},
|
|
{
|
|
label: "Manicura y Pedicura", href: "#servicios"},
|
|
],
|
|
},
|
|
{
|
|
title: "Enlaces Rápidos", items: [
|
|
{
|
|
label: "Inicio", href: "#hero"},
|
|
{
|
|
label: "Nosotros", href: "#nosotros"},
|
|
{
|
|
label: "Precios", href: "#precios"},
|
|
{
|
|
label: "Galería", href: "#galeria"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{
|
|
label: "Kasune Kalea, 12A", href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
|
|
{
|
|
label: "48991 Algorta (Getxo)", href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
|
|
{
|
|
label: "Teléfono: +34 747 403 113", href: "tel:+34747403113"},
|
|
{
|
|
label: "WhatsApp", href: "https://wa.me/34747403113"},
|
|
],
|
|
},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9i92i5"
|
|
logoAlt="Nuria Ibeas Peluquería y Estética Saludable logo"
|
|
logoText="Nuria Ibeas"
|
|
copyrightText="© 2025 Nuria Ibeas Peluquería y Estética Saludable. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
|
|
{/* Floating WhatsApp Button */}
|
|
<a
|
|
href="https://wa.me/34747403113"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="fixed bottom-6 right-6 z-50 flex items-center justify-center w-14 h-14 rounded-full bg-green-500 text-white shadow-lg hover:bg-green-600 transition-all duration-300"
|
|
aria-label="Contact us on WhatsApp"
|
|
>
|
|
<MessageCircle size={28} />
|
|
</a>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|