Merge version_1 into main #4
@@ -2,268 +2,112 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function AppointmentsPage() {
|
||||
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"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
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="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Agenda tu Cita Online"
|
||||
description="Completa el formulario a continuación para reservar tu servicio. Te confirmaremos la disponibilidad a la brevedad y estaremos listos para atenderte."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu Nombre Completo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu Correo Electrónico",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Número de Teléfono",
|
||||
},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "Servicio Deseado (e.g., Corte Clásico, Afeitado)",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Fecha Preferida",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "time",
|
||||
type: "time",
|
||||
placeholder: "Hora Preferida",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Detalles Adicionales (opcional)",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg?_wi=2"
|
||||
imageAlt="barber shop interior with empty waiting chairs, ready for appointments"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Confirmar Cita"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Common Questions About Our Services"
|
||||
description="Find answers to frequently asked questions regarding our appointments, services, and policies."
|
||||
tag="FAQs"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Appointments' page or by calling us directly during business hours." },
|
||||
{ id: "2", title: "What are your operating hours?", content: "We are open Monday to Saturday from 09:00 to 13:00 and from 15:00 to 20:00. We are closed on Sundays." },
|
||||
{ id: "3", title: "Do you accept walk-ins?", content: "While we recommend booking in advance to ensure availability, walk-ins are welcome based on our barbers' schedule." },
|
||||
{ id: "4", title: "What payment methods do you accept?", content: "We accept cash, debit cards, and major credit cards for all our services." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/elegant-electrical-maintenance-price-list_742173-7497.jpg"
|
||||
imageAlt="Barbershop appointment calendar"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-appointments" data-section="faq-appointments">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cómo puedo cancelar o modificar mi cita?",
|
||||
content: "Puedes cancelar o modificar tu cita llamando a nuestro salón con al menos 24 horas de anticipación para evitar cargos.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Debo llegar con anticipación?",
|
||||
content: "Sí, te recomendamos llegar 5-10 minutos antes de tu cita para prepararte y disfrutar de nuestro ambiente relajado.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Aceptan pagos con tarjeta?",
|
||||
content: "Sí, aceptamos todas las principales tarjetas de crédito y débito, además de efectivo, para tu comodidad.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "¿Ofrecen servicios para niños?",
|
||||
content: "Actualmente nos especializamos en servicios para caballeros adultos, pero podemos recomendarte salones especializados para niños.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/elegant-electrical-maintenance-price-list_742173-7497.jpg?_wi=2"
|
||||
imageAlt="barber's tools and schedule book for appointments"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="Preguntas Frecuentes sobre Citas"
|
||||
description="Encuentra respuestas a tus dudas más comunes sobre la reserva y nuestros servicios para una experiencia sin complicaciones."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</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="testimonial-satisfaction" data-section="testimonial-satisfaction">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Juan C.",
|
||||
role: "Gerente de Proyectos",
|
||||
company: "Tech Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-studio_176420-29004.jpg?_wi=3",
|
||||
imageAlt: "satisfied client Juan C.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emiliano F.",
|
||||
role: "Diseñador Gráfico",
|
||||
company: "Creative Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-handsome-man-barber-shop_23-2148353461.jpg?_wi=3",
|
||||
imageAlt: "satisfied client Emiliano F.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pablo L.",
|
||||
role: "Emprendedor",
|
||||
company: "StartUp Ventures",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-cheerful-man-look-away_197531-33394.jpg?_wi=3",
|
||||
imageAlt: "satisfied client Pablo L.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Roberto M.",
|
||||
role: "Abogado",
|
||||
company: "Legal Associates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg?_wi=3",
|
||||
imageAlt: "satisfied client Roberto M.",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfacción del Cliente",
|
||||
},
|
||||
{
|
||||
value: "5 Estrellas",
|
||||
label: "Opiniones Destacadas",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Citas a Tiempo",
|
||||
},
|
||||
]}
|
||||
title="La Confianza de Nuestros Clientes"
|
||||
description="Nuestra reputación se construye con cada cliente satisfecho. Descubre por qué somos la barbería preferida en Argentina."
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
|
||||
@@ -2,234 +2,139 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Droplets, Flame, Lightbulb, Ruler, Scissors, Sparkles, Brush, ShowerHead, Razor, Massage, TextCursorInput, SprayCan } from "lucide-react";
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function ServicesPage() {
|
||||
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"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Services", id: "services"
|
||||
},
|
||||
{
|
||||
name: "About Us", id: "about-us"
|
||||
},
|
||||
{
|
||||
name: "Appointments", id: "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="feature-services" data-section="feature-services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Corte Clásico y Moderno", description: "Un corte a medida que se adapta a tu estilo, con técnicas tradicionales y tendencias actuales, garantizando un look impecable.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaking-hands-with-male-client_23-2147839816.jpg", imageAlt: "classic men's haircut"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Brush,
|
||||
text: "Consulta de Estilo Personalizada"
|
||||
},
|
||||
{
|
||||
icon: ShowerHead,
|
||||
text: "Lavado y Acondicionado Premium"
|
||||
},
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Corte y Peinado al Detalle"
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Acabado Profesional y Consejos"
|
||||
}
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2", title: "Afeitado con Toalla Caliente", description: "La experiencia de afeitado definitiva, con toallas calientes, aceites pre-afeitado y bálsamos post-afeitado para una piel suave y revitalizada.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-lying-surf-board-sea-near-coast_23-2148022364.jpg", imageAlt: "hot towel shave service"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Preparación con Toallas Calientes"
|
||||
},
|
||||
{
|
||||
icon: Razor,
|
||||
text: "Afeitado Preciso con Navaja"
|
||||
},
|
||||
{
|
||||
icon: Massage,
|
||||
text: "Masaje Facial Relajante"
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Bálsamo Post-Afeitado Hidratante"
|
||||
}
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3", title: "Diseño de Barba y Bigote", description: "Expertos en el cuidado y estilo de tu barba, desde un simple recorte hasta un diseño completo y personalizado que realza tus facciones.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-s-face-with-eyes-closed_23-2148176645.jpg", imageAlt: "beard trimming service"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: TextCursorInput,
|
||||
text: "Definición de Contornos y Líneas"
|
||||
},
|
||||
{
|
||||
icon: Ruler,
|
||||
text: "Recorte y Estilizado Personalizado"
|
||||
},
|
||||
{
|
||||
icon: SprayCan,
|
||||
text: "Hidratación y Nutrición de Barba"
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Asesoramiento de Cuidado Diario"
|
||||
}
|
||||
],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Nuestros Servicios Exclusivos"
|
||||
description="Descubre la excelencia en cada corte y afeitado. Nuestros servicios están diseñados para el caballero moderno que valora la tradición y la innovación."
|
||||
/>
|
||||
</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="product-recommended" data-section="product-recommended">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Cera de Fijación Fuerte", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238280.jpg", imageAlt: "strong hold hair wax"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Aceite para Barba Premium", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-vector/bourbon-label-font-sample_1284-39612.jpg", imageAlt: "premium beard oil"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Shampoo Estimulante Capilar", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-vector/soap-label-collection_23-2148714090.jpg", imageAlt: "stimulating shampoo"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Bálsamo After Shave", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-vector/retro-hipster-labels_1009-111.jpg", imageAlt: "after shave balm"
|
||||
}
|
||||
]}
|
||||
title="Productos Recomendados"
|
||||
description="Mantén tu estilo impecable entre visitas con nuestra exclusiva selección de productos de alta calidad, elegidos por nuestros expertos."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-highlight" data-section="services-highlight">
|
||||
<FeatureCardTwentyOne
|
||||
title="Our Signature Grooming Services"
|
||||
description="Discover a range of premium services designed to perfect your look. Each service is performed with precision, care, and the finest products."
|
||||
tag="Services"
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Precision Haircuts", content: "From timeless classics to modern trends, our barbers deliver impeccable haircuts tailored to your personal style and preferences." },
|
||||
{ id: "2", title: "Traditional Hot Shaves", content: "Indulge in the ultimate shaving experience with a classic hot towel shave, leaving your skin smooth and revitalized." },
|
||||
{ id: "3", title: "Beard Trims & Shaping", content: "Keep your beard looking its best with our expert trimming and shaping services, ensuring a sharp and well-maintained appearance." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/barber-accessory-transparent_7939-3399.jpg"
|
||||
imageAlt="Barber tools icon representing haircut service"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial-clients" data-section="testimonial-clients">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Martín S.", handle: "@martins_style", testimonial: "¡El mejor corte de mi vida! Atentos al detalle y el ambiente es genial. Volveré sin duda por más.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-studio_176420-29004.jpg", imageAlt: "satisfied client Martín S."
|
||||
},
|
||||
{
|
||||
id: "2", name: "Diego R.", handle: "@diego_groom", testimonial: "Mi barba nunca se vio tan bien. El afeitado con toalla caliente es una experiencia que hay que vivir, sublime.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-handsome-man-barber-shop_23-2148353461.jpg", imageAlt: "satisfied client Diego R."
|
||||
},
|
||||
{
|
||||
id: "3", name: "Lucas P.", handle: "@lucas_cuts", testimonial: "Profesionalismo y calidad en cada servicio. Un verdadero experto en el arte de la barbería. Muy recomendado, siempre.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-cheerful-man-look-away_197531-33394.jpg", imageAlt: "satisfied client Lucas P."
|
||||
},
|
||||
{
|
||||
id: "4", name: "Andrés G.", handle: "@andres_gent", testimonial: "El servicio es impecable y la atención es de primera. Cada visita es un momento de relajación y cuidado personal.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg", imageAlt: "satisfied client Andrés G."
|
||||
}
|
||||
]}
|
||||
title="Lo que Dicen Nuestros Clientes"
|
||||
description="La satisfacción de nuestros clientes es nuestra mejor carta de presentación y el motor que impulsa nuestra pasión por la barbería."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Detailed Services & Pricing"
|
||||
description="Explore our full range of services, each crafted for your ultimate grooming satisfaction."
|
||||
tag="Our Offerings"
|
||||
products={[
|
||||
{ id: "1", brand: "Classic", name: "Signature Haircut", price: "$15.000 ARS", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaking-hands-with-male-client_23-2147839816.jpg", imageAlt: "A man getting a precision haircut" },
|
||||
{ id: "2", brand: "Refined", name: "Beard Trim & Shape", price: "$8.000 ARS", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-s-face-with-eyes-closed_23-2148176645.jpg", imageAlt: "A barber meticulously trimming a client's beard" },
|
||||
{ id: "3", brand: "Luxury", name: "Traditional Hot Shave", price: "$12.000 ARS", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-lying-surf-board-sea-near-coast_23-2148022364.jpg", imageAlt: "A barber performing a hot towel shave with a straight razor" },
|
||||
{ id: "4", brand: "Rejuvenate", name: "Gentlemen's Facial", price: "$10.000 ARS", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-washing-dog_23-2149652692.jpg", imageAlt: "A man receiving a relaxing facial treatment" }
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
tag="Agenda Tu Cita"
|
||||
title="¿Listo para un Cambio de Estilo?"
|
||||
description="Reserva tu próxima experiencia de barbería con nosotros. Te esperamos para transformarte y realzar tu mejor versión."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Ahora", href: "/appointments"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof-brands" data-section="social-proof-brands">
|
||||
<SocialProofOne
|
||||
title="Trusted Brands We Use"
|
||||
description="We partner with leading grooming product brands to ensure the highest quality for your hair and skin."
|
||||
tag="Quality Products"
|
||||
names={["GroomCo", "HairEssentials", "SmoothShave", "BeardMaster", "StylingPro", "FreshCuts", "GentleCare"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/retro-hipster-labels_1009-111.jpg", "http://img.b2bpic.net/free-vector/bourbon-label-font-sample_1284-39612.jpg", "http://img.b2bpic.net/free-vector/nature-landing-page-with-leaves_23-2148249760.jpg", "http://img.b2bpic.net/free-vector/luxury-floral-perfume-logo_23-2148466504.jpg", "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238280.jpg", "http://img.b2bpic.net/free-vector/barber-shop-label-font-sample_1284-39587.jpg", "http://img.b2bpic.net/free-vector/soap-label-collection_23-2148714090.jpg"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
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>
|
||||
<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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user