Merge version_1 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
name: "Servicios", id: "features"},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Productos", id: "products"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonios", id: "testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Montana Barbería"
|
||||
/>
|
||||
@@ -63,11 +53,9 @@ export default function LandingPage() {
|
||||
description="Donde el estilo y la precisión se encuentran. Reservá tu lugar hoy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar por WhatsApp",
|
||||
href: "https://wa.me/5491100000000",
|
||||
},
|
||||
text: "Reservar por WhatsApp", href: "https://wa.me/5491100000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hair-stylist-correcting-haircut-salon_23-2148181865.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hair-stylist-correcting-haircut-salon_23-2148181865.jpg"
|
||||
imageAlt="Barber shop interior lujo"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,7 +65,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Experiencia Premium en Cada Corte"
|
||||
description="Somos el punto de encuentro para el hombre moderno. Especialistas en cortes, barba y cuidado personal."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,49 +76,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Corte de Precisión",
|
||||
description: "Técnicas modernas y clásicas para un estilo impecable.",
|
||||
icon: Scissors,
|
||||
title: "Corte de Precisión", description: "Técnicas modernas y clásicas para un estilo impecable.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313066.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313066.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-stylist-correcting-haircut-salon_23-2148181865.jpg?_wi=2",
|
||||
imageAlt: "razor shaving kit premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Diseño de Barba",
|
||||
description: "Perfilado y tratamiento de barba profesional.",
|
||||
icon: Zap,
|
||||
title: "Diseño de Barba", description: "Perfilado y tratamiento de barba profesional.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-barber-trimming-beard-man_23-2147778850.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-barber-trimming-beard-man_23-2147778850.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-shirtless-beard-male-grey-background_613910-15753.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg?_wi=2",
|
||||
imageAlt: "razor shaving kit premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-shirtless-beard-male-grey-background_613910-15753.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Ritual de Afeitado",
|
||||
description: "El afeitado clásico con navaja, un momento de relax absoluto.",
|
||||
icon: Shield,
|
||||
title: "Ritual de Afeitado", description: "El afeitado clásico con navaja, un momento de relax absoluto.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-make-up-brush-case_23-2148210775.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-make-up-brush-case_23-2148210775.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-back-massage_1098-2214.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-recording-himself_23-2150336104.jpg?_wi=1",
|
||||
imageAlt: "razor shaving kit premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-back-massage_1098-2214.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Servicios Exclusivos"
|
||||
@@ -146,59 +116,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Montana",
|
||||
name: "Pomada Mate",
|
||||
price: "$12.000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-recording-himself_23-2150336104.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Montana", name: "Pomada Mate", price: "$12.000", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-recording-himself_23-2150336104.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Montana",
|
||||
name: "Aceite para Barba",
|
||||
price: "$9.500",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263433.jpg",
|
||||
},
|
||||
id: "2", brand: "Montana", name: "Aceite para Barba", price: "$9.500", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/boomers-using-cbd-oil-cream-treating-body-pain_23-2151263433.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Montana",
|
||||
name: "Bálsamo Post-Shave",
|
||||
price: "$8.000",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-polish-floating-water_23-2150963111.jpg",
|
||||
},
|
||||
id: "3", brand: "Montana", name: "Bálsamo Post-Shave", price: "$8.000", rating: 4,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-polish-floating-water_23-2150963111.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Montana",
|
||||
name: "Polvo de Estilo",
|
||||
price: "$10.000",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-anti-aging-treatment_23-2149266633.jpg",
|
||||
},
|
||||
id: "4", brand: "Montana", name: "Polvo de Estilo", price: "$10.000", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/man-using-anti-aging-treatment_23-2149266633.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Montana",
|
||||
name: "Cepillo de Madera",
|
||||
price: "$6.000",
|
||||
rating: 4,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154111.jpg",
|
||||
},
|
||||
id: "5", brand: "Montana", name: "Cepillo de Madera", price: "$6.000", rating: 4,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154111.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Montana",
|
||||
name: "Tónico Revitalizante",
|
||||
price: "$7.500",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-man-talking-phone_23-2147689181.jpg",
|
||||
},
|
||||
id: "6", brand: "Montana", name: "Tónico Revitalizante", price: "$7.500", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-man-talking-phone_23-2147689181.jpg"},
|
||||
]}
|
||||
title="Nuestra Selección Premium"
|
||||
description="Productos exclusivos para mantener tu look fuera de la barbería."
|
||||
@@ -212,26 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Cortes Realizados",
|
||||
description: "Expertos en estilo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
|
||||
},
|
||||
id: "m1", value: "1500+", title: "Cortes Realizados", description: "Expertos en estilo.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Clientes Felices",
|
||||
description: "Nuestra garantía.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-man-looking-camera-clenching-fists-isolated-olive-green-background-with-copy-space_141793-75152.jpg",
|
||||
},
|
||||
id: "m2", value: "98%", title: "Clientes Felices", description: "Nuestra garantía.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-man-looking-camera-clenching-fists-isolated-olive-green-background-with-copy-space_141793-75152.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
title: "Años de Trayectoria",
|
||||
description: "Evolucionando siempre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
|
||||
},
|
||||
id: "m3", value: "5", title: "Años de Trayectoria", description: "Evolucionando siempre.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg"},
|
||||
]}
|
||||
title="Montana en Números"
|
||||
description="Calidad que se mide en clientes satisfechos."
|
||||
@@ -244,45 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excelente!",
|
||||
quote: "El mejor corte que tuve en años. Un ambiente increíble.",
|
||||
name: "Carlos M.",
|
||||
role: "Cliente habitual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg",
|
||||
},
|
||||
id: "1", title: "Excelente!", quote: "El mejor corte que tuve en años. Un ambiente increíble.", name: "Carlos M.", role: "Cliente habitual", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Calidad top",
|
||||
quote: "Muy buena atención, se nota que saben lo que hacen.",
|
||||
name: "Juan P.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg",
|
||||
},
|
||||
id: "2", title: "Calidad top", quote: "Muy buena atención, se nota que saben lo que hacen.", name: "Juan P.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "De primera",
|
||||
quote: "Atención rápida y un corte impecable. Recomiendo 100%.",
|
||||
name: "Lucas R.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4313.jpg",
|
||||
},
|
||||
id: "3", title: "De primera", quote: "Atención rápida y un corte impecable. Recomiendo 100%.", name: "Lucas R.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4313.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Genios",
|
||||
quote: "El ritual de barba me dejó como nuevo. Volveré seguro.",
|
||||
name: "Marcos S.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg",
|
||||
},
|
||||
id: "4", title: "Genios", quote: "El ritual de barba me dejó como nuevo. Volveré seguro.", name: "Marcos S.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Profesionalismo",
|
||||
quote: "Gran ambiente y sobre todo, gente que sabe de cortes.",
|
||||
name: "Diego T.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-down-isolated-blue-background_141793-138486.jpg",
|
||||
},
|
||||
id: "5", title: "Profesionalismo", quote: "Gran ambiente y sobre todo, gente que sabe de cortes.", name: "Diego T.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-barbering-tools-looking-camera-showing-thumb-down-isolated-blue-background_141793-138486.jpg"},
|
||||
]}
|
||||
title="Lo que Dicen de Nosotros"
|
||||
description="La experiencia de nuestros clientes habla por sí sola."
|
||||
@@ -295,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Necesito turno previo?",
|
||||
content: "Sí, para brindarte la mejor atención recomendamos sacar turno por WhatsApp.",
|
||||
},
|
||||
id: "f1", title: "¿Necesito turno previo?", content: "Sí, para brindarte la mejor atención recomendamos sacar turno por WhatsApp."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Dónde estamos ubicados?",
|
||||
content: "Estamos en el centro de la ciudad, facilitando el acceso a todos nuestros clientes.",
|
||||
},
|
||||
id: "f2", title: "¿Dónde estamos ubicados?", content: "Estamos en el centro de la ciudad, facilitando el acceso a todos nuestros clientes."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Tienen productos a la venta?",
|
||||
content: "¡Sí! Contamos con toda nuestra línea propia de barbería premium.",
|
||||
},
|
||||
id: "f3", title: "¿Tienen productos a la venta?", content: "¡Sí! Contamos con toda nuestra línea propia de barbería premium."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -322,16 +202,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="Reservá tu lugar"
|
||||
description="No pierdas más tiempo. Elegí tu estilo y reservá ahora vía WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/5491100000000",
|
||||
},
|
||||
text: "WhatsApp", href: "https://wa.me/5491100000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -343,9 +220,7 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user