Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "servicios",
|
||||
},
|
||||
name: "Servicios", id: "servicios"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
name: "Contacto", id: "contacto"},
|
||||
]}
|
||||
brandName="Barbería Amigos"
|
||||
/>
|
||||
@@ -51,37 +45,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg?_wi=1",
|
||||
imageAlt: "barber shop skin fade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-skin-texture_23-2149457576.jpg?_wi=1",
|
||||
imageAlt: "skin fade close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462518.jpg?_wi=1",
|
||||
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",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg", 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: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462518.jpg", 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"
|
||||
/>
|
||||
@@ -94,55 +70,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg?_wi=2",
|
||||
imageAlt: "skin fade close up",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.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" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Corte Infantil",
|
||||
description: "Expertos en los más pequeños, con paciencia y estilo.",
|
||||
icon: Star,
|
||||
title: "Corte Infantil", description: "Expertos en los más pequeños, con paciencia y estilo.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-skin-texture_23-2149457576.jpg?_wi=2",
|
||||
imageAlt: "skin fade close up",
|
||||
{ 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,
|
||||
title: "Arreglo de Barba", description: "Perfilado y cuidado tradicional para un look impecable.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-drinking-straw-texture_23-2148133310.jpg",
|
||||
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-photo/child-getting-haircut-salon_23-2150462518.jpg?_wi=2",
|
||||
imageAlt: "skin fade close up",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-drinking-straw-texture_23-2148133310.jpg", imageAlt: "hair tattoo pattern" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-abstract-lines-pattern_23-2148953433.jpg", imageAlt: "hair tattoo pattern" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
@@ -152,33 +98,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -190,35 +119,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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: "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: "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: "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",
|
||||
},
|
||||
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"
|
||||
cardTag="Opiniones"
|
||||
@@ -231,20 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Necesito cita previa?",
|
||||
content: "Recomendamos reservar para asegurar disponibilidad.",
|
||||
},
|
||||
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: "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: "f3", title: "¿Dónde están ubicados?", content: "En Calle Santander, 14, Castro-Urdiales."},
|
||||
]}
|
||||
sideTitle="Preguntas frecuentes"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -256,14 +156,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Productos Premium",
|
||||
"Calidad Garantizada",
|
||||
"Excelencia",
|
||||
"Innovación",
|
||||
"Estilo Moderno",
|
||||
"Puntualidad",
|
||||
"Atención Personalizada",
|
||||
]}
|
||||
"Productos Premium", "Calidad Garantizada", "Excelencia", "Innovación", "Estilo Moderno", "Puntualidad", "Atención Personalizada"]}
|
||||
title="Nuestros Aliados en Estilo"
|
||||
description="La excelencia y calidad respaldan nuestro trabajo día a día."
|
||||
/>
|
||||
@@ -276,22 +169,13 @@ export default function LandingPage() {
|
||||
description="Estamos listos para renovar tu estilo. Visítanos en C. Santander, 14."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
required: true,
|
||||
name: "nombre", type: "text", placeholder: "Tu nombre", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Tu email", required: true,
|
||||
},
|
||||
{
|
||||
name: "telefono",
|
||||
type: "tel",
|
||||
placeholder: "Tu teléfono",
|
||||
},
|
||||
name: "telefono", type: "tel", placeholder: "Tu teléfono"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-groomed_23-2149141754.jpg"
|
||||
imageAlt="barber shop interior"
|
||||
@@ -304,25 +188,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Calle Santander, 14",
|
||||
href: "#",
|
||||
},
|
||||
label: "Calle Santander, 14", href: "#"},
|
||||
{
|
||||
label: "Castro-Urdiales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Castro-Urdiales", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Abierto hasta las 20:30",
|
||||
href: "#",
|
||||
},
|
||||
label: "Abierto hasta las 20:30", href: "#"},
|
||||
{
|
||||
label: "Reserva ahora",
|
||||
href: "tel:602379374",
|
||||
},
|
||||
label: "Reserva ahora", href: "tel:602379374"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user