Update src/app/page.tsx

Merge version_1 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 (
@@ -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>
 
@@ -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."
     />
@@ -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>
 

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);