|
|
|
|
@@ -2,19 +2,24 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
|
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
|
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
|
import { Diamond, Instagram, Scissors, User } from "lucide-react";
|
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
|
|
|
import { Instagram, Scissors, Sparkles, Droplets, Zap, Eye, User } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const handleLinkClick = (href: string) => {
|
|
|
|
|
if (href?.startsWith('tel:')) {
|
|
|
|
|
window.location.href = href;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
@@ -32,30 +37,25 @@ export default function LandingPage() {
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Inicio", id: "hero"},
|
|
|
|
|
{
|
|
|
|
|
name: "Servicios", id: "services"},
|
|
|
|
|
{
|
|
|
|
|
name: "Equipo", id: "team"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contacto", id: "contact"},
|
|
|
|
|
{ name: "Inicio", id: "hero" },
|
|
|
|
|
{ name: "Servicios", id: "services" },
|
|
|
|
|
{ name: "Precios", id: "menu" },
|
|
|
|
|
{ name: "Contacto", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Palancar Barbershop"
|
|
|
|
|
button={{ text: "Reservar" }}
|
|
|
|
|
button={{ text: "305-824-9966", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }}
|
|
|
|
|
buttonClassName="min-w-fit px-3 text-xs md:text-sm"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
logoText="Palancar Barbershop"
|
|
|
|
|
description="Premium grooming in the heart of Hialeah. Elevate your style with masters of the craft. Grooming for the modern man. \n\nCorte premium en el corazón de Hialeah. Mejore su estilo con maestros del oficio."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Reservar Cita", href: "#contact"},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=1"
|
|
|
|
|
imageAlt="luxury barbershop interior modern"
|
|
|
|
|
description="Corte premium en el corazón de Hialeah. Mejore su estilo con maestros del oficio. Servicio de barbería diseñado para el hombre moderno."
|
|
|
|
|
buttons={[{ text: "Reservar Cita", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApasF6ZFfKJ3lLObBgGARvGnPS/uploaded-1777601004182-ilf1hmww.png?_wi=1"
|
|
|
|
|
imageAlt="interior moderno de barbería"
|
|
|
|
|
buttonClassName="text-sm md:text-base"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -63,10 +63,33 @@ export default function LandingPage() {
|
|
|
|
|
<InlineImageSplitTextAbout
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
heading={[
|
|
|
|
|
{
|
|
|
|
|
type: "text", content: "Tradición y Estilo Superior"},
|
|
|
|
|
{
|
|
|
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", alt: "professional barber grooming client"},
|
|
|
|
|
{ type: "text", content: "Tradición y Estilo Superior" },
|
|
|
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", alt: "barbero profesional cuidando al cliente" },
|
|
|
|
|
]}
|
|
|
|
|
buttons={[{ text: "Reservar Cita", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="team" data-section="team">
|
|
|
|
|
<TeamCardEleven
|
|
|
|
|
title="Nuestro Equipo"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
description="Nuestros maestros del oficio a tu servicio."
|
|
|
|
|
groups={[
|
|
|
|
|
{
|
|
|
|
|
id: "g1",
|
|
|
|
|
groupTitle: "Master Barbers",
|
|
|
|
|
members: [
|
|
|
|
|
{ id: "carlos", title: "Carlos Palancar", subtitle: "Master Barber", detail: "Experto en cortes clásicos" },
|
|
|
|
|
{ id: "erick", title: "Erick Cabrera", subtitle: "Master Barbero", detail: "Especialista en degradados" },
|
|
|
|
|
{ id: "carlosjr", title: "Carlos Palancar Jr.", subtitle: "Master Barbero", detail: "Estilista versátil" },
|
|
|
|
|
{ id: "brian", title: "Brian Teran", subtitle: "Master Barbero", detail: "Técnico de barba" },
|
|
|
|
|
{ id: "jose", title: "Jose Fernandez", subtitle: "Master Barbero", detail: "Cortes modernos" },
|
|
|
|
|
{ id: "rusbel", title: "Rusbel Hernandez", subtitle: "Master Barbero", detail: "Atención al detalle", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApasF6ZFfKJ3lLObBgGARvGnPS/uploaded-1777601004182-ilf1hmww.png?_wi=2" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -77,18 +100,16 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
icon: Scissors,
|
|
|
|
|
title: "Fade & Custom Cut", description: "Precision fades and custom styles tailored to you."},
|
|
|
|
|
{
|
|
|
|
|
icon: Diamond,
|
|
|
|
|
title: "Beard Grooming", description: "Expert beard trimming and maintenance."},
|
|
|
|
|
{
|
|
|
|
|
icon: User,
|
|
|
|
|
title: "Full Grooming", description: "Complete service for the modern man."},
|
|
|
|
|
{ icon: Scissors, title: "Corte de Pelo", description: "$25" },
|
|
|
|
|
{ icon: Sparkles, title: "Cortes", description: "$15" },
|
|
|
|
|
{ icon: Droplets, title: "Lavado de Cabeza", description: "$10" },
|
|
|
|
|
{ icon: Zap, title: "Afeitado", description: "$10" },
|
|
|
|
|
{ icon: User, title: "Barba", description: "$20" },
|
|
|
|
|
{ icon: Scissors, title: "Candado", description: "$10" },
|
|
|
|
|
{ icon: Eye, title: "Cejas", description: "$10" },
|
|
|
|
|
]}
|
|
|
|
|
title="Nuestros Servicios"
|
|
|
|
|
description="Expert grooming services designed for your unique look."
|
|
|
|
|
description="Servicios de barbería profesionales."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -98,82 +119,17 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "basic", badge: "Popular", price: "$25", subtitle: "Beard Maintenance", buttons: [
|
|
|
|
|
{
|
|
|
|
|
text: "Book", href: "#contact"},
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
"Trimming", "Shaping", "Oiling"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "standard", badge: "Best Value", price: "$35", subtitle: "Premium Fade Cut", buttons: [
|
|
|
|
|
{
|
|
|
|
|
text: "Book", href: "#contact"},
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
"Classic Fade", "Taper", "Styling"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "full", badge: "Elite", price: "$50", subtitle: "Full Grooming", buttons: [
|
|
|
|
|
{
|
|
|
|
|
text: "Book", href: "#contact"},
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
"Full Cut", "Beard Trim", "Eyebrows", "Style"],
|
|
|
|
|
},
|
|
|
|
|
{ id: "p1", badge: "Corte", price: "$25", subtitle: "Corte de Pelo", buttons: [{ text: "Llamar", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }], features: [] },
|
|
|
|
|
{ id: "p2", badge: "Cortes", price: "$15", subtitle: "Cortes", buttons: [{ text: "Llamar", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }], features: [] },
|
|
|
|
|
{ id: "p3", badge: "Lavado", price: "$10", subtitle: "Lavado de Cabeza", buttons: [{ text: "Llamar", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }], features: [] },
|
|
|
|
|
{ id: "p4", badge: "Afeitado", price: "$10", subtitle: "Afeitado", buttons: [{ text: "Llamar", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }], features: [] },
|
|
|
|
|
{ id: "p5", badge: "Barba", price: "$20", subtitle: "Barba", buttons: [{ text: "Llamar", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }], features: [] },
|
|
|
|
|
{ id: "p6", badge: "Candado", price: "$10", subtitle: "Candado", buttons: [{ text: "Llamar", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }], features: [] },
|
|
|
|
|
{ id: "p7", badge: "Cejas", price: "$10", subtitle: "Cejas", buttons: [{ text: "Llamar", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }], features: [] },
|
|
|
|
|
]}
|
|
|
|
|
title="Precios / Menu"
|
|
|
|
|
description="Transparent pricing for exceptional results."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="team" data-section="team">
|
|
|
|
|
<TeamCardSix
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
members={[
|
|
|
|
|
{
|
|
|
|
|
id: "m1", name: "Carlos R.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "m2", name: "Luis M.", role: "Fade Expert", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "m3", name: "Juan P.", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "m4", name: "Diego V.", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg"},
|
|
|
|
|
]}
|
|
|
|
|
title="Nuestro Equipo"
|
|
|
|
|
description="Meet our professional barbers in Hialeah."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardOne
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "t1", name: "Antonio S.", role: "Regular Client", company: "Hialeah", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-man-with-headphone-around-his-neck-looking-camera_23-2148042690.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "t2", name: "Mario F.", role: "Business Owner", company: "Miami", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-flannel-shirt-gray-background_613910-20187.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "t3", name: "Jorge L.", role: "Professional", company: "Hialeah", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "t4", name: "Pedro G.", role: "Local Resident", company: "Miami", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "t5", name: "Ramon C.", role: "Frequent Client", company: "Hialeah", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg"},
|
|
|
|
|
]}
|
|
|
|
|
title="Reseñas de Clientes"
|
|
|
|
|
description="See why our customers trust Palancar Barbershop."
|
|
|
|
|
title="Menú de Precios"
|
|
|
|
|
description="Servicios de calidad para ti."
|
|
|
|
|
planButtonClassName="whitespace-nowrap text-xs md:text-sm px-3"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -182,45 +138,42 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "q1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking online or calling."},
|
|
|
|
|
{
|
|
|
|
|
id: "q2", title: "Do you offer walk-ins?", content: "We prioritize appointments, but accept walk-ins when available."},
|
|
|
|
|
{
|
|
|
|
|
id: "q3", title: "Where are you located?", content: "We are located in Hialeah, Miami."},
|
|
|
|
|
{ id: "q1", title: "¿Cuál es su dirección?", content: "4955 West 6th Ave, Hialeah, FL 33012" },
|
|
|
|
|
{ id: "q2", title: "¿Cuál es su horario?", content: "Lunes a Sábados 9:00 AM - 7:00 PM" },
|
|
|
|
|
{ id: "q3", title: "¿Teléfonos de contacto?", content: "305-824-9966 Oficina / 786-302-3671 Celular" },
|
|
|
|
|
]}
|
|
|
|
|
title="Preguntas Frecuentes"
|
|
|
|
|
description="Frequently asked questions about our grooming services."
|
|
|
|
|
title="Información de Contacto"
|
|
|
|
|
description="Llame para su próxima cita."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
buttons={[{ text: "Reservar Cita", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "plain"}}
|
|
|
|
|
tag="Contacto"
|
|
|
|
|
title="Agenda tu Cita Hoy"
|
|
|
|
|
description="Ready to look your best? Reach out to us now."
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
buttonText="Enviar"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=2"
|
|
|
|
|
<div id="contact-text" data-section="contact-text">
|
|
|
|
|
<ContactText
|
|
|
|
|
text="¿Listo para tu próximo corte? Llámanos hoy."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "305-824-9966 (Oficina)", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") },
|
|
|
|
|
{ text: "786-302-3671 (Celular)", href: "tel:786-302-3671", onClick: () => handleLinkClick("tel:786-302-3671") }
|
|
|
|
|
]}
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
containerClassName="max-w-7xl mx-auto"
|
|
|
|
|
contentClassName="max-w-7xl mx-auto"
|
|
|
|
|
buttonClassName="whitespace-nowrap px-4 text-sm"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="Palancar Barbershop"
|
|
|
|
|
copyrightText="© 2025 Palancar Barbershop. Todos los derechos reservados."
|
|
|
|
|
copyrightText="© 2025 Palancar Barbershop."
|
|
|
|
|
socialLinks={[
|
|
|
|
|
{
|
|
|
|
|
icon: Instagram,
|
|
|
|
|
href: "#", ariaLabel: "Instagram"},
|
|
|
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
