From 0db898946757e6fa07013f8f1c4332f1feee04bf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 12:01:42 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 266 +++++++++++++++--------------------------------
 1 file changed, 85 insertions(+), 181 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fc6e800..abab37f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,192 +26,96 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Proceso",
-          id: "about",
-        },
-        {
-          name: "Liquidar",
-          id: "contact",
-        },
-      ]}
-      brandName="RecibosFlow"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Proceso", id: "about" },
+              { name: "Liquidar", id: "contact" },
+            ]}
+            brandName="RecibosFlow"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background="radial-gradient"
-      title="Liquidación de Recibos Inteligente"
-      description="Gestiona y liquida tus recibos de manera rápida, segura y altamente profesional. Eficiencia al servicio de tu empresa."
-      kpis={[
-        {
-          value: "+98%",
-          label: "Precisión",
-        },
-        {
-          value: "12min",
-          label: "Promedio",
-        },
-        {
-          value: "24/7",
-          label: "Soporte",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-clean-modern-professional-background-f-1774699266574-4be36571.png"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitKpi
+            background={{ variant: "radial-gradient" }}
+            title="Liquidación de Recibos Inteligente"
+            description="Gestiona y liquida tus recibos de manera rápida, segura y altamente profesional. Eficiencia al servicio de tu empresa."
+            kpis={[
+              { value: "+98%", label: "Precisión" },
+              { value: "12min", label: "Promedio" },
+              { value: "24/7", label: "Soporte" },
+            ]}
+            enableKpiAnimation={true}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-clean-modern-professional-background-f-1774699266574-4be36571.png"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Transformamos el Proceso"
-      description="Nuestra plataforma está diseñada para simplificar la liquidación de recibos mediante un sistema ordenado y eficiente. Reducimos el error humano y aceleramos los tiempos administrativos."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=1"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <MediaAbout
+            useInvertedBackground={false}
+            title="Transformamos el Proceso"
+            description="Nuestra plataforma está diseñada para simplificar la liquidación de recibos mediante un sistema ordenado y eficiente. Reducimos el error humano y aceleramos los tiempos administrativos."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png"
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Formulario Automatizado",
-          description: "Captura datos de recibos con campos validados y autocompletado.",
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=2",
-            imageAlt: "Form",
-          },
-          items: [
-            {
-              icon: FileText,
-              text: "Datos exactos",
-            },
-            {
-              icon: Check,
-              text: "Validación en tiempo real",
-            },
-          ],
-          reverse: false,
-        },
-        {
-          id: "f2",
-          title: "Resumen Ejecutivo",
-          description: "Tablas organizadas con estados financieros claros y legibles.",
-          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=3",
-            imageAlt: "Table",
-          },
-          items: [
-            {
-              icon: Table,
-              text: "Diseño limpio",
-            },
-            {
-              icon: Filter,
-              text: "Filtros inteligentes",
-            },
-          ],
-          reverse: true,
-        },
-      ]}
-      title="Características Principales"
-      description="Potenciamos tu gestión financiera con herramientas de alto rendimiento."
-    />
-  </div>
+        <div id="feature" data-section="feature">
+            <FeatureCardTen
+            textboxLayout="split"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "f1",                title: "Formulario Automatizado",                description: "Captura datos de recibos con campos validados y autocompletado.",                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png", imageAlt: "Form" },
+                items: [
+                  { icon: FileText, text: "Datos exactos" },
+                  { icon: Check, text: "Validación en tiempo real" },
+                ],
+                reverse: false,
+              },
+              {
+                id: "f2",                title: "Resumen Ejecutivo",                description: "Tablas organizadas con estados financieros claros y legibles.",                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png", imageAlt: "Table" },
+                items: [
+                  { icon: Table, text: "Diseño limpio" },
+                  { icon: Filter, text: "Filtros inteligentes" },
+                ],
+                reverse: true,
+              },
+            ]}
+            title="Características Principales"
+            description="Potenciamos tu gestión financiera con herramientas de alto rendimiento."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "¿Es seguro el sistema?",
-          content: "Contamos con encriptación de grado militar.",
-        },
-        {
-          id: "q2",
-          title: "¿Cuánto tarda el proceso?",
-          content: "La liquidación promedio se realiza en minutos.",
-        },
-      ]}
-      ctaTitle="Gestiona tu Liquidación Hoy"
-      ctaDescription="Completa el formulario y obtén la confirmación al instante."
-      ctaButton={{
-        text: "Liquidar Recibo",
-        href: "#",
-      }}
-      ctaIcon={Send}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "¿Es seguro el sistema?", content: "Contamos con encriptación de grado militar." },
+              { id: "q2", title: "¿Cuánto tarda el proceso?", content: "La liquidación promedio se realiza en minutos." },
+            ]}
+            ctaTitle="Gestiona tu Liquidación Hoy"
+            ctaDescription="Completa el formulario y obtén la confirmación al instante."
+            ctaButton={{ text: "Liquidar Recibo", href: "#" }}
+            ctaIcon={Send}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      cardTitle="Lo que dicen nuestros clientes"
-      cardTag="Testimonios"
-      cardAnimation="blur-reveal"
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ana García",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=4",
-        },
-        {
-          id: "t2",
-          name: "Carlos Ruiz",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=5",
-        },
-        {
-          id: "t3",
-          name: "Elena Martínez",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=6",
-        },
-        {
-          id: "t4",
-          name: "Jorge Paz",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=7",
-        },
-        {
-          id: "t5",
-          name: "Lucía Solís",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=8",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="RecibosFlow"
-      copyrightText="© 2024 RecibosFlow | Gestión Profesional"
-      socialLinks={[
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterCard
+            logoText="RecibosFlow"
+            copyrightText="© 2024 RecibosFlow | Gestión Profesional"
+            socialLinks={[
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1