|
|
|
@@ -2,17 +2,15 @@
|
|
|
|
|
|
|
|
|
|
|
|
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 FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
|
|
|
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';
|
|
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
|
|
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 TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
import { Instagram, Scissors, Sparkles, Droplets, Zap, Eye, User, Phone } from "lucide-react";
|
|
|
|
import { Diamond, Instagram, Scissors, User } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -32,30 +30,25 @@ export default function LandingPage() {
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{
|
|
|
|
{ name: "Inicio", id: "hero" },
|
|
|
|
name: "Inicio", id: "hero"},
|
|
|
|
{ name: "Servicios", id: "services" },
|
|
|
|
{
|
|
|
|
{ name: "Precios", id: "menu" },
|
|
|
|
name: "Servicios", id: "services"},
|
|
|
|
{ name: "Contacto", id: "contact" },
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Equipo", id: "team"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Contacto", id: "contact"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
brandName="Palancar Barbershop"
|
|
|
|
brandName="Palancar Barbershop"
|
|
|
|
button={{ text: "Reservar" }}
|
|
|
|
button={{ text: "305-824-9966", href: "tel:3058249966" }}
|
|
|
|
|
|
|
|
buttonClassName="min-w-fit px-3 text-xs md:text-sm"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroLogo
|
|
|
|
<HeroLogo
|
|
|
|
logoText="Palancar Barbershop"
|
|
|
|
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."
|
|
|
|
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={[
|
|
|
|
buttons={[{ text: "Reservar Cita", href: "tel:3058249966" }]}
|
|
|
|
{
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApasF6ZFfKJ3lLObBgGARvGnPS/uploaded-1777601004182-ilf1hmww.png"
|
|
|
|
text: "Reservar Cita", href: "#contact"},
|
|
|
|
imageAlt="interior moderno de barbería"
|
|
|
|
]}
|
|
|
|
buttonClassName="text-sm md:text-base"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=1"
|
|
|
|
|
|
|
|
imageAlt="luxury barbershop interior modern"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -63,11 +56,10 @@ export default function LandingPage() {
|
|
|
|
<InlineImageSplitTextAbout
|
|
|
|
<InlineImageSplitTextAbout
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
heading={[
|
|
|
|
heading={[
|
|
|
|
{
|
|
|
|
{ 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: "professional barber grooming client"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
buttons={[{ text: "Reservar Cita", href: "tel:3058249966" }]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -77,18 +69,16 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{ icon: Scissors, title: "Corte de Pelo", description: "$25", button: { text: "Llamar", href: "tel:3058249966" } },
|
|
|
|
icon: Scissors,
|
|
|
|
{ icon: Sparkles, title: "Cortes", description: "$15", button: { text: "Llamar", href: "tel:3058249966" } },
|
|
|
|
title: "Fade & Custom Cut", description: "Precision fades and custom styles tailored to you."},
|
|
|
|
{ icon: Droplets, title: "Lavado de Cabeza", description: "$10", button: { text: "Llamar", href: "tel:3058249966" } },
|
|
|
|
{
|
|
|
|
{ icon: Zap, title: "Afeitado", description: "$10", button: { text: "Llamar", href: "tel:3058249966" } },
|
|
|
|
icon: Diamond,
|
|
|
|
{ icon: User, title: "Barba", description: "$20", button: { text: "Llamar", href: "tel:3058249966" } },
|
|
|
|
title: "Beard Grooming", description: "Expert beard trimming and maintenance."},
|
|
|
|
{ icon: Scissors, title: "Candado", description: "$10", button: { text: "Llamar", href: "tel:3058249966" } },
|
|
|
|
{
|
|
|
|
{ icon: Eye, title: "Cejas", description: "$10", button: { text: "Llamar", href: "tel:3058249966" } },
|
|
|
|
icon: User,
|
|
|
|
|
|
|
|
title: "Full Grooming", description: "Complete service for the modern man."},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Nuestros Servicios"
|
|
|
|
title="Nuestros Servicios"
|
|
|
|
description="Expert grooming services designed for your unique look."
|
|
|
|
description="Servicios de barbería profesionales."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -98,82 +88,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: "basic", badge: "Popular", price: "$25", subtitle: "Beard Maintenance", buttons: [
|
|
|
|
{ id: "p2", badge: "Cortes", price: "$15", subtitle: "Cortes", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
|
|
|
|
{
|
|
|
|
{ id: "p3", badge: "Lavado", price: "$10", subtitle: "Lavado de Cabeza", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
|
|
|
|
text: "Book", href: "#contact"},
|
|
|
|
{ id: "p4", badge: "Afeitado", price: "$10", subtitle: "Afeitado", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
|
|
|
|
],
|
|
|
|
{ id: "p5", badge: "Barba", price: "$20", subtitle: "Barba", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
|
|
|
|
features: [
|
|
|
|
{ id: "p6", badge: "Candado", price: "$10", subtitle: "Candado", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
|
|
|
|
"Trimming", "Shaping", "Oiling"],
|
|
|
|
{ id: "p7", badge: "Cejas", price: "$10", subtitle: "Cejas", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
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"],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Precios / Menu"
|
|
|
|
title="Menú de Precios"
|
|
|
|
description="Transparent pricing for exceptional results."
|
|
|
|
description="Servicios de calidad para ti."
|
|
|
|
/>
|
|
|
|
planButtonClassName="whitespace-nowrap text-xs md:text-sm px-3"
|
|
|
|
</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."
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -182,45 +107,42 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{
|
|
|
|
{ id: "q1", title: "¿Cuál es su dirección?", content: "4955 West 6th Ave, Hialeah, FL 33012" },
|
|
|
|
id: "q1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking online or calling."},
|
|
|
|
{ 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" },
|
|
|
|
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."},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Preguntas Frecuentes"
|
|
|
|
title="Información de Contacto"
|
|
|
|
description="Frequently asked questions about our grooming services."
|
|
|
|
description="Llame para su próxima cita."
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
|
|
|
buttons={[{ text: "Reservar Cita", href: "tel:3058249966" }]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</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={{
|
|
|
|
buttons={[
|
|
|
|
variant: "plain"}}
|
|
|
|
{ text: "305-824-9966 (Oficina)", href: "tel:3058249966" },
|
|
|
|
tag="Contacto"
|
|
|
|
{ text: "786-302-3671 (Celular)", href: "tel:7863023671" }
|
|
|
|
title="Agenda tu Cita Hoy"
|
|
|
|
]}
|
|
|
|
description="Ready to look your best? Reach out to us now."
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
buttonText="Enviar"
|
|
|
|
containerClassName="max-w-7xl mx-auto"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=2"
|
|
|
|
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. All rights reserved."
|
|
|
|
copyrightText="© 2025 Palancar Barbershop."
|
|
|
|
socialLinks={[
|
|
|
|
socialLinks={[
|
|
|
|
{
|
|
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
|
|
icon: Instagram,
|
|
|
|
|
|
|
|
href: "#", ariaLabel: "Instagram"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ReactLenis>
|
|
|
|
</ReactLenis>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
