Merge version_1 into main #3
@@ -2,15 +2,30 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import { Facebook, Instagram, Linkedin, Scissors, Sparkles, Twitter } from "lucide-react";
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Services", id: "/services"
|
||||
},
|
||||
{
|
||||
name: "About Us", id: "/about"
|
||||
},
|
||||
{
|
||||
name: "Appointments", id: "/appointments"
|
||||
}
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -25,234 +40,111 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about-us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Appointments",
|
||||
id: "appointments",
|
||||
href: "/appointments",
|
||||
},
|
||||
]}
|
||||
brandName="Barberia Argentina"
|
||||
bottomLeftText="Expert Grooming, Every Visit"
|
||||
bottomRightText="book@barberia.ar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Barberia Argentina"
|
||||
bottomLeftText="Expert Grooming, Every Visit"
|
||||
bottomRightText="book@barberia.ar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-story" data-section="about-story">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Historia de Pasión por la Barbería"
|
||||
description="En Barberia Argentina, fusionamos la tradición clásica con las últimas tendencias en cuidado masculino. Desde nuestros inicios, nos hemos dedicado a ofrecer una experiencia única, donde cada cliente recibe un servicio personalizado y de la más alta calidad, un verdadero arte."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Maestros Barberos",
|
||||
description: "Equipo con años de experiencia y formación continua en las técnicas más avanzadas para garantizar tu estilo.",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Ambiente Distinguido",
|
||||
description: "Un espacio diseñado para tu confort y relajación, donde cada visita es un escape de la rutina diaria.",
|
||||
icon: Sofa,
|
||||
},
|
||||
{
|
||||
title: "Productos Premium",
|
||||
description: "Utilizamos solo las mejores marcas para el cuidado de tu cabello y piel, garantizando resultados excepcionales.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=2"
|
||||
imageAlt="barber working on client haircut in a stylish salon"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Barberia Argentina"
|
||||
description="Experience the tradition of classic grooming fused with modern precision. Discover your perfect style with us."
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
buttons={[{ text: "Book Now", href: "/appointments" }, { text: "Our Services", href: "/services" }]}
|
||||
layoutOrder="default"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg"
|
||||
imageAlt="Classic barber chair in a modern barbershop setting"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team-experts" data-section="team-experts">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ricardo Gómez",
|
||||
role: "Barbero Principal",
|
||||
description: "Con más de 15 años de experiencia, Ricardo es un maestro en cortes clásicos y afeitados a navaja, un verdadero artesano.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-old-customers-face-after-shaving_23-2148181958.jpg?_wi=2",
|
||||
imageAlt: "portrait of male barber Ricardo Gomez",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sofía Díaz",
|
||||
role: "Especialista en Estilo",
|
||||
description: "Sofía aporta una visión moderna y fresca, experta en nuevas tendencias y diseño de barbas innovador y creativo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-woman-working-brushing-fur-beautiful-beagle-dog-pet-salon-caucasian-latin-workers-grooming-cute-dog_662251-2407.jpg?_wi=2",
|
||||
imageAlt: "portrait of female barber Sofia Diaz",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Javier Pérez",
|
||||
role: "Barbero Senior",
|
||||
description: "Javier es conocido por su precisión en el desvanecido y su atención meticulosa a cada detalle, dejando a los clientes impecables.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg?_wi=2",
|
||||
imageAlt: "portrait of male barber Javier Perez",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "#",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Conoce a Nuestros Expertos Barberos"
|
||||
description="Nuestro equipo está conformado por profesionales apasionados, dedicados a perfeccionar tu estilo y brindarte la mejor atención personalizada."
|
||||
/>
|
||||
</div>
|
||||
<div id="about-home" data-section="about-home">
|
||||
<MediaAbout
|
||||
title="Crafting Your Look with Passion"
|
||||
description="At Barberia Argentina, we believe a great haircut is more than just a service – it's an experience. Our skilled barbers are dedicated to providing personalized grooming, from classic cuts to contemporary styles, ensuring you leave feeling confident and refreshed."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg"
|
||||
imageAlt="Barber meticulously cutting a client's hair"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics-achievements" data-section="metrics-achievements">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Excelencia Comprobada en Barbería"
|
||||
tag="Nuestros Logros"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "+10 Años",
|
||||
description: "De experiencia sirviendo a la comunidad con pasión y dedicación.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5000+",
|
||||
description: "Clientes satisfechos anualmente que confían en nuestro trabajo.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4.9/5",
|
||||
description: "Calificación promedio de reseñas de nuestros clientes felices.",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
title="Meet Our Master Barbers"
|
||||
description="Our team of experienced barbers is passionate about their craft and dedicated to providing you with the best grooming experience."
|
||||
tag="The Team"
|
||||
groups={[{ id: "barbers", groupTitle: "Our Barbers", members: [
|
||||
{ id: "1", title: "Juan Perez", subtitle: "Master Barber", detail: "With over 15 years of experience, Juan is known for his precision fades and classic shaves.", imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-old-customers-face-after-shaving_23-2148181958.jpg" },
|
||||
{ id: "2", title: "Maria Rodriguez", subtitle: "Senior Stylist", detail: "Maria excels in modern styling and beard artistry, bringing a fresh perspective to every cut.", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg" },
|
||||
{ id: "3", title: "Carlos Sanchez", subtitle: "Traditional Groomer", detail: "Carlos upholds the art of traditional grooming, specializing in hot towel shaves and vintage styles.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-meat_273609-20979.jpg" },
|
||||
{ id: "4", title: "Ana Garcia", subtitle: "Stylist", detail: "Ana brings creativity and a keen eye for detail, ensuring every client leaves with a confident look.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-woman-working-brushing-fur-beautiful-beagle-dog-pet-salon-caucasian-latin-workers-grooming-cute-dog_662251-2407.jpg" }
|
||||
]}]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visítanos Hoy"
|
||||
title="Tu Próximo Nivel de Estilo Te Espera"
|
||||
description="Experimenta la diferencia de Barberia Argentina. Te garantizamos un look impecable y un servicio inigualable que superará tus expectativas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Cita",
|
||||
href: "/appointments",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
title="Our Commitment to Excellence"
|
||||
description="We are proud of our journey and the trust our clients place in us. Our numbers speak for themselves."
|
||||
tag="Our Values"
|
||||
metrics={[{ id: "1", value: "10+", title: "Years of Experience", description: "A decade of mastering the art of barbering and grooming.", imageSrc: "http://img.b2bpic.net/free-vector/modern-set-colorful-planning-elements_23-2147947112.jpg" },
|
||||
{ id: "2", value: "5K+", title: "Happy Clients", description: "Thousands of satisfied customers, one perfect haircut at a time.", imageSrc: "http://img.b2bpic.net/free-vector/customer-satisfaction-design_23-2147943135.jpg" },
|
||||
{ id: "3", value: "Top Rated", title: "Award Winning", description: "Recognized for exceptional service and client satisfaction.", imageSrc: "http://img.b2bpic.net/free-vector/leaf-green-award-ribbon_78370-1826.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Appointments"
|
||||
title="Book Your Next Visit"
|
||||
description="Ready for a fresh cut or a relaxing shave? Schedule your appointment with Barberia Argentina today. We look forward to seeing you!"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg"
|
||||
imageAlt="Interior of a modern barbershop with styling stations"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your preferred time and date"
|
||||
buttonText="Request Appointment"
|
||||
termsText="Our team will contact you shortly to confirm your booking. Please note our operating hours are Monday to Saturday from 09:00-13:00 and 15:00-20:00."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Barberia Argentina"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Appointments", href: "/appointments" }
|
||||
]},
|
||||
{ title: "Contact", items: [
|
||||
{ label: "Book Now", href: "/appointments" },
|
||||
{ label: "Email Us", href: "mailto:info@barberia.ar" },
|
||||
{ label: "Call Us", href: "tel:+541112345678" }
|
||||
]},
|
||||
{ title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]}
|
||||
]}
|
||||
copyrightText="© 2024 Barberia Argentina. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Cortes Clásicos",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Afeitados",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Diseño de Barba",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Nosotros",
|
||||
items: [
|
||||
{
|
||||
label: "Nuestra Historia",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Equipo",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Testimonios",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
{
|
||||
label: "Preguntas Frecuentes",
|
||||
href: "/appointments",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "/privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Barberia Argentina. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user