|
|
|
@@ -10,9 +10,16 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
import { Instagram, Scissors, Sparkles, Droplets, Zap, Eye, User, Phone } from "lucide-react";
|
|
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
|
|
|
|
|
|
import { Instagram, Scissors, Sparkles, Droplets, Zap, Eye, User } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
|
|
|
const handleLinkClick = (href: string) => {
|
|
|
|
|
|
|
|
if (href?.startsWith('tel:')) {
|
|
|
|
|
|
|
|
window.location.href = href;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
@@ -36,8 +43,8 @@ export default function LandingPage() {
|
|
|
|
{ name: "Contacto", id: "contact" },
|
|
|
|
{ name: "Contacto", id: "contact" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
brandName="Palancar Barbershop"
|
|
|
|
brandName="Palancar Barbershop"
|
|
|
|
button={{ text: "305-824-9966", href: "tel:3058249966" }}
|
|
|
|
button={{ text: "305-824-9966", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }}
|
|
|
|
buttonClassName="min-w-fit px-6"
|
|
|
|
buttonClassName="min-w-fit px-3 text-xs md:text-sm"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -45,9 +52,10 @@ export default function LandingPage() {
|
|
|
|
<HeroLogo
|
|
|
|
<HeroLogo
|
|
|
|
logoText="Palancar Barbershop"
|
|
|
|
logoText="Palancar Barbershop"
|
|
|
|
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."
|
|
|
|
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:3058249966" }]}
|
|
|
|
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-1777594381425-5bkzkhum.jpg?_wi=1"
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApasF6ZFfKJ3lLObBgGARvGnPS/uploaded-1777601004182-ilf1hmww.png"
|
|
|
|
imageAlt="interior moderno de barbería"
|
|
|
|
imageAlt="interior moderno de barbería"
|
|
|
|
|
|
|
|
buttonClassName="text-sm md:text-base"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -58,6 +66,27 @@ export default function LandingPage() {
|
|
|
|
{ type: "text", content: "Tradición y Estilo Superior" },
|
|
|
|
{ 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" },
|
|
|
|
{ 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 expertos a tu servicio."
|
|
|
|
|
|
|
|
groups={[
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "barbers",
|
|
|
|
|
|
|
|
groupTitle: "Expertos Barberos",
|
|
|
|
|
|
|
|
members: [
|
|
|
|
|
|
|
|
{ id: "member1", title: "Carlos", subtitle: "Master Barber", detail: "Más de 10 años de experiencia perfeccionando cortes clásicos y modernos." },
|
|
|
|
|
|
|
|
{ id: "member2", title: "Luis", subtitle: "Barber Expert", detail: "Especialista en degradados y estilos urbanos de alta precisión." }
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -86,17 +115,17 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
plans={[
|
|
|
|
plans={[
|
|
|
|
{ id: "p1", badge: "Corte", price: "$25", subtitle: "Corte de Pelo", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
|
|
|
|
{ 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:3058249966" }], 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:3058249966" }], 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:3058249966" }], 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:3058249966" }], 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:3058249966" }], 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:3058249966" }], 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="Menú de Precios"
|
|
|
|
title="Menú de Precios"
|
|
|
|
description="Servicios de calidad para ti."
|
|
|
|
description="Servicios de calidad para ti."
|
|
|
|
planButtonClassName="whitespace-nowrap px-4"
|
|
|
|
planButtonClassName="whitespace-nowrap text-xs md:text-sm px-3"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -112,6 +141,7 @@ export default function LandingPage() {
|
|
|
|
title="Información de Contacto"
|
|
|
|
title="Información de Contacto"
|
|
|
|
description="Llame para su próxima cita."
|
|
|
|
description="Llame para su próxima cita."
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
|
|
|
buttons={[{ text: "Reservar Cita", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") }]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -119,20 +149,20 @@ export default function LandingPage() {
|
|
|
|
<ContactText
|
|
|
|
<ContactText
|
|
|
|
text="¿Listo para tu próximo corte? Llámanos hoy."
|
|
|
|
text="¿Listo para tu próximo corte? Llámanos hoy."
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "305-824-9966 (Oficina)", href: "tel:3058249966" },
|
|
|
|
{ text: "305-824-9966 (Oficina)", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") },
|
|
|
|
{ text: "786-302-3671 (Celular)", href: "tel:7863023671" }
|
|
|
|
{ text: "786-302-3671 (Celular)", href: "tel:786-302-3671", onClick: () => handleLinkClick("tel:786-302-3671") }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
containerClassName="max-w-7xl mx-auto"
|
|
|
|
containerClassName="max-w-7xl mx-auto"
|
|
|
|
contentClassName="max-w-7xl mx-auto"
|
|
|
|
contentClassName="max-w-7xl mx-auto"
|
|
|
|
buttonClassName="whitespace-nowrap px-6"
|
|
|
|
buttonClassName="whitespace-nowrap px-4 text-sm"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterCard
|
|
|
|
<FooterCard
|
|
|
|
logoText=""
|
|
|
|
logoText="Palancar Barbershop"
|
|
|
|
copyrightText="© 2025 Palancar Barbershop."
|
|
|
|
copyrightText="© 2025 Palancar Barbershop."
|
|
|
|
socialLinks={[
|
|
|
|
socialLinks={[
|
|
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
|
|
|
