Update src/app/page.tsx
This commit is contained in:
477
src/app/page.tsx
477
src/app/page.tsx
@@ -34,41 +34,25 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Inicio", id: "#home"},
|
||||||
id: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "Nosotros", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Servicios", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Barbers",
|
name: "Barberos", id: "#barbers"},
|
||||||
id: "#barbers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Precios", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonios", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "Preguntas Frecuentes", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contacto", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/vintage-barber-shop-illustration_53876-78901.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/vintage-barber-shop-illustration_53876-78901.jpg"
|
||||||
logoAlt="Dukos Barber Shop Logo"
|
logoAlt="Logotipo de la Barbería Dukos"
|
||||||
brandName="Dukos Barber Shop"
|
brandName="Barbería Dukos"
|
||||||
bottomLeftText="San Mateo Atenco"
|
bottomLeftText="San Mateo Atenco"
|
||||||
bottomRightText="book@dukosbarber.com"
|
bottomRightText="book@dukosbarber.com"
|
||||||
/>
|
/>
|
||||||
@@ -78,108 +62,60 @@ export default function LandingPage() {
|
|||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
title="Cortes Premium. Barberos Locales. La Elección Confiable de San Mateo Atenco"
|
||||||
title="Premium Cuts. Local Barbers. San Mateo Atenco's Trusted Choice"
|
description="Experimenta la barbería experta en un espacio limpio y acogedor con buena música y servicio genuino. Únete a 32 clientes satisfechos que confían en Dukos para su corte perfecto."
|
||||||
description="Experience expert barbering in a clean, welcoming space with great music and genuine service. Join 32 satisfied customers who trust Dukos for their perfect cut."
|
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Carlos M.",
|
name: "Carlos M.", handle: "@CarlosM", testimonial: "¡Dukos siempre cumple! El mejor corte de pelo y afeitado en San Mateo Atenco. La atención al detalle es inigualable.", rating: 5,
|
||||||
handle: "@CarlosM",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg", imageAlt: "Carlos M. - Cliente satisfecho"},
|
||||||
testimonial: "Dukos always delivers! Best haircut and shave in San Mateo Atenco. The attention to detail is unmatched.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg",
|
|
||||||
imageAlt: "Carlos M. - Satisfied customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Javier R.",
|
name: "Javier R.", handle: "@JavierR", testimonial: "Barberos amables y un ambiente fantástico. Siempre salgo sintiéndome fresco y luciendo impecable. ¡Altamente recomendado!", rating: 5,
|
||||||
handle: "@JavierR",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-handsome-man-with-sunglasses_23-2149022672.jpg", imageAlt: "Javier R. - Cliente feliz"},
|
||||||
testimonial: "Friendly barbers and a fantastic atmosphere. I always leave feeling fresh and looking sharp. Highly recommend!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-handsome-man-with-sunglasses_23-2149022672.jpg",
|
|
||||||
imageAlt: "Javier R. - Happy client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Luis F.",
|
name: "Luis F.", handle: "@LuisF", testimonial: "¡Encontré Dukos mientras viajaba y quedé muy impresionado! Servicio de calidad, personal profesional y excelente relación calidad-precio.", rating: 5,
|
||||||
handle: "@LuisF",
|
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", imageAlt: "Luis F. - Cliente viajero"},
|
||||||
testimonial: "Found Dukos while traveling, and I was so impressed! Quality service, professional staff, and great value.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
|
||||||
imageAlt: "Luis F. - Traveler customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Diego P.",
|
name: "Diego P.", handle: "@DiegoP", testimonial: "Esto es más que un simple corte de pelo; es una experiencia. Buena música, buenas vibras y un corte excelente cada vez.", rating: 5,
|
||||||
handle: "@DiegoP",
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "Diego P. - Cliente habitual"},
|
||||||
testimonial: "This is more than just a haircut; it's an experience. Good music, good vibes, and an excellent cut every time.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
|
||||||
imageAlt: "Diego P. - Regular customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Miguel S.",
|
name: "Miguel S.", handle: "@MiguelS", testimonial: "Los barberos aquí son verdaderos artistas. Escuchan lo que quieres y superan las expectativas. Mi lugar de referencia.", rating: 5,
|
||||||
handle: "@MiguelS",
|
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg", imageAlt: "Miguel S. - Cliente leal"},
|
||||||
testimonial: "The barbers here are true artists. They listen to what you want and exceed expectations. My go-to spot.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg",
|
|
||||||
imageAlt: "Miguel S. - Loyal customer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Your Appointment",
|
text: "Agenda Tu Cita", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg",
|
src: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg", alt: "Avatar de cliente 1"},
|
||||||
alt: "Customer avatar 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/attractive-man_1098-14096.jpg",
|
src: "http://img.b2bpic.net/free-photo/attractive-man_1098-14096.jpg", alt: "Avatar de cliente 2"},
|
||||||
alt: "Customer avatar 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",
|
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg", alt: "Avatar de cliente 3"},
|
||||||
alt: "Customer avatar 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-holding-hands-near-ears-trying-listen-looking-surprised-standing-purple-wall_141793-50562.jpg",
|
src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-holding-hands-near-ears-trying-listen-looking-surprised-standing-purple-wall_141793-50562.jpg", alt: "Hombre barbero con delantal sosteniendo máquina de cortar pelo"},
|
||||||
alt: "Customer avatar 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg", alt: "Hombre de negocios de frente con delantal"},
|
||||||
alt: "Front view business man with apron",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 32 satisfied customers!"
|
avatarText="¡Únete a 32 clientes satisfechos!"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg"
|
||||||
imageAlt="Empty classic barber chair in a stylish shop"
|
imageAlt="Sillón de barbero clásico vacío en una elegante barbería"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Cortes de Precisión", icon: Scissors,
|
||||||
text: "Precision Cuts",
|
|
||||||
icon: Scissors,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Afeitados Clásicos", icon: Star,
|
||||||
text: "Classic Shaves",
|
|
||||||
icon: Star,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Recorte de Barba", icon: Sparkles,
|
||||||
text: "Beard Trims",
|
|
||||||
icon: Sparkles,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Barberos Expertos", icon: Star,
|
||||||
text: "Expert Barbers",
|
|
||||||
icon: Star,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Reserva Online", icon: CalendarCheck,
|
||||||
text: "Online Booking",
|
|
||||||
icon: CalendarCheck,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -188,16 +124,12 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Crafting Confidence, One Cut at a Time"
|
title="Creando Confianza, Un Corte a la Vez"
|
||||||
description={[
|
description={[
|
||||||
"At Dukos Barber Shop, we believe a great haircut is more than just a service – it’s an experience. Located in the heart of San Mateo Atenco, our shop is a haven where tradition meets modern style.",
|
"En Dukos Barber Shop, creemos que un gran corte de pelo es más que un simple servicio: es una experiencia. Ubicada en el corazón de San Mateo Atenco, nuestra barbería es un santuario donde la tradición se encuentra con el estilo moderno.", "Nuestros hábiles barberos son apasionados de su oficio, dedicados a ofrecer cortes de precisión, afeitados clásicos y arreglo experto en un ambiente limpio y acogedor. Con una gran atención al detalle y un compromiso con la satisfacción del cliente, nos aseguramos de que cada cliente se vaya sintiéndose renovado, seguro y luciendo lo mejor posible. Entra en Dukos, relájate con buena música y déjanos elevar tu estilo."]}
|
||||||
"Our skilled barbers are passionate about their craft, dedicated to providing precision cuts, classic shaves, and expert grooming in a clean, welcoming environment. With a keen eye for detail and a commitment to customer satisfaction, we ensure every client leaves feeling refreshed, confident, and looking their best. Step into Dukos, relax to great music, and let us elevate your style.",
|
|
||||||
]}
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Meet Our Team",
|
text: "Conoce a Nuestro Equipo", href: "#barbers"},
|
||||||
href: "#barbers",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showBorder={true}
|
showBorder={true}
|
||||||
/>
|
/>
|
||||||
@@ -211,32 +143,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Expert Haircuts",
|
title: "Cortes de Pelo Expertos", description: "Desde cortes clásicos hasta desvanecidos modernos, nuestros barberos ofrecen precisión y estilo que se adapta perfectamente a ti.", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg", imageAlt: "Barbero haciendo un corte de pelo de precisión"},
|
||||||
description: "From classic cuts to modern fades, our barbers deliver precision and style that suits you perfectly.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg",
|
|
||||||
imageAlt: "Barber giving a precision haircut",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Classic Hot Lather Shaves",
|
title: "Afeitados Clásicos con Espuma Caliente", description: "Disfruta de una relajante toalla caliente y afeitado con navaja para un acabado más suave y el máximo confort.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", imageAlt: "Barbero realizando un afeitado clásico con espuma caliente"},
|
||||||
description: "Indulge in a relaxing hot towel and straight razor shave for the smoothest finish and ultimate comfort.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
|
|
||||||
imageAlt: "Barber performing a classic hot lather shave",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Professional Beard Trims",
|
title: "Recorte Profesional de Barba", description: "Mantén tu barba impecablemente estilizada y arreglada con nuestros servicios expertos de recorte y modelado.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-lies-with-open-eyes-while-barber-cuts-his-beard_1304-2776.jpg", imageAlt: "Barbero recortando la barba de un hombre"},
|
||||||
description: "Keep your beard impeccably styled and groomed with our expert trimming and shaping services.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-lies-with-open-eyes-while-barber-cuts-his-beard_1304-2776.jpg",
|
|
||||||
imageAlt: "Barber trimming a man's beard",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Easy Online Booking",
|
title: "Reserva Online Fácil", description: "Agenda tu próxima visita en minutos, reduciendo los tiempos de espera y asegurando la disponibilidad de tu barbero preferido.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-yellow-calendar_23-2148693387.jpg", imageAlt: "Smartphone mostrando una interfaz de reserva online"},
|
||||||
description: "Schedule your next visit in minutes, reducing wait times and ensuring your preferred barber is available.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-yellow-calendar_23-2148693387.jpg",
|
|
||||||
imageAlt: "Smartphone showing an online booking interface",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Services"
|
title="Nuestros Servicios Destacados"
|
||||||
description="Experience the best in men's grooming with our range of tailored services, designed to keep you looking sharp and feeling great."
|
description="Experimenta lo mejor en el cuidado masculino con nuestra gama de servicios personalizados, diseñados para que te veas impecable y te sientas genial."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -248,29 +164,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Ricardo 'Rico' Gomez", role: "Estilista Principal", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665445.jpg", imageAlt: "Retrato de Ricardo Gomez, Estilista Principal"},
|
||||||
name: "Ricardo 'Rico' Gomez",
|
|
||||||
role: "Lead Stylist",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665445.jpg",
|
|
||||||
imageAlt: "Portrait of Ricardo Gomez, Lead Stylist",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Javier 'Javi' Soto", role: "Barbero Senior", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665414.jpg", imageAlt: "Retrato de Javier Soto, Barbero Senior"},
|
||||||
name: "Javier 'Javi' Soto",
|
|
||||||
role: "Senior Barber",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665414.jpg",
|
|
||||||
imageAlt: "Portrait of Javier Soto, Senior Barber",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Marco 'Maki' Valdez", role: "Barbero Aprendiz", imageSrc: "http://img.b2bpic.net/free-photo/dangerous-beard-hipster-with-tattooed-hands-wrench-crazy-man-run-into-camera-with-aggressive-face-scare-concept_343059-46.jpg", imageAlt: "Retrato de Marco Valdez, Barbero Aprendiz"},
|
||||||
name: "Marco 'Maki' Valdez",
|
|
||||||
role: "Apprentice Barber",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dangerous-beard-hipster-with-tattooed-hands-wrench-crazy-man-run-into-camera-with-aggressive-face-scare-concept_343059-46.jpg",
|
|
||||||
imageAlt: "Portrait of Marco Valdez, Apprentice Barber",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Meet Our Master Barbers"
|
title="Conoce a Nuestros Barberos Maestros"
|
||||||
description="Our team of skilled professionals is dedicated to the art of barbering, bringing years of experience and a passion for perfection to every client."
|
description="Nuestro equipo de profesionales capacitados se dedica al arte de la barbería, aportando años de experiencia y pasión por la perfección a cada cliente."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -281,80 +182,44 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "haircut",
|
id: "haircut", badge: "Popular", badgeIcon: Star,
|
||||||
badge: "Popular",
|
price: "$25", subtitle: "Corte de Pelo de Precisión", buttons: [
|
||||||
badgeIcon: Star,
|
|
||||||
price: "$25",
|
|
||||||
subtitle: "Precision Haircut",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Book Haircut",
|
text: "Agendar Corte", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Any style haircut",
|
"Corte de cualquier estilo", "Afeitado de cuello", "Lavado y peinado de cabello"],
|
||||||
"Neck shave",
|
|
||||||
"Hair wash & style",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "shave",
|
id: "shave", badge: "Clásico", badgeIcon: Scissors,
|
||||||
badge: "Classic",
|
price: "$30", subtitle: "Afeitado Tradicional", buttons: [
|
||||||
badgeIcon: Scissors,
|
|
||||||
price: "$30",
|
|
||||||
subtitle: "Traditional Shave",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Book Shave",
|
text: "Agendar Afeitado", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Hot towel treatment",
|
"Tratamiento de toalla caliente", "Afeitado con navaja", "Bálsamo para después del afeitado"],
|
||||||
"Straight razor shave",
|
|
||||||
"Post-shave balm",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "beard",
|
id: "beard", badge: "Refinamiento", badgeIcon: Sparkles,
|
||||||
badge: "Refine",
|
price: "$20", subtitle: "Recorte y Diseño de Barba", buttons: [
|
||||||
badgeIcon: Sparkles,
|
|
||||||
price: "$20",
|
|
||||||
subtitle: "Beard Trim & Shape",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Book Beard Trim",
|
text: "Agendar Recorte de Barba", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Beard trim & line-up",
|
"Recorte y delineado de barba", "Acabado con toalla caliente", "Aplicación de aceite para barba"],
|
||||||
"Hot towel finish",
|
|
||||||
"Beard oil application",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "combo",
|
id: "combo", badge: "Mejor Valor", badgeIcon: Award,
|
||||||
badge: "Best Value",
|
price: "$45", subtitle: "Combo Corte y Afeitado", buttons: [
|
||||||
badgeIcon: Award,
|
|
||||||
price: "$45",
|
|
||||||
subtitle: "Haircut & Shave Combo",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Book Combo",
|
text: "Agendar Combo", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Precision Haircut",
|
"Corte de Pelo de Precisión", "Afeitado Tradicional", "Recorte de Barba (opcional)"],
|
||||||
"Traditional Shave",
|
|
||||||
"Beard Trim (optional)",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Pricing"
|
title="Nuestros Precios"
|
||||||
description="Quality grooming tailored to your needs. Find the perfect service package below."
|
description="Cuidado de calidad adaptado a tus necesidades. Encuentra el paquete de servicio perfecto a continuación."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -365,63 +230,27 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Eduardo C.", handle: "Residente Local", testimonial: "Dukos es simplemente la mejor barbería de San Mateo Atenco. Siempre un corte perfecto y una gran conversación. ¡Muy recomendable!", rating: 5,
|
||||||
name: "Eduardo C.",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg", imageAlt: "Eduardo C."},
|
||||||
handle: "Local Resident",
|
|
||||||
testimonial: "Dukos is simply the best barber shop in San Mateo Atenco. Always a perfect cut and a great chat. Highly recommend!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg",
|
|
||||||
imageAlt: "Eduardo C.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Fernando L.", handle: "Cliente Frecuente", testimonial: "El ambiente es fantástico y los barberos son verdaderos artistas. Mi barba nunca se ha visto mejor. Dukos nunca decepciona.", rating: 5,
|
||||||
name: "Fernando L.",
|
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg", imageAlt: "Fernando L."},
|
||||||
handle: "Regular Customer",
|
|
||||||
testimonial: "The atmosphere is fantastic, and the barbers are true artists. My beard has never looked better. Dukos never disappoints.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
|
||||||
imageAlt: "Fernando L.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Gustavo A.", handle: "Primera Visita", testimonial: "Buscaba un nuevo barbero y encontré Dukos. La reserva online fue fácil y el servicio impecable. ¡Ahora soy un cliente habitual!", rating: 5,
|
||||||
name: "Gustavo A.",
|
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-with-shaving-foam-his-face-holding-razor-looking-front-surprised-happy-standing-purple-wall_141793-50721.jpg", imageAlt: "Gustavo A."},
|
||||||
handle: "First-Timer",
|
|
||||||
testimonial: "I was looking for a new barber and found Dukos. The online booking was easy, and the service was impeccable. I'm a regular now!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-with-shaving-foam-his-face-holding-razor-looking-front-surprised-happy-standing-purple-wall_141793-50721.jpg",
|
|
||||||
imageAlt: "Gustavo A.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Hector G.", handle: "Visitante", testimonial: "De visita por la ciudad y necesitaba un corte rápido y de calidad. ¡Dukos cumplió! Profesional y eficiente. Exactamente lo que necesitaba.", rating: 5,
|
||||||
name: "Hector G.",
|
imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-new-haircut_23-2148353450.jpg", imageAlt: "Hector G."},
|
||||||
handle: "Visitor",
|
|
||||||
testimonial: "Visiting from out of town and needed a quick, quality cut. Dukos delivered! Professional and efficient. Exactly what I needed.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-new-haircut_23-2148353450.jpg",
|
|
||||||
imageAlt: "Hector G.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Ivan S.", handle: "Cliente Antiguo", testimonial: "Durante años, he confiado en Dukos con mi cabello. La calidad constante, el personal amable y los excelentes precios me hacen volver.", rating: 5,
|
||||||
name: "Ivan S.",
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-finished-grooming-long-gray-beard_23-2148181941.jpg", imageAlt: "Ivan S."},
|
||||||
handle: "Long-time Client",
|
|
||||||
testimonial: "For years, I've trusted Dukos with my hair. The consistent quality, friendly staff, and great prices keep me coming back.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-finished-grooming-long-gray-beard_23-2148181941.jpg",
|
|
||||||
imageAlt: "Ivan S.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Jorge M.", handle: "Cliente Satisfecho", testimonial: "Siempre es un placer visitar. La tienda está limpia, la música es buena y los barberos son los mejores en el negocio.", rating: 5,
|
||||||
name: "Jorge M.",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-phone_23-2148718087.jpg", imageAlt: "Jorge M."},
|
||||||
handle: "Satisfied Patron",
|
|
||||||
testimonial: "Always a pleasure to visit. The shop is clean, the music is good, and the barbers are the best in the business.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-phone_23-2148718087.jpg",
|
|
||||||
imageAlt: "Jorge M.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="What Our Clients Say"
|
title="Lo Que Dicen Nuestros Clientes"
|
||||||
description="Hear directly from our satisfied customers about their Dukos Barber Shop experience."
|
description="Escucha directamente de nuestros clientes satisfechos sobre su experiencia en Dukos Barber Shop."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -430,16 +259,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"San Mateo Business",
|
"Empresas de San Mateo", "Noticias Locales de Atenco", "Revista de Aseo MX", "Blog de Cabello y Estilo", "Cámara de Comercio Local", "Gremio de Barberos de México", "Premios Lo Mejor de San Mateo"]}
|
||||||
"Atenco Local News",
|
title="Confiado por la Comunidad"
|
||||||
"Grooming Magazine MX",
|
description="Nuestro compromiso con la excelencia nos ha valido el reconocimiento y la confianza en San Mateo Atenco y más allá."
|
||||||
"Hair & Style Blog",
|
|
||||||
"Local Chamber of Commerce",
|
|
||||||
"Barber's Guild Mexico",
|
|
||||||
"Best of San Mateo Awards",
|
|
||||||
]}
|
|
||||||
title="Trusted by the Community"
|
|
||||||
description="Our commitment to excellence has earned us recognition and trust within San Mateo Atenco and beyond."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -449,33 +271,18 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "¿Necesito cita o puedo entrar sin cita?", content: "Aunque siempre aceptamos clientes sin cita, recomendamos encarecidamente reservar una cita online para asegurar tiempos de espera mínimos y garantizar la disponibilidad de tu barbero preferido."},
|
||||||
title: "Do I need an appointment, or can I walk in?",
|
|
||||||
content: "While walk-ins are always welcome, we highly recommend booking an appointment online to ensure minimal wait times and secure your preferred barber.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "¿Qué métodos de pago aceptan?", content: "Aceptamos efectivo, así como todas las principales tarjetas de crédito y débito para tu comodidad."},
|
||||||
title: "What payment methods do you accept?",
|
|
||||||
content: "We accept cash, as well as all major credit and debit cards for your convenience.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "¿Ofrecen servicios para niños?", content: "¡Sí, damos la bienvenida a clientes de todas las edades! Nuestros barberos también están capacitados para ofrecer excelentes cortes de pelo para niños."},
|
||||||
title: "Do you offer services for children?",
|
|
||||||
content: "Yes, we welcome clients of all ages! Our barbers are skilled in providing great haircuts for children too.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "¿Dónde están ubicados en San Mateo Atenco?", content: "Nos encontramos convenientemente ubicados en el corazón de San Mateo Atenco. Por favor, consulta nuestra sección de contacto para la dirección exacta y un mapa."},
|
||||||
title: "Where are you located in San Mateo Atenco?",
|
|
||||||
content: "You can find us conveniently located in the heart of San Mateo Atenco. Please refer to our contact section for the exact address and a map.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "¿Qué medidas de seguridad están tomando?", content: "La salud y seguridad de nuestros clientes y personal son nuestra máxima prioridad. Mantenemos un ambiente meticulosamente limpio, esterilizamos las herramientas a fondo y seguimos todas las directrices de salud locales."},
|
||||||
title: "What safety measures are you taking?",
|
|
||||||
content: "The health and safety of our clients and staff are our top priority. We maintain a meticulously clean environment, sterilize tools thoroughly, and follow all local health guidelines.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Preguntas Frecuentes"
|
||||||
description="Got questions about our services or booking? We've got answers."
|
description="¿Tienes preguntas sobre nuestros servicios o reservas? Tenemos las respuestas."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -483,46 +290,29 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Book Your Appointment"
|
title="Agenda Tu Cita"
|
||||||
description="Ready for your fresh look? Fill out the form below to schedule your visit to Dukos Barber Shop."
|
description="¿Listo para tu nuevo look? Rellena el formulario a continuación para programar tu visita a Dukos Barber Shop."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Tu Nombre", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "phone",
|
name: "phone", type: "tel", placeholder: "Tu Número de Teléfono (Opcional)"},
|
||||||
type: "tel",
|
|
||||||
placeholder: "Your Phone Number (Optional)",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
multiSelect={{
|
multiSelect={{
|
||||||
name: "service",
|
name: "service", label: "Selecciona un Servicio", options: [
|
||||||
label: "Select a Service",
|
"Corte de Pelo de Precisión", "Afeitado Tradicional", "Recorte y Diseño de Barba", "Combo Corte y Afeitado"],
|
||||||
options: [
|
|
||||||
"Precision Haircut",
|
|
||||||
"Traditional Shave",
|
|
||||||
"Beard Trim & Shape",
|
|
||||||
"Haircut & Shave Combo",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "¿Alguna petición especial o detalle?", rows: 4,
|
||||||
placeholder: "Any special requests or details?",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg"
|
||||||
imageAlt="Exterior view of Dukos Barber Shop"
|
imageAlt="Vista exterior de la Barbería Dukos"
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
buttonText="Confirm Booking"
|
buttonText="Confirmar Cita"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -530,73 +320,46 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Servicios", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Haircuts",
|
label: "Cortes de Pelo", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Shaves",
|
label: "Afeitados", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Beard Trims",
|
label: "Recorte de Barba", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Booking",
|
label: "Reservas", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Compañía", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "Nosotros", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Our Team",
|
label: "Nuestro Equipo", href: "#barbers"},
|
||||||
href: "#barbers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Precios", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "Preguntas Frecuentes", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Conectar", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://instagram.com/dukosbarber"},
|
||||||
href: "https://instagram.com/dukosbarber",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Facebook",
|
label: "Facebook", href: "https://facebook.com/dukosbarber"},
|
||||||
href: "https://facebook.com/dukosbarber",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Google Maps",
|
label: "Google Maps", href: "https://maps.google.com/?q=Dukos+Barber+Shop+San+Mateo+Atenco"},
|
||||||
href: "https://maps.google.com/?q=Dukos+Barber+Shop+San+Mateo+Atenco",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contáctanos", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/vintage-barber-shop-illustration_53876-78901.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/vintage-barber-shop-illustration_53876-78901.jpg"
|
||||||
logoAlt="Dukos Barber Shop Logo"
|
logoAlt="Logotipo de la Barbería Dukos"
|
||||||
logoText="Dukos Barber Shop"
|
logoText="Barbería Dukos"
|
||||||
copyrightText="© 2024 Dukos Barber Shop. All rights reserved."
|
copyrightText="© 2024 Barbería Dukos. Todos los derechos reservados."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user