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',
-  description: 'Premium grooming and barber services in Hialeah. Expert fades, beard trims, and more.',
+  title: 'Palancar Barbershop | Hialeah',
+  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 FaqBase from '@/components/sections/faq/FaqBase';
+import ContactText from '@/components/sections/contact/ContactText';
 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 TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Diamond, Instagram, Scissors, User } from "lucide-react";
+import FaqBase from '@/components/sections/faq/FaqBase';
+import { Instagram, Scissors, Sparkles, Droplets, Zap, Eye, User, Phone } 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: "Servicios",          id: "services"},
-        {
-          name: "Equipo",          id: "team"},
-        {
-          name: "Contacto",          id: "contact"},
+        { name: "Inicio", id: "hero" },
+        { name: "Servicios", id: "services" },
+        { name: "Precios", id: "menu" },
+        { 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."
-      buttons={[
-        {
-          text: "Reservar Cita",          href: "#contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=1"
-      imageAlt="luxury barbershop interior modern"
+      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" }]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApasF6ZFfKJ3lLObBgGARvGnPS/uploaded-1777594381425-5bkzkhum.jpg?_wi=1"
+      imageAlt="interior moderno de barbería"
     />
   </div>
 
@@ -63,10 +55,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          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: "professional barber grooming client"},
+        { 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" },
       ]}
     />
   </div>
@@ -77,18 +67,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Scissors,
-          title: "Fade & Custom Cut",          description: "Precision fades and custom styles tailored to you."},
-        {
-          icon: Diamond,
-          title: "Beard Grooming",          description: "Expert beard trimming and maintenance."},
-        {
-          icon: User,
-          title: "Full Grooming",          description: "Complete service for the modern man."},
+        { icon: Scissors, title: "Corte de Pelo", description: "$25" },
+        { icon: Sparkles, title: "Cortes", description: "$15" },
+        { icon: Droplets, title: "Lavado de Cabeza", description: "$10" },
+        { icon: Zap, title: "Afeitado", description: "$10" },
+        { icon: User, title: "Barba", description: "$20" },
+        { icon: Scissors, title: "Candado", description: "$10" },
+        { icon: Eye, title: "Cejas", description: "$10" },
       ]}
       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: "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"],
-        },
+        { id: "p1", badge: "Corte", price: "$25", subtitle: "Corte de Pelo", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
+        { 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: [] },
+        { 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: [] },
+        { id: "p6", badge: "Candado", price: "$10", subtitle: "Candado", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
+        { id: "p7", badge: "Cejas", price: "$10", subtitle: "Cejas", buttons: [{ text: "Llamar", href: "tel:3058249966" }], features: [] },
       ]}
-      title="Precios / Menu"
-      description="Transparent pricing for exceptional results."
-    />
-  </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."
+      title="Menú de Precios"
+      description="Servicios de calidad para ti."
+      planButtonClassName="whitespace-nowrap px-4"
     />
   </div>
 
@@ -182,41 +105,37 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "Do I need an appointment?",          content: "Yes, we highly recommend booking online or calling."},
-        {
-          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."},
+        { 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: "q3", title: "¿Teléfonos de contacto?", content: "305-824-9966 Oficina / 786-302-3671 Celular" },
       ]}
-      title="Preguntas Frecuentes"
-      description="Frequently asked questions about our grooming services."
+      title="Información de Contacto"
+      description="Llame para su próxima cita."
       faqsAnimation="slide-up"
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Contacto"
-      title="Agenda tu Cita Hoy"
-      description="Ready to look your best? Reach out to us now."
-      mediaAnimation="slide-up"
-      buttonText="Enviar"
-      imageSrc="http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg?_wi=2"
+  <div id="contact-text" data-section="contact-text">
+    <ContactText 
+      text="¿Listo para tu próximo corte? Llámanos hoy."
+      buttons={[
+        { text: "305-824-9966 (Oficina)", href: "tel:3058249966" },
+        { text: "786-302-3671 (Celular)", href: "tel:7863023671" }
+      ]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={true}
+      containerClassName="max-w-7xl mx-auto"
+      contentClassName="max-w-7xl mx-auto"
+      buttonClassName="whitespace-nowrap px-6"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="Palancar Barbershop"
-      copyrightText="© 2025 Palancar Barbershop. All rights reserved."
+      logoText=""
+      copyrightText="© 2025 Palancar Barbershop."
       socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
+        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
       ]}
     />
   </div>