Update src/app/page.tsx

Merge version_11 into main

src/app/layout.tsx

@@ -10,8 +10,8 @@ import { DM_Sans } from "next/font/google";
 
 
 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: {
     "title": "Palancar Barbershop | Hialeah, Miami",
     "description": "Premium grooming and barber services in Hialeah.",

src/app/page.tsx

@@ -2,17 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 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 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 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() {
   return (
@@ -32,30 +30,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       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"
-      button={{ text: "Reservar" }}
+      button={{ text: "305-824-9966", href: "tel:3058249966" }}
+      buttonClassName="min-w-fit px-6"
     />
   </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."
+      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-1777594381425-5bkzkhum.jpg?_wi=1"
-          text: "Reservar Cita",          href: "#contact"},
+      imageAlt="interior moderno de barbería"
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=1"
-      imageAlt="luxury barbershop interior modern"
     />
   </div>
 
@@ -63,10 +55,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       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>
@@ -77,18 +67,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Scissors, title: "Corte de Pelo", description: "$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"
-      description="Expert grooming services designed for your unique look."
+      description="Servicios de barbería profesionales."
     />
   </div>
 
@@ -98,82 +86,17 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       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 px-4"
-  </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>
 
@@ -182,41 +105,37 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       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"
     />
   </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-6"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="Palancar Barbershop"
+      logoText=""
-      copyrightText="© 2025 Palancar Barbershop. Todos los derechos reservados."
+      copyrightText="© 2025 Palancar Barbershop."
       socialLinks={[
-        {
+        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
       ]}
     />
   </div>