Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,18 +2,17 @@
 
 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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Award, Sparkles } from "lucide-react";
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 
 export default function LandingPage() {
   return (
@@ -50,7 +49,7 @@ export default function LandingPage() {
         {
           name: "FAQ",          id: "#faq"},
         {
-          name: "Contacto",          id: "#contact"},
+          name: "Contacto",          id: "#contact"}
       ]}
       brandName="RUSTICO"
       button={{
@@ -64,7 +63,7 @@ export default function LandingPage() {
       description="Cortes modernos, afeitado profesional y la mejor atención en San Juan. Más de 150 clientes nos recomiendan por nuestra calidad y buena onda. "
       buttons={[
         {
-          text: "Reserva tu cita",          href: "#contact"},
+          text: "Reserva tu cita",          href: "#contact"}
       ]}
       buttonAnimation="blur-reveal"
       imageSrc="http://img.b2bpic.net/free-photo/beige-barber-wallpaper-background-with-tools-job-career-concept_53876-148095.jpg"
@@ -73,13 +72,12 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+      <SocialProofOne
       useInvertedBackground={true}
-      heading={[
+      textboxLayout="default"
-        {
+      title="Más de 150 clientes nos recomiendan en Google por nuestra atención y calidad"
-          type: "text",          content: "Nuestra Historia de Excelencia y Pasión por el Cuidado Masculino"},
+      description="Nuestro compromiso con la excelencia se refleja en las opiniones de nuestros clientes satisfechos, quienes valoran nuestra dedicación y profesionalismo."
-      ]}
+      names={[]}
-      buttonAnimation="opacity"
     />
   </div>
 
@@ -112,7 +110,7 @@ export default function LandingPage() {
             imageSrc: "http://img.b2bpic.net/free-photo/young-sensitive-man-thinking_23-2149459722.jpg",            imageAlt: "Man receiving a hair wash and treatment"},
           phoneTwo: {
             imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-listening-music-headphone_23-2147892843.jpg?_wi=1",            imageAlt: "Man with healthy, shiny hair"}
-        },
+        }
       ]}
       showStepNumbers={false}
       title="Nuestros Servicios Destacados"
@@ -138,7 +136,7 @@ export default function LandingPage() {
         {
           id: "masaje-facial",          name: "Masaje Facial",          price: "$2.500 ARS",          variant: "Relajación y cuidado de la piel",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-face-massage-while-lying-down-with-eyes-closed-spa-center_637285-1709.jpg",          imageAlt: "Man receiving a facial massage"},
         {
-          id: "hidratacion-capilar",          name: "Tratamiento de Hidratación",          price: "$3.000 ARS",          variant: "Nutrición profunda para tu cabello",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205880.jpg",          imageAlt: "Man's hair deep conditioning treatment"},
+          id: "hidratacion-capilar",          name: "Tratamiento de Hidratación",          price: "$3.000 ARS",          variant: "Nutrición profunda para tu cabello",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205880.jpg",          imageAlt: "Man's hair deep conditioning treatment"}
       ]}
       title="Descubre Nuestro Menú Completo"
       description="Explora nuestra selección de servicios premium, cada uno diseñado para satisfacer tus necesidades de estilo y cuidado personal."
@@ -152,16 +150,7 @@ export default function LandingPage() {
       tag="Nuestro Equipo"
       tagAnimation="slide-up"
       membersAnimation="slide-up"
-      members={[
+      members={[]}
-        {
-          id: "juan-perez",          name: "Juan Pérez",          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",          imageAlt: "Portrait of Juan Pérez, experienced barber"},
-        {
-          id: "carlos-gomez",          name: "Carlos Gómez",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-his-arms-crossed-standing-against-grey-wall_23-2148130364.jpg",          imageAlt: "Portrait of Carlos Gómez, skilled barber"},
-        {
-          id: "martin-rodriguez",          name: "Martín Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-with-shaving-foam-his-face-shaving-himself-using-razor-standing-purple-wall_141793-50724.jpg",          imageAlt: "Portrait of Martín Rodriguez, traditional shave expert"},
-        {
-          id: "lucas-torres",          name: "Lucas Torres",          imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg",          imageAlt: "Portrait of Lucas Torres, modern stylist"},
-      ]}
       memberVariant="card"
     />
   </div>
@@ -171,34 +160,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      plans={[
+      plans={[]}
-        {
-          id: "basico",          name: "Esencial",          price: "$6.500 ARS",          badge: "Popular",          badgeIcon: Sparkles,
-          buttons: [
-            {
-              text: "Reservar Ahora",              href: "#contact"},
-          ],
-          features: [
-            "Corte de cabello a elección",            "Lavado y peinado",            "Asesoramiento de estilo"],
-        },
-        {
-          id: "premium",          name: "Premium",          price: "$9.000 ARS",          buttons: [
-            {
-              text: "Reservar Ahora",              href: "#contact"},
-          ],
-          features: [
-            "Corte de cabello a elección",            "Afeitado tradicional con navaja",            "Masaje facial relajante",            "Lavado y peinado"],
-        },
-        {
-          id: "vip",          name: "Experiencia VIP",          price: "$12.000 ARS",          badge: "Top",          badgeIcon: Award,
-          buttons: [
-            {
-              text: "Reservar Ahora",              href: "#contact"},
-          ],
-          features: [
-            "Corte de cabello a elección",            "Diseño de barba personalizado",            "Tratamiento capilar nutritivo",            "Masaje facial premium",            "Bebida de cortesía"],
-        },
-      ]}
       title="Elige Tu Experiencia Perfecta"
       description="Ofrecemos planes flexibles que se adaptan a tu ritmo y estilo de vida, para que siempre luzcas impecable."
     />
@@ -218,7 +180,7 @@ export default function LandingPage() {
         {
           id: "4",          name: "Gabriel M.",          date: "05/04/2024",          title: "Calidad que se siente",          quote: "Cada visita es una garantía de calidad. Desde el corte hasta el afeitado, todo es impecable. ¡Totalmente recomendable!",          tag: "Garantía",          avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-thumbs-up_1098-21825.jpg",          avatarAlt: "Gabriel M. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/dollhouse-furniture-white-background_1368-6095.jpg",          imageAlt: "Barber tools"},
         {
-          id: "5",          name: "Lucas R.",          date: "01/04/2024",          title: "Mis barberos de confianza",          quote: "Llevo años viniendo y nunca me decepcionan. Saben exactamente lo que busco y siempre superan mis expectativas. Un lujo.",          tag: "Fiel",          avatarSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg",          avatarAlt: "Lucas R. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/barber-talking-with-client-reception-desk_23-2148181957.jpg",          imageAlt: "Barbershop window"},
+          id: "5",          name: "Lucas R.",          date: "01/04/2024",          title: "Mis barberos de confianza",          quote: "Llevo años viniendo y nunca me decepcionan. Saben exactamente lo que busco y siempre superan mis expectativas. Un lujo.",          tag: "Fiel",          avatarSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg",          avatarAlt: "Lucas R. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/barber-talking-with-client-reception-desk_23-2148181957.jpg",          imageAlt: "Barbershop window"}
       ]}
       title="Lo que dicen nuestros clientes"
       description="La satisfacción de quienes confían en nosotros es nuestra mejor carta de presentación. Sus experiencias hablan por sí solas."
@@ -239,7 +201,7 @@ export default function LandingPage() {
         {
           id: "faq-4",          title: "¿Tienen servicios de barbería a domicilio?",          content: "Actualmente, solo ofrecemos nuestros servicios en nuestro local para garantizar la experiencia completa y el uso de nuestras instalaciones profesionales."},
         {
-          id: "faq-5",          title: "¿Puedo elegir a mi barbero preferido al reservar?",          content: "Sí, nuestro sistema de reservas te permite seleccionar a tu barbero preferido según su disponibilidad al momento de programar tu cita."},
+          id: "faq-5",          title: "¿Puedo elegir a mi barbero preferido al reservar?",          content: "Sí, nuestro sistema de reservas te permite seleccionar a tu barbero preferido según su disponibilidad al momento de programar tu cita."}
       ]}
       title="Preguntas Frecuentes"
       description="Encuentra respuestas rápidas a tus dudas más comunes sobre nuestros servicios, reservas y la experiencia en RUSTICO."
@@ -248,20 +210,14 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <MediaAbout
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
       tag="Contáctanos"
       title="Reserva Tu Cita Hoy"
       description="Estamos ansiosos por darte la bienvenida a RUSTICO. ¡Programa tu visita fácilmente o haznos una consulta para cualquier duda!"
       imageSrc="http://img.b2bpic.net/free-photo/comfortable-old-fashioned-chair-rustic-antique-elegance-indoors-generated-by-ai_188544-29043.jpg"
       imageAlt="Interior of RUSTICO barbershop, welcoming atmosphere"
-      mediaAnimation="opacity"
+      buttons={[{ text: "Reservá tu turno por WhatsApp", href: "https://wa.me/?text=Hola,%20me%20gustaría%20reservar%20un%20turno." }]}
-      mediaPosition="right"
-      inputPlaceholder="Ingresa tu email"
-      buttonText="Enviar Mensaje"
-      termsText="Al hacer clic en Enviar, confirmas que estás de acuerdo con nuestros Términos y Condiciones."
     />
   </div>
 
@@ -277,8 +233,8 @@ export default function LandingPage() {
             {
               label: "Diseño de Barba",              href: "#services"},
             {
-              label: "Tratamientos",              href: "#services"},
+              label: "Tratamientos",              href: "#services"}
-          ],
+          ]
         },
         {
           title: "Nosotros",          items: [
@@ -287,8 +243,8 @@ export default function LandingPage() {
             {
               label: "Nuestro Equipo",              href: "#team"},
             {
-              label: "Testimonios",              href: "#testimonials"},
+              label: "Testimonios",              href: "#testimonials"}
-          ],
+          ]
         },
         {
           title: "Soporte",          items: [
@@ -299,9 +255,9 @@ export default function LandingPage() {
             {
               label: "Términos y Condiciones",              href: "#"},
             {
-              label: "Política de Privacidad",              href: "#"},
+              label: "Política de Privacidad",              href: "#"}
-          ],
+          ]
-        },
+        }
       ]}
       bottomLeftText="© 2024 RUSTICO Corte Y Afeitado. Todos los derechos reservados."
       bottomRightText="Hecho con pasión en San Juan, Argentina."

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f9f9f9;
-  --foreground: #1c1c1c;
+  --foreground: #000f06e6;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #0a7039;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #000f06e6;
-  --accent: #e63946;
+  --accent: #e2e2e2;
-  --background-accent: #e8bea8;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);