232 lines
11 KiB
TypeScript
232 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#inicio"},
|
|
{
|
|
name: "Servicios", id: "#servicios"},
|
|
{
|
|
name: "Testimonios", id: "#testimonios"},
|
|
{
|
|
name: "Precios", id: "#precios"},
|
|
{
|
|
name: "Contacto", id: "#contacto"},
|
|
]}
|
|
brandName="Amigo Perruqueria"
|
|
/>
|
|
</div>
|
|
|
|
<div id="inicio" data-section="inicio">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
title="Amigo Perruqueria"
|
|
description="Tu barbería de confianza en Santa Coloma de Gramenet. Estilo impecable, atención personalizada y resultados que superan tus expectativas. ¡Descubre la diferencia!"
|
|
tag="Excelencia en Cortes"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg", imageAlt: "Barber cutting a client's hair"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg", imageAlt: "Modern barbershop interior"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={4.7}
|
|
ratingText="Basado en 13 reseñas de Google"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Quiénes Somos"
|
|
title="Tu Estilo, Nuestra Pasión: La Esencia de Amigo Perruqueria"
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Corte de Caballero Clásico", description: "Precisión y estilo en cada detalle. El corte perfecto para un look atemporal.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-using-styling-tools_23-2149141730.jpg", imageAlt: "Man getting a classic haircut"},
|
|
{
|
|
title: "Afeitado y Arreglo de Barba", description: "Experimenta el ritual clásico con toallas calientes y productos premium para una barba impecable.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg", imageAlt: "Barber trimming a man's beard"},
|
|
{
|
|
title: "Tratamientos Capilares Personalizados", description: "Salud y fuerza para tu cabello con soluciones adaptadas a tus necesidades.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6369.jpg", imageAlt: "Man receiving hair treatment"},
|
|
]}
|
|
title="Dominamos el Arte del Estilo Masculino"
|
|
description="Desde un corte clásico hasta las últimas tendencias, nuestros servicios están diseñados para realzar tu personalidad."
|
|
tag="Servicios"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Valentín", handle: "@valentin_c", testimonial: "La mejor peluquería calidad precio, corte impoluto. El trato del peluquero es inmejorable, una persona súper extrovertida, servicial, trabaja rápido y es muy buena persona.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-man-looking-camera-shaving-his-face-with-electric-razor_23-2148088271.jpg", imageAlt: "Client Valentín"},
|
|
{
|
|
id: "2", name: "Rolando", handle: "@rolando_p", testimonial: "El servicio es muy bueno y a precios muy ajustados, muy buena atención.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Client Rolando"},
|
|
{
|
|
id: "3", name: "Carlos L.", handle: "@carlos_l", testimonial: "Siempre salgo contento. El peluquero es un crack, rápido y eficiente.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg", imageAlt: "Client Carlos L."},
|
|
{
|
|
id: "4", name: "David M.", handle: "@david_m", testimonial: "Gran ambiente y profesionalidad. Sin duda mi peluquería de referencia.", imageSrc: "http://img.b2bpic.net/free-photo/grandparent-learning-use-technology_23-2149402591.jpg", imageAlt: "Client David M."},
|
|
{
|
|
id: "5", name: "Rafa S.", handle: "@rafa_s", testimonial: "Cortes modernos y precios justos. Totalmente recomendable.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg", imageAlt: "Client Rafa S."},
|
|
{
|
|
id: "6", name: "Jose A.", handle: "@jose_a", testimonial: "Un trato excelente y un corte perfecto cada vez. ¡No lo cambio por nada!", imageSrc: "http://img.b2bpic.net/free-photo/encouraged-cheerful-middle-eastern-guy-chanting-raise-hands-rejoice_176420-20446.jpg", imageAlt: "Client Jose A."},
|
|
]}
|
|
title="Confianza que se Refleja en Cada Sonrisa"
|
|
description="Escucha lo que nuestros clientes satisfechos tienen que decir sobre la experiencia Amigo Perruqueria."
|
|
/>
|
|
</div>
|
|
|
|
<div id="precios" data-section="precios">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "corte-caballero", badge: "Clásico", price: "15€", subtitle: "El corte de pelo tradicional que nunca falla.", buttons: [
|
|
{
|
|
text: "Reservar Corte", href: "#contacto"},
|
|
],
|
|
features: [
|
|
"Corte de pelo a medida", "Lavado y secado", "Asesoramiento de estilo"],
|
|
},
|
|
{
|
|
id: "corte-barba", badge: "Popular", badgeIcon: Sparkles,
|
|
price: "25€", subtitle: "El look completo para un estilo definido y pulido.", buttons: [
|
|
{
|
|
text: "Reservar Ahora", href: "#contacto"},
|
|
],
|
|
features: [
|
|
"Corte de pelo a medida", "Arreglo de barba con navaja", "Toalla caliente y productos premium"],
|
|
},
|
|
{
|
|
id: "experiencia-premium", badge: "Completo", price: "35€", subtitle: "La experiencia definitiva para el cuidado masculino.", buttons: [
|
|
{
|
|
text: "Reservar Experiencia", href: "#contacto"},
|
|
],
|
|
features: [
|
|
"Corte de pelo a medida", "Arreglo de barba completo", "Masaje capilar y tratamiento hidratante"],
|
|
},
|
|
]}
|
|
title="Servicios de Calidad a Precios Competitivos"
|
|
description="Invierte en tu imagen con la mejor relación calidad-precio de Santa Coloma."
|
|
tag="Nuestras Tarifas"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "experience", value: "5+", description: "Años de Experiencia"},
|
|
{
|
|
id: "clients", value: "1000+", description: "Clientes Satisfechos"},
|
|
{
|
|
id: "rating", value: "4.7/5", description: "Valoración en Google"},
|
|
]}
|
|
title="Comprometidos con la Excelencia"
|
|
description="Más que solo números, son el reflejo de nuestro compromiso y la confianza de nuestros clientes."
|
|
tag="Nuestros Números"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Visítanos"
|
|
title="Tu Próxima Transformación te Espera"
|
|
description="Encuéntranos en Carrer de Rafael de Casanovas, 68, 08921 Santa Coloma de Gramenet, Barcelona. Abrimos a las 9:00. ¡Te esperamos para darte el mejor look!"
|
|
inputPlaceholder="Tu correo electrónico"
|
|
buttonText="Reservar Cita"
|
|
termsText="Al reservar, aceptas nuestros Términos y Condiciones."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Amigo Perruqueria"
|
|
columns={[
|
|
{
|
|
title: "Servicios", items: [
|
|
{
|
|
label: "Corte Caballero", href: "#servicios"},
|
|
{
|
|
label: "Afeitado de Barba", href: "#servicios"},
|
|
{
|
|
label: "Tratamientos", href: "#servicios"},
|
|
],
|
|
},
|
|
{
|
|
title: "Información", items: [
|
|
{
|
|
label: "Quiénes Somos", href: "#about"},
|
|
{
|
|
label: "Precios", href: "#precios"},
|
|
{
|
|
label: "Testimonios", href: "#testimonios"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{
|
|
label: "Dirección", href: "#contacto"},
|
|
{
|
|
label: "Horario", href: "#contacto"},
|
|
{
|
|
label: "Reservar", href: "#contacto"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Amigo Perruqueria. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|