|
|
|
@@ -2,7 +2,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
|
|
@@ -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 TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
|
|
import { Instagram, Scissors, Sparkles, Droplets, Zap, Eye, User } from "lucide-react";
|
|
|
|
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,7 +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-3 text-xs md:text-sm"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -44,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="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.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>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -57,6 +66,31 @@ 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 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" }
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -66,7 +100,7 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{ icon: Scissors, title: "Corte de Pelo", description: "Desde $25" },
|
|
|
|
{ icon: Scissors, title: "Corte de Pelo", description: "$25" },
|
|
|
|
{ icon: Sparkles, title: "Cortes", description: "$15" },
|
|
|
|
{ icon: Sparkles, title: "Cortes", description: "$15" },
|
|
|
|
{ icon: Droplets, title: "Lavado de Cabeza", description: "$10" },
|
|
|
|
{ icon: Droplets, title: "Lavado de Cabeza", description: "$10" },
|
|
|
|
{ icon: Zap, title: "Afeitado", description: "$10" },
|
|
|
|
{ icon: Zap, title: "Afeitado", description: "$10" },
|
|
|
|
@@ -85,10 +119,17 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
plans={[
|
|
|
|
plans={[
|
|
|
|
{ id: "p1", badge: "Disponible", price: "$25", subtitle: "Corte de Pelo", buttons: [{ text: "Reservar 305-824-9966", href: "tel:3058249966" }], features: ["Fade", "Estilo", "Lavado"] }
|
|
|
|
{ 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="Menú de Precios"
|
|
|
|
title="Menú de Precios"
|
|
|
|
description="Llame para su próxima cita."
|
|
|
|
description="Servicios de calidad para ti."
|
|
|
|
|
|
|
|
planButtonClassName="whitespace-nowrap text-xs md:text-sm px-3"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -99,32 +140,36 @@ export default function LandingPage() {
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{ id: "q1", title: "¿Cuál es su dirección?", content: "4955 West 6th Ave, Hialeah, FL 33012" },
|
|
|
|
{ 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: "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 / 786-302-3671" },
|
|
|
|
{ id: "q3", title: "¿Teléfonos de contacto?", content: "305-824-9966 Oficina / 786-302-3671 Celular" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
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>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<div id="contact-text" data-section="contact-text">
|
|
|
|
<ContactSplit
|
|
|
|
<ContactText
|
|
|
|
useInvertedBackground={false}
|
|
|
|
text="¿Listo para tu próximo corte? Llámanos hoy."
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
buttons={[
|
|
|
|
tag="Contacto"
|
|
|
|
{ text: "305-824-9966 (Oficina)", href: "tel:305-824-9966", onClick: () => handleLinkClick("tel:305-824-9966") },
|
|
|
|
title="Llame para su próxima cita"
|
|
|
|
{ text: "786-302-3671 (Celular)", href: "tel:786-302-3671", onClick: () => handleLinkClick("tel:786-302-3671") }
|
|
|
|
description="4955 West 6th Ave, Hialeah, FL 33012 | 305-824-9966"
|
|
|
|
]}
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=2"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
|
|
|
containerClassName="max-w-7xl mx-auto"
|
|
|
|
|
|
|
|
contentClassName="max-w-7xl mx-auto"
|
|
|
|
|
|
|
|
buttonClassName="whitespace-nowrap px-4 text-sm"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterCard
|
|
|
|
<FooterCard
|
|
|
|
logoText="Palancar Barbershop"
|
|
|
|
logoText="Palancar Barbershop"
|
|
|
|
copyrightText="© 2025 Palancar Barbershop. Llame al 305-824-9966"
|
|
|
|
copyrightText="© 2025 Palancar Barbershop."
|
|
|
|
socialLinks={[
|
|
|
|
socialLinks={[
|
|
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
