8 Commits

Author SHA1 Message Date
3669423c15 Update src/app/page.tsx 2026-04-30 21:45:14 +00:00
edf84daeef Update src/app/layout.tsx 2026-04-30 21:45:13 +00:00
71067bd074 Update src/app/page.tsx 2026-04-30 21:44:46 +00:00
64ee5dd70c Merge version_4 into main
Merge version_4 into main
2026-04-30 15:51:59 +00:00
ab1ee0046c Update src/app/page.tsx 2026-04-30 15:51:56 +00:00
6db3ed5401 Merge version_3 into main
Merge version_3 into main
2026-04-30 15:51:19 +00:00
e680fe2255 Update src/app/page.tsx 2026-04-30 15:51:16 +00:00
7c8e59e02f Merge version_2 into main
Merge version_2 into main
2026-04-30 15:45:52 +00:00
2 changed files with 35 additions and 127 deletions

View File

@@ -10,8 +10,8 @@ import { DM_Sans } from "next/font/google";
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Palancar Barbershop | Hialeah, Miami', title: 'Palancar Barbershop | Hialeah',
description: 'Premium grooming and barber services in Hialeah. Expert fades, beard trims, and more.', description: 'Servicio de barbería premium en Hialeah.',
openGraph: { openGraph: {
"title": "Palancar Barbershop | Hialeah, Miami", "title": "Palancar Barbershop | Hialeah, Miami",
"description": "Premium grooming and barber services in Hialeah.", "description": "Premium grooming and barber services in Hialeah.",

View File

@@ -3,16 +3,14 @@
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 ContactSplit from '@/components/sections/contact/ContactSplit';
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 } from "lucide-react";
import { Diamond, Instagram, Scissors, User } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -32,30 +30,23 @@ 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" }}
/> />
</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" }]}
{
text: "Reservar Cita", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=1"
imageAlt="luxury barbershop interior modern" imageAlt="interior moderno de barbería"
/> />
</div> </div>
@@ -63,10 +54,8 @@ 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"},
]} ]}
/> />
</div> </div>
@@ -77,18 +66,16 @@ 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, { icon: Sparkles, title: "Cortes", description: "$15" },
title: "Fade & Custom Cut", description: "Precision fades and custom styles tailored to you."}, { icon: Droplets, title: "Lavado de Cabeza", description: "$10" },
{ { icon: Zap, title: "Afeitado", description: "$10" },
icon: Diamond, { icon: User, title: "Barba", description: "$20" },
title: "Beard Grooming", description: "Expert beard trimming and maintenance."}, { icon: Scissors, title: "Candado", description: "$10" },
{ { icon: Eye, title: "Cejas", description: "$10" },
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 +85,10 @@ 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: "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"],
},
]} ]}
title="Precios / Menu" title="Menú de Precios"
description="Transparent pricing for exceptional results." description="Llame para su próxima cita."
/>
</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,15 +97,12 @@ 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 / 786-302-3671" },
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"
/> />
</div> </div>
@@ -198,13 +110,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain"}}
tag="Contacto" tag="Contacto"
title="Agenda tu Cita Hoy" title="Llame para su próxima cita"
description="Ready to look your best? Reach out to us now." description="4955 West 6th Ave, Hialeah, FL 33012 | 305-824-9966"
mediaAnimation="slide-up" mediaAnimation="slide-up"
buttonText="Enviar"
imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=2"
/> />
</div> </div>
@@ -212,11 +122,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="Palancar Barbershop" logoText="Palancar Barbershop"
copyrightText="© 2025 Palancar Barbershop. Todos los derechos reservados." copyrightText="© 2025 Palancar Barbershop. Llame al 305-824-9966"
socialLinks={[ socialLinks={[
{ { icon: Instagram, href: "#", ariaLabel: "Instagram" },
icon: Instagram,
href: "#", ariaLabel: "Instagram"},
]} ]}
/> />
</div> </div>