Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 398a3bf189 | |||
| 60302ce8b4 | |||
| a90935d581 |
245
src/app/page.tsx
245
src/app/page.tsx
@@ -2,7 +2,6 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
@@ -31,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Sobre nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre nosotros", id: "about"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "services",
|
||||
},
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Los Chicos BCN"
|
||||
/>
|
||||
@@ -55,106 +46,56 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Barber Shop Los Chicos BCN"
|
||||
description="Estilo, precisión y actitud en cada corte. La experiencia que te mereces en el corazón de Sant Andreu."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Carlos G.",
|
||||
handle: "@carlosg",
|
||||
testimonial: "¡Excelente servicio, ambiente increíble y cortes perfectos! 10/10",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-with-straight-edge-razor-by-hairdresser-barbershop_1153-9769.jpg?_wi=1",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
name: "Carlos G.", handle: "@carlosg", testimonial: "¡Excelente servicio, ambiente increíble y cortes perfectos! 10/10", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-with-straight-edge-razor-by-hairdresser-barbershop_1153-9769.jpg?_wi=1", imageAlt: "modern barber shop interior"},
|
||||
{
|
||||
name: "Marc R.",
|
||||
handle: "@marcr",
|
||||
testimonial: "Profesionales que escuchan lo que quieres y lo hacen perfecto.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/instruments-hairdresser-black-towel_23-2148181901.jpg?_wi=1",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
name: "Marc R.", handle: "@marcr", testimonial: "Profesionales que escuchan lo que quieres y lo hacen perfecto.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/instruments-hairdresser-black-towel_23-2148181901.jpg?_wi=1", imageAlt: "modern barber shop interior"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "Trato cercano y resultado impecable. Volveré seguro.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
name: "David L.", handle: "@davidl", testimonial: "Trato cercano y resultado impecable. Volveré seguro.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", imageAlt: "modern barber shop interior"},
|
||||
{
|
||||
name: "Alex P.",
|
||||
handle: "@alexp",
|
||||
testimonial: "El mejor degradado que me han hecho nunca. Repetiré.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
name: "Alex P.", handle: "@alexp", testimonial: "El mejor degradado que me han hecho nunca. Repetiré.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", imageAlt: "modern barber shop interior"},
|
||||
{
|
||||
name: "Javi M.",
|
||||
handle: "@javim",
|
||||
testimonial: "Barbería de confianza. Los chicos saben lo que hacen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
name: "Javi M.", handle: "@javim", testimonial: "Barbería de confianza. Los chicos saben lo que hacen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg", imageAlt: "modern barber shop interior"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar cita por WhatsApp",
|
||||
href: "https://wa.me/34603249661",
|
||||
},
|
||||
text: "Reservar cita por WhatsApp", href: "https://wa.me/34603249661"},
|
||||
{
|
||||
text: "Ver servicios",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Ver servicios", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-with-straight-edge-razor-by-hairdresser-barbershop_1153-9769.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairstylist-cutting-customer-hair-helped-by-scissors_23-2148256966.jpg",
|
||||
alt: "Cliente 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairstylist-cutting-customer-hair-helped-by-scissors_23-2148256966.jpg", alt: "Cliente 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7271.jpg",
|
||||
alt: "Cliente 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7271.jpg", alt: "Cliente 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg",
|
||||
alt: "Cliente 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", alt: "Cliente 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg",
|
||||
alt: "Cliente 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg", alt: "Cliente 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-young-afro-american-male-barber-wearing-uniform-combing-his-mustache_141793-117565.jpg",
|
||||
alt: "Cliente 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-young-afro-american-male-barber-wearing-uniform-combing-his-mustache_141793-117565.jpg", alt: "Cliente 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISIÓN",
|
||||
},
|
||||
type: "text", text: "PRECISIÓN"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ESTILO",
|
||||
},
|
||||
type: "text", text: "ESTILO"},
|
||||
{
|
||||
type: "text",
|
||||
text: "URBANO",
|
||||
},
|
||||
type: "text", text: "URBANO"},
|
||||
{
|
||||
type: "text",
|
||||
text: "CALIDAD",
|
||||
},
|
||||
type: "text", text: "CALIDAD"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PROFESIONAL",
|
||||
},
|
||||
type: "text", text: "PROFESIONAL"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,17 +108,11 @@ export default function LandingPage() {
|
||||
description="Barber Shop Los Chicos BCN es una barbería conocida por su excelente trato, ambiente relajado y cortes de alta calidad. Ofrecemos una experiencia personalizada con 43 reseñas de 5 estrellas."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Atención personalizada",
|
||||
description: "Un trato único para cada cliente.",
|
||||
},
|
||||
title: "Atención personalizada", description: "Un trato único para cada cliente."},
|
||||
{
|
||||
title: "Ambiente agradable",
|
||||
description: "Relájate mientras cuidamos tu imagen.",
|
||||
},
|
||||
title: "Ambiente agradable", description: "Relájate mientras cuidamos tu imagen."},
|
||||
{
|
||||
title: "Profesionales expertos",
|
||||
description: "Dominio total de las últimas técnicas.",
|
||||
},
|
||||
title: "Profesionales expertos", description: "Dominio total de las últimas técnicas."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/instruments-hairdresser-black-towel_23-2148181901.jpg?_wi=2"
|
||||
/>
|
||||
@@ -189,35 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Corte clásico",
|
||||
description: "El corte de toda la vida, ejecutado a la perfección.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
title: "Corte clásico", description: "El corte de toda la vida, ejecutado a la perfección.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"},
|
||||
{
|
||||
title: "Fade / Degradado",
|
||||
description: "Especialistas en degradados modernos y precisos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg",
|
||||
},
|
||||
title: "Fade / Degradado", description: "Especialistas en degradados modernos y precisos.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg"},
|
||||
{
|
||||
title: "Barba y perfilado",
|
||||
description: "Cuidado total para lucir una barba impecable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-holding-razor-need-shave-bristle_176420-16201.jpg",
|
||||
},
|
||||
title: "Barba y perfilado", description: "Cuidado total para lucir una barba impecable.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-holding-razor-need-shave-bristle_176420-16201.jpg"},
|
||||
{
|
||||
title: "Arreglo de cejas",
|
||||
description: "Define tu mirada con un perfilado natural.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-s-hand-with-electric-trimmer_23-2147839804.jpg",
|
||||
},
|
||||
title: "Arreglo de cejas", description: "Define tu mirada con un perfilado natural.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-s-hand-with-electric-trimmer_23-2147839804.jpg"},
|
||||
{
|
||||
title: "Tinte y mechas",
|
||||
description: "Cambios de estilo atrevidos y profesionales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg",
|
||||
},
|
||||
title: "Tinte y mechas", description: "Cambios de estilo atrevidos y profesionales.", imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg"},
|
||||
{
|
||||
title: "Paquete completo",
|
||||
description: "Corte de pelo y barba con el mejor trato.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-combing-beard-watering-with-spray-bottle-isolated-purple-wall_141793-82950.jpg",
|
||||
},
|
||||
title: "Paquete completo", description: "Corte de pelo y barba con el mejor trato.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-combing-beard-watering-with-spray-bottle-isolated-purple-wall_141793-82950.jpg"},
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Elige el servicio que mejor se adapte a tu estilo."
|
||||
@@ -232,93 +149,32 @@ export default function LandingPage() {
|
||||
author="Javier M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
alt: "Javier M",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", alt: "Javier M"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
|
||||
alt: "David L",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", alt: "David L"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg",
|
||||
alt: "Marc R",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg", alt: "Marc R"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg",
|
||||
alt: "Carlos G",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg", alt: "Carlos G"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-sporty-guy-by-window-athlete-posing-near-spacious-windows-gym-sports_78826-3420.jpg",
|
||||
alt: "Alex P",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-sporty-guy-by-window-athlete-posing-near-spacious-windows-gym-sports_78826-3420.jpg", alt: "Alex P"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Galería de Estilo"
|
||||
description="Echa un vistazo a nuestros trabajos más recientes."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Corte",
|
||||
title: "Degradados",
|
||||
excerpt: "Antes y después de un fade impecable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg",
|
||||
authorName: "Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8202.jpg",
|
||||
date: "10/2023",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Barba",
|
||||
title: "Diseño",
|
||||
excerpt: "Perfilado con navaja profesional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9719.jpg",
|
||||
authorName: "Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-getting-haircut_23-2148224309.jpg",
|
||||
date: "10/2023",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Estilo",
|
||||
title: "Corte Urbano",
|
||||
excerpt: "Corte moderno para clientes exigentes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cutting-dog-s-fur-via-clipper_176532-10705.jpg",
|
||||
authorName: "Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",
|
||||
date: "10/2023",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Necesito cita previa?",
|
||||
content: "Recomendamos cita previa para asegurar tu lugar.",
|
||||
},
|
||||
id: "q1", title: "¿Necesito cita previa?", content: "Recomendamos cita previa para asegurar tu lugar."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Qué horarios tienen?",
|
||||
content: "Abierto de lunes a sábado hasta las 20:00.",
|
||||
},
|
||||
id: "q2", title: "¿Qué horarios tienen?", content: "Abierto de lunes a sábado hasta las 20:00."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Aceptan tarjeta?",
|
||||
content: "Sí, aceptamos todos los métodos de pago.",
|
||||
},
|
||||
id: "q3", title: "¿Aceptan tarjeta?", content: "Sí, aceptamos todos los métodos de pago."},
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Resolvemos tus dudas principales."
|
||||
@@ -330,8 +186,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Visítanos en Sant Andreu"
|
||||
description="Avinguda Meridiana, 440, 08030 Barcelona. Abierto todos los días hasta las 20:00. ¡Te esperamos!"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -347,16 +202,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Los Chicos BCN"
|
||||
leftLink={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/34603249661",
|
||||
}}
|
||||
text: "WhatsApp", href: "https://wa.me/34603249661"}}
|
||||
rightLink={{
|
||||
text: "Mapa",
|
||||
href: "https://maps.app.goo.gl/...",
|
||||
}}
|
||||
text: "Mapa", href: "https://maps.app.goo.gl/..."}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user