|
|
|
|
@@ -32,11 +32,14 @@ export default function LandingPage() {
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Inicio", id: "hero" },
|
|
|
|
|
{ name: "Servicios", id: "servicios" },
|
|
|
|
|
{ name: "Tarifas", id: "tarifas" },
|
|
|
|
|
{ name: "Contacto", id: "contacto" },
|
|
|
|
|
{ name: "Instagram", id: "instagram" }
|
|
|
|
|
{
|
|
|
|
|
name: "Inicio", id: "hero"},
|
|
|
|
|
{
|
|
|
|
|
name: "Servicios", id: "servicios"},
|
|
|
|
|
{
|
|
|
|
|
name: "Tarifas", id: "tarifas"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contacto", id: "contacto"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="Barbería Amigos"
|
|
|
|
|
/>
|
|
|
|
|
@@ -44,16 +47,18 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardGallery
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "gradient-bars"}}
|
|
|
|
|
title="Barbería Amigos: Expertos en Degradados y Estilo Urbano"
|
|
|
|
|
description="Cortes de precisión, dibujos artísticos y el mejor ambiente de Castro Urdiales."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Llamar Ahora", href: "tel:602379374" },
|
|
|
|
|
{
|
|
|
|
|
text: "Llamar Ahora", href: "tel:602379374"},
|
|
|
|
|
]}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1503951914875-452182b05f69?auto=format&fit=crop&q=80&w=800", imageAlt: "barber shop interior style" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351431202-180f0b4b26a5?auto=format&fit=crop&q=80&w=800", imageAlt: "professional haircut fade" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1622286342621-abd5686f8fe1?auto=format&fit=crop&q=80&w=800", imageAlt: "barber grooming tools" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzYNOTiy0BZsY6vcMVRwm5zodr/uploaded-1777391509896-3ng95hh5.png", imageAlt: "barber shop skin fade" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzYNOTiy0BZsY6vcMVRwm5zodr/uploaded-1777391623718-okrx9vjx.png", imageAlt: "skin fade close up" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzYNOTiy0BZsY6vcMVRwm5zodr/uploaded-1777391637182-x682uwax.png", imageAlt: "barber cutting kids hair" },
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
@@ -68,22 +73,22 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
title: "Degradados Modernos", description: "Especialistas en Skin Fade y acabados de alta definición.", icon: Sparkles,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1585747860715-2ba37e788b70?auto=format&fit=crop&q=80&w=400", imageAlt: "skin fade detail" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351431202-180f0b4b26a5?auto=format&fit=crop&q=80&w=400", imageAlt: "hairdresser trimming" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzYNOTiy0BZsY6vcMVRwm5zodr/uploaded-1777391781956-10by0kvr.png", imageAlt: "skin fade close up" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-trimming-hair_23-2148256872.jpg", imageAlt: "skin fade close up" },
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Corte Infantil", description: "Expertos en los más pequeños, con paciencia y estilo.", icon: Star,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1595152772835-219674b2a0a6?auto=format&fit=crop&q=80&w=400", imageAlt: "kid haircut" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1521119989659-a83eee488004?auto=format&fit=crop&q=80&w=400", imageAlt: "boy getting haircut" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-5738.jpg", imageAlt: "barber cutting kids hair" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-scissors-is-cutting-little-boy-against-dark-background-contented-cute-preschooler-boy-getting-haircut_613910-19721.jpg", imageAlt: "barber cutting kids hair" },
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Arreglo de Barba", description: "Perfilado y cuidado tradicional para un look impecable.", icon: Shield,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1621607516531-294b63519842?auto=format&fit=crop&q=80&w=400", imageAlt: "beard trim" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1626273718968-450f38e6e580?auto=format&fit=crop&q=80&w=400", imageAlt: "barber tools" },
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzYNOTiy0BZsY6vcMVRwm5zodr/uploaded-1777391430496-iaeddtfv.png", imageAlt: "hair tattoo pattern" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-abstract-lines-pattern_23-2148953433.jpg", imageAlt: "hair tattoo pattern" },
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
@@ -100,8 +105,8 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
plans={[
|
|
|
|
|
{ id: "p1", name: "Corte de Caballero", price: "15€", badge: "Popular", badgeIcon: Users, features: ["Degradado moderno", "Perfilado incluido", "Atención inmediata"], buttons: [{ text: "Ven ahora" }] },
|
|
|
|
|
{ id: "p2", name: "Corte Infantil", price: "12€", features: ["Corte con paciencia", "Estilo personalizado", "Atención inmediata"], buttons: [{ text: "Ven ahora" }] }
|
|
|
|
|
{ id: "p1", name: "Corte de Caballero", price: "10€", badge: "Popular", badgeIcon: Users, features: ["Degradado moderno", "Perfilado incluido", "Atención inmediata"], buttons: [{ text: "Ven ahora" }] },
|
|
|
|
|
{ id: "p2", name: "Corte Infantil", price: "10€", features: ["Corte con paciencia", "Estilo personalizado", "Atención inmediata"], buttons: [{ text: "Ven ahora" }] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -112,9 +117,9 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "m1", value: "Wi-Fi", title: "Conectividad", description: "Wi-Fi Gratis para clientes.", imageSrc: "https://images.unsplash.com/photo-1594967916422-5c2f57560a3a?auto=format&fit=crop&q=80&w=400", imageAlt: "Wi-Fi symbol" },
|
|
|
|
|
{ id: "m2", value: "NFC", title: "Pagos", description: "Pago con Móvil/NFC rápido.", imageSrc: "https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&q=80&w=400", imageAlt: "nfc payment" },
|
|
|
|
|
{ id: "m3", value: "20:30", title: "Horario", description: "Abierto hasta las 20:30.", imageSrc: "https://images.unsplash.com/photo-1506784365847-bbad939e9335?auto=format&fit=crop&q=80&w=400", imageAlt: "clock icon" },
|
|
|
|
|
{ id: "m1", value: "Wi-Fi", title: "Conectividad", description: "Wi-Fi Gratis para clientes.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-hair-fixed-with-comb-hairdryer_23-2148256901.jpg", imageAlt: "barber shop skin fade" },
|
|
|
|
|
{ id: "m2", value: "Tarjeta", title: "Pagos", description: "Pago con Móvil/NFC rápido.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-19671.jpg", imageAlt: "barber cutting kids hair" },
|
|
|
|
|
{ id: "m3", value: "20:30", title: "Horario", description: "Abierto hasta las 20:30.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-mental-health-day-awareness_23-2151813238.jpg", imageAlt: "hair tattoo pattern" },
|
|
|
|
|
]}
|
|
|
|
|
title="Compromiso con el Cliente"
|
|
|
|
|
description="Tecnología y servicios modernos a tu disposición."
|
|
|
|
|
@@ -125,9 +130,9 @@ export default function LandingPage() {
|
|
|
|
|
<TestimonialCardTwelve
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Juan García", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=200", imageAlt: "Juan G" },
|
|
|
|
|
{ id: "2", name: "Pedro López", imageSrc: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&q=80&w=200", imageAlt: "Pedro L" },
|
|
|
|
|
{ id: "3", name: "Carlos Ruiz", imageSrc: "https://images.unsplash.com/photo-1633332755192-727a05c4013d?auto=format&fit=crop&q=80&w=200", imageAlt: "Carlos R" },
|
|
|
|
|
{ id: "1", name: "Juan García", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "happy customer barber" },
|
|
|
|
|
{ id: "2", name: "Pedro López", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg", imageAlt: "clean beard fade" },
|
|
|
|
|
{ id: "3", name: "Carlos Ruiz", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-listening-music-headphone_23-2147892843.jpg", imageAlt: "trendy male haircut" },
|
|
|
|
|
]}
|
|
|
|
|
cardTitle="Lo que dicen nuestros amigos"
|
|
|
|
|
cardTag="Opiniones"
|
|
|
|
|
@@ -169,7 +174,7 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
buttonText="Llamar Ahora"
|
|
|
|
|
onSubmit={() => window.location.href = 'tel:602379374'}
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1507413245164-6160d8298b31?auto=format&fit=crop&q=80&w=1200"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-groomed_23-2149141754.jpg"
|
|
|
|
|
imageAlt="barber shop interior"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
