From f0da2ad1d66538edb2ac72411871c2a6d0141ee6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Mar 2026 02:17:39 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 352 ++++++++++++++---------------------------
 1 file changed, 122 insertions(+), 230 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index fc39cfc..5306d7f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,15 +2,30 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import { Facebook, Instagram, Linkedin, Scissors, Sparkles, Twitter } from "lucide-react";
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AboutPage() {
+  const navItems = [
+    {
+      name: "Home",      id: "/"
+    },
+    {
+      name: "Services",      id: "/services"
+    },
+    {
+      name: "About Us",      id: "/about"
+    },
+    {
+      name: "Appointments",      id: "/appointments"
+    }
+  ];
 
-export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -25,234 +40,111 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-          href: "/",
-        },
-        {
-          name: "Services",
-          id: "services",
-          href: "/services",
-        },
-        {
-          name: "About Us",
-          id: "about-us",
-          href: "/about",
-        },
-        {
-          name: "Appointments",
-          id: "appointments",
-          href: "/appointments",
-        },
-      ]}
-      brandName="Barberia Argentina"
-      bottomLeftText="Expert Grooming, Every Visit"
-      bottomRightText="book@barberia.ar"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            brandName="Barberia Argentina"
+            bottomLeftText="Expert Grooming, Every Visit"
+            bottomRightText="book@barberia.ar"
+          />
+        </div>
 
-  <div id="about-story" data-section="about-story">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Nuestra Historia de Pasión por la Barbería"
-      description="En Barberia Argentina, fusionamos la tradición clásica con las últimas tendencias en cuidado masculino. Desde nuestros inicios, nos hemos dedicado a ofrecer una experiencia única, donde cada cliente recibe un servicio personalizado y de la más alta calidad, un verdadero arte."
-      bulletPoints={[
-        {
-          title: "Maestros Barberos",
-          description: "Equipo con años de experiencia y formación continua en las técnicas más avanzadas para garantizar tu estilo.",
-          icon: Scissors,
-        },
-        {
-          title: "Ambiente Distinguido",
-          description: "Un espacio diseñado para tu confort y relajación, donde cada visita es un escape de la rutina diaria.",
-          icon: Sofa,
-        },
-        {
-          title: "Productos Premium",
-          description: "Utilizamos solo las mejores marcas para el cuidado de tu cabello y piel, garantizando resultados excepcionales.",
-          icon: Sparkles,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=2"
-      imageAlt="barber working on client haircut in a stylish salon"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboardSplit
+            logoText="Barberia Argentina"
+            description="Experience the tradition of classic grooming fused with modern precision. Discover your perfect style with us."
+            background={{ variant: "downward-rays-static" }}
+            buttons={[{ text: "Book Now", href: "/appointments" }, { text: "Our Services", href: "/services" }]}
+            layoutOrder="default"
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg"
+            imageAlt="Classic barber chair in a modern barbershop setting"
+          />
+        </div>
 
-  <div id="team-experts" data-section="team-experts">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "1",
-          name: "Ricardo Gómez",
-          role: "Barbero Principal",
-          description: "Con más de 15 años de experiencia, Ricardo es un maestro en cortes clásicos y afeitados a navaja, un verdadero artesano.",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-old-customers-face-after-shaving_23-2148181958.jpg?_wi=2",
-          imageAlt: "portrait of male barber Ricardo Gomez",
-          socialLinks: [
-            {
-              icon: Instagram,
-              url: "#",
-            },
-            {
-              icon: Facebook,
-              url: "#",
-            },
-          ],
-        },
-        {
-          id: "2",
-          name: "Sofía Díaz",
-          role: "Especialista en Estilo",
-          description: "Sofía aporta una visión moderna y fresca, experta en nuevas tendencias y diseño de barbas innovador y creativo.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-woman-working-brushing-fur-beautiful-beagle-dog-pet-salon-caucasian-latin-workers-grooming-cute-dog_662251-2407.jpg?_wi=2",
-          imageAlt: "portrait of female barber Sofia Diaz",
-          socialLinks: [
-            {
-              icon: Instagram,
-              url: "#",
-            },
-            {
-              icon: Twitter,
-              url: "#",
-            },
-          ],
-        },
-        {
-          id: "3",
-          name: "Javier Pérez",
-          role: "Barbero Senior",
-          description: "Javier es conocido por su precisión en el desvanecido y su atención meticulosa a cada detalle, dejando a los clientes impecables.",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg?_wi=2",
-          imageAlt: "portrait of male barber Javier Perez",
-          socialLinks: [
-            {
-              icon: Instagram,
-              url: "#",
-            },
-            {
-              icon: Linkedin,
-              url: "#",
-            },
-          ],
-        },
-      ]}
-      title="Conoce a Nuestros Expertos Barberos"
-      description="Nuestro equipo está conformado por profesionales apasionados, dedicados a perfeccionar tu estilo y brindarte la mejor atención personalizada."
-    />
-  </div>
+        <div id="about-home" data-section="about-home">
+          <MediaAbout
+            title="Crafting Your Look with Passion"
+            description="At Barberia Argentina, we believe a great haircut is more than just a service – it's an experience. Our skilled barbers are dedicated to providing personalized grooming, from classic cuts to contemporary styles, ensuring you leave feeling confident and refreshed."
+            imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg"
+            imageAlt="Barber meticulously cutting a client's hair"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="metrics-achievements" data-section="metrics-achievements">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Excelencia Comprobada en Barbería"
-      tag="Nuestros Logros"
-      metrics={[
-        {
-          id: "1",
-          value: "+10 Años",
-          description: "De experiencia sirviendo a la comunidad con pasión y dedicación.",
-        },
-        {
-          id: "2",
-          value: "5000+",
-          description: "Clientes satisfechos anualmente que confían en nuestro trabajo.",
-        },
-        {
-          id: "3",
-          value: "4.9/5",
-          description: "Calificación promedio de reseñas de nuestros clientes felices.",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardEleven
+            title="Meet Our Master Barbers"
+            description="Our team of experienced barbers is passionate about their craft and dedicated to providing you with the best grooming experience."
+            tag="The Team"
+            groups={[{ id: "barbers", groupTitle: "Our Barbers", members: [
+              { id: "1", title: "Juan Perez", subtitle: "Master Barber", detail: "With over 15 years of experience, Juan is known for his precision fades and classic shaves.", imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-old-customers-face-after-shaving_23-2148181958.jpg" },
+              { id: "2", title: "Maria Rodriguez", subtitle: "Senior Stylist", detail: "Maria excels in modern styling and beard artistry, bringing a fresh perspective to every cut.", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg" },
+              { id: "3", title: "Carlos Sanchez", subtitle: "Traditional Groomer", detail: "Carlos upholds the art of traditional grooming, specializing in hot towel shaves and vintage styles.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-meat_273609-20979.jpg" },
+              { id: "4", title: "Ana Garcia", subtitle: "Stylist", detail: "Ana brings creativity and a keen eye for detail, ensuring every client leaves with a confident look.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-woman-working-brushing-fur-beautiful-beagle-dog-pet-salon-caucasian-latin-workers-grooming-cute-dog_662251-2407.jpg" }
+            ]}]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="contact-cta" data-section="contact-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Visítanos Hoy"
-      title="Tu Próximo Nivel de Estilo Te Espera"
-      description="Experimenta la diferencia de Barberia Argentina. Te garantizamos un look impecable y un servicio inigualable que superará tus expectativas."
-      buttons={[
-        {
-          text: "Reservar Cita",
-          href: "/appointments",
-        },
-      ]}
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            title="Our Commitment to Excellence"
+            description="We are proud of our journey and the trust our clients place in us. Our numbers speak for themselves."
+            tag="Our Values"
+            metrics={[{ id: "1", value: "10+", title: "Years of Experience", description: "A decade of mastering the art of barbering and grooming.", imageSrc: "http://img.b2bpic.net/free-vector/modern-set-colorful-planning-elements_23-2147947112.jpg" },
+              { id: "2", value: "5K+", title: "Happy Clients", description: "Thousands of satisfied customers, one perfect haircut at a time.", imageSrc: "http://img.b2bpic.net/free-vector/customer-satisfaction-design_23-2147943135.jpg" },
+              { id: "3", value: "Top Rated", title: "Award Winning", description: "Recognized for exceptional service and client satisfaction.", imageSrc: "http://img.b2bpic.net/free-vector/leaf-green-award-ribbon_78370-1826.jpg" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Appointments"
+            title="Book Your Next Visit"
+            description="Ready for a fresh cut or a relaxing shave? Schedule your appointment with Barberia Argentina today. We look forward to seeing you!"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg"
+            imageAlt="Interior of a modern barbershop with styling stations"
+            mediaAnimation="slide-up"
+            mediaPosition="right"
+            inputPlaceholder="Enter your preferred time and date"
+            buttonText="Request Appointment"
+            termsText="Our team will contact you shortly to confirm your booking. Please note our operating hours are Monday to Saturday from 09:00-13:00 and 15:00-20:00."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Barberia Argentina"
+            columns={[
+              { title: "Quick Links", items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "About Us", href: "/about" },
+                { label: "Appointments", href: "/appointments" }
+              ]},
+              { title: "Contact", items: [
+                { label: "Book Now", href: "/appointments" },
+                { label: "Email Us", href: "mailto:info@barberia.ar" },
+                { label: "Call Us", href: "tel:+541112345678" }
+              ]},
+              { title: "Legal", items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" }
+              ]}
+            ]}
+            copyrightText="© 2024 Barberia Argentina. All rights reserved."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Servicios",
-          items: [
-            {
-              label: "Cortes Clásicos",
-              href: "/services",
-            },
-            {
-              label: "Afeitados",
-              href: "/services",
-            },
-            {
-              label: "Diseño de Barba",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Nosotros",
-          items: [
-            {
-              label: "Nuestra Historia",
-              href: "/about",
-            },
-            {
-              label: "Equipo",
-              href: "/about",
-            },
-            {
-              label: "Testimonios",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Soporte",
-          items: [
-            {
-              label: "Preguntas Frecuentes",
-              href: "/appointments",
-            },
-            {
-              label: "Contacto",
-              href: "/contact",
-            },
-            {
-              label: "Política de Privacidad",
-              href: "/privacy",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Barberia Argentina. Todos los derechos reservados."
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1