Update src/app/page.tsx

Merge version_11 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 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 FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
@@ -10,7 +10,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import { Instagram, Scissors, Sparkles, Droplets, Zap, Eye, User } from "lucide-react";
+import { Instagram, Scissors, Sparkles, Droplets, Zap, Eye, User, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -37,6 +37,7 @@ export default function LandingPage() {
       ]}
       brandName="Palancar Barbershop"
       button={{ text: "305-824-9966", href: "tel:3058249966" }}
+      buttonClassName="min-w-fit px-6"
     />
   </div>
 
@@ -45,7 +46,7 @@ export default function LandingPage() {
       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."
       buttons={[{ text: "Reservar Cita", href: "tel:3058249966" }]}
-      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-1777594381425-5bkzkhum.jpg?_wi=1"
       imageAlt="interior moderno de barbería"
     />
   </div>
@@ -66,7 +67,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       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: Droplets, title: "Lavado de Cabeza", description: "$10" },
         { icon: Zap, title: "Afeitado", description: "$10" },
@@ -85,10 +86,17 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       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: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="Menú de Precios"
-      description="Llame para su próxima cita."
+      description="Servicios de calidad para ti."
+      planButtonClassName="whitespace-nowrap px-4"
     />
   </div>
 
@@ -99,7 +107,7 @@ export default function LandingPage() {
       faqs={[
         { 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 / 786-302-3671" },
+        { id: "q3", title: "¿Teléfonos de contacto?", content: "305-824-9966 Oficina / 786-302-3671 Celular" },
       ]}
       title="Información de Contacto"
       description="Llame para su próxima cita."
@@ -107,28 +115,31 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Contacto"
-      title="Llame para su próxima cita"
-      description="4955 West 6th Ave, Hialeah, FL 33012 | 305-824-9966"
-      mediaAnimation="slide-up"
-      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. Llame al 305-824-9966"
+      logoText=""
+      copyrightText="© 2025 Palancar Barbershop."
       socialLinks={[
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}