|
|
|
@@ -11,7 +11,8 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
import { Shield, Sparkles, Star } from "lucide-react";
|
|
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
|
|
|
|
|
|
import { Shield, Sparkles, Star, Users } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -35,6 +36,8 @@ export default function LandingPage() {
|
|
|
|
name: "Inicio", id: "hero"},
|
|
|
|
name: "Inicio", id: "hero"},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "Servicios", id: "servicios"},
|
|
|
|
name: "Servicios", id: "servicios"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Tarifas", id: "tarifas"},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "Contacto", id: "contacto"},
|
|
|
|
name: "Contacto", id: "contacto"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -53,11 +56,9 @@ export default function LandingPage() {
|
|
|
|
text: "Llamar Ahora", href: "tel:602379374"},
|
|
|
|
text: "Llamar Ahora", href: "tel:602379374"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
mediaItems={[
|
|
|
|
mediaItems={[
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg", imageAlt: "barber shop skin fade" },
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzYNOTiy0BZsY6vcMVRwm5zodr/uploaded-1777391509896-3ng95hh5.png", imageAlt: "barber shop skin fade" },
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-skin-texture_23-2149457576.jpg", imageAlt: "skin fade close up" },
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzYNOTiy0BZsY6vcMVRwm5zodr/uploaded-1777391623718-okrx9vjx.png", imageAlt: "skin fade close up" },
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462518.jpg", imageAlt: "barber cutting kids hair" },
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzYNOTiy0BZsY6vcMVRwm5zodr/uploaded-1777391637182-x682uwax.png", imageAlt: "barber cutting kids hair" },
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-happy-woman_23-2148778287.jpg", imageAlt: "hair tattoo pattern" },
|
|
|
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg", imageAlt: "barber shop interior" },
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -72,7 +73,7 @@ export default function LandingPage() {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Degradados Modernos", description: "Especialistas en Skin Fade y acabados de alta definición.", icon: Sparkles,
|
|
|
|
title: "Degradados Modernos", description: "Especialistas en Skin Fade y acabados de alta definición.", icon: Sparkles,
|
|
|
|
mediaItems: [
|
|
|
|
mediaItems: [
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", imageAlt: "skin fade close up" },
|
|
|
|
{ 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" },
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-trimming-hair_23-2148256872.jpg", imageAlt: "skin fade close up" },
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@@ -86,7 +87,7 @@ export default function LandingPage() {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Arreglo de Barba", description: "Perfilado y cuidado tradicional para un look impecable.", icon: Shield,
|
|
|
|
title: "Arreglo de Barba", description: "Perfilado y cuidado tradicional para un look impecable.", icon: Shield,
|
|
|
|
mediaItems: [
|
|
|
|
mediaItems: [
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-drinking-straw-texture_23-2148133310.jpg", imageAlt: "hair tattoo pattern" },
|
|
|
|
{ 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" },
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-abstract-lines-pattern_23-2148953433.jpg", imageAlt: "hair tattoo pattern" },
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@@ -96,18 +97,29 @@ export default function LandingPage() {
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="tarifas" data-section="tarifas">
|
|
|
|
|
|
|
|
<PricingCardThree
|
|
|
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
title="Servicio sin Citas"
|
|
|
|
|
|
|
|
description="Atención por orden de llegada. Ven a vernos directamente en el salón."
|
|
|
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
|
|
|
plans={[
|
|
|
|
|
|
|
|
{ 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>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
<MetricCardEleven
|
|
|
|
<MetricCardEleven
|
|
|
|
animationType="blur-reveal"
|
|
|
|
animationType="blur-reveal"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{
|
|
|
|
{ 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: "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" },
|
|
|
|
id: "m2", value: "NFC", 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"
|
|
|
|
title="Compromiso con el Cliente"
|
|
|
|
description="Tecnología y servicios modernos a tu disposición."
|
|
|
|
description="Tecnología y servicios modernos a tu disposición."
|
|
|
|
@@ -118,16 +130,9 @@ export default function LandingPage() {
|
|
|
|
<TestimonialCardTwelve
|
|
|
|
<TestimonialCardTwelve
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{ 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: "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" },
|
|
|
|
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"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "4", name: "Luis Miguel", imageSrc: "http://img.b2bpic.net/free-photo/customer-getting-new-haircut-from_23-2148257021.jpg", imageAlt: "sharp haircut result"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "5", name: "Javier Torres", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884350.jpg", imageAlt: "skin fade profile"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
cardTitle="Lo que dicen nuestros amigos"
|
|
|
|
cardTitle="Lo que dicen nuestros amigos"
|
|
|
|
cardTag="Opiniones"
|
|
|
|
cardTag="Opiniones"
|
|
|
|
@@ -139,12 +144,9 @@ export default function LandingPage() {
|
|
|
|
<FaqSplitText
|
|
|
|
<FaqSplitText
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{
|
|
|
|
{ id: "f1", title: "¿Necesito cita previa?", content: "No, trabajamos exclusivamente por orden de llegada para ofrecer atención inmediata." },
|
|
|
|
id: "f1", title: "¿Necesito cita previa?", content: "Recomendamos reservar para asegurar disponibilidad."},
|
|
|
|
{ id: "f2", title: "¿Aceptan tarjetas?", content: "Sí, aceptamos tarjetas y pagos móviles/NFC." },
|
|
|
|
{
|
|
|
|
{ id: "f3", title: "¿Dónde están ubicados?", content: "En Calle Santander, 14, Castro-Urdiales." },
|
|
|
|
id: "f2", title: "¿Aceptan tarjetas?", content: "Sí, aceptamos tarjetas y pagos móviles/NFC."},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "f3", title: "¿Dónde están ubicados?", content: "En Calle Santander, 14, Castro-Urdiales."},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
sideTitle="Preguntas frecuentes"
|
|
|
|
sideTitle="Preguntas frecuentes"
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
@@ -155,8 +157,7 @@ export default function LandingPage() {
|
|
|
|
<SocialProofOne
|
|
|
|
<SocialProofOne
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
names={[
|
|
|
|
names={["Productos Premium", "Calidad Garantizada", "Excelencia", "Innovación", "Estilo Moderno"]}
|
|
|
|
"Productos Premium", "Calidad Garantizada", "Excelencia", "Innovación", "Estilo Moderno", "Puntualidad", "Atención Personalizada"]}
|
|
|
|
|
|
|
|
title="Nuestros Aliados en Estilo"
|
|
|
|
title="Nuestros Aliados en Estilo"
|
|
|
|
description="La excelencia y calidad respaldan nuestro trabajo día a día."
|
|
|
|
description="La excelencia y calidad respaldan nuestro trabajo día a día."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -165,18 +166,14 @@ export default function LandingPage() {
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
|
|
<ContactSplitForm
|
|
|
|
<ContactSplitForm
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
title="Reserva tu cita"
|
|
|
|
title="Contáctanos"
|
|
|
|
description="Estamos listos para renovar tu estilo. Visítanos en C. Santander, 14."
|
|
|
|
description="Estamos listos para renovar tu estilo. Llámanos o visítanos directamente en C. Santander, 14."
|
|
|
|
inputs={[
|
|
|
|
inputs={[
|
|
|
|
{
|
|
|
|
{ name: "nombre", type: "text", placeholder: "Tu nombre", required: true },
|
|
|
|
name: "nombre", type: "text", placeholder: "Tu nombre", required: true,
|
|
|
|
{ name: "mensaje", type: "text", placeholder: "Tu mensaje" },
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "email", type: "email", placeholder: "Tu email", required: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "telefono", type: "tel", placeholder: "Tu teléfono"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
buttonText="Llamar Ahora"
|
|
|
|
|
|
|
|
onSubmit={() => window.location.href = 'tel:602379374'}
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-groomed_23-2149141754.jpg"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-groomed_23-2149141754.jpg"
|
|
|
|
imageAlt="barber shop interior"
|
|
|
|
imageAlt="barber shop interior"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -185,22 +182,8 @@ export default function LandingPage() {
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
columns={[
|
|
|
|
columns={[
|
|
|
|
{
|
|
|
|
{ items: [{ label: "Calle Santander, 14", href: "#" }, { label: "Castro-Urdiales", href: "#" }] },
|
|
|
|
items: [
|
|
|
|
{ items: [{ label: "Abierto hasta las 20:30", href: "#" }, { label: "Llamar: 602379374", href: "tel:602379374" }] },
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Calle Santander, 14", href: "#"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Castro-Urdiales", href: "#"},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
items: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Abierto hasta las 20:30", href: "#"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Reserva ahora", href: "tel:602379374"},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
logoText="Barbería Amigos"
|
|
|
|
logoText="Barbería Amigos"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
