From f952fed8c51576c8c2db55392b403a027fec764a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 27 May 2026 00:39:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 227 ++++++++++++++---------------------------------
 1 file changed, 66 insertions(+), 161 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 49836c7..efcf792 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Briefcase, Building2, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Inicio",
-          id: "#hero",
-        },
+          name: "Inicio",          id: "#hero"},
         {
-          name: "Nosotros",
-          id: "#about",
-        },
+          name: "Nosotros",          id: "#about"},
         {
-          name: "Servicios",
-          id: "#features",
-        },
+          name: "Servicios",          id: "#features"},
         {
-          name: "Contacto",
-          id: "#contact",
-        },
+          name: "Contacto",          id: "#contact"},
       ]}
       brandName="GREI"
     />
@@ -55,61 +47,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Gestión y Representación Empresarial Integral"
       description="Expertos en soluciones corporativas, trámites y acompañamiento estratégico. Elevamos el valor de su organización con resultados tangibles."
       buttons={[
         {
-          text: "Conozca más",
-          href: "#about",
-        },
+          text: "Conozca más",          href: "#about"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/businessman-walking-reading_23-2147710243.jpg",
-          alt: "Businessman walking and reading",
-        },
+          src: "http://img.b2bpic.net/free-photo/businessman-walking-reading_23-2147710243.jpg",          alt: "Businessman walking and reading"},
         {
-          src: "http://img.b2bpic.net/free-photo/business-people-entering-office-building_23-2152025178.jpg",
-          alt: "Business people entering office building",
-        },
+          src: "http://img.b2bpic.net/free-photo/business-people-entering-office-building_23-2152025178.jpg",          alt: "Business people entering office building"},
         {
-          src: "http://img.b2bpic.net/free-photo/city-square_1359-564.jpg",
-          alt: "city square",
-        },
+          src: "http://img.b2bpic.net/free-photo/city-square_1359-564.jpg",          alt: "city square"},
         {
-          src: "http://img.b2bpic.net/free-photo/indoor-alone-corridor_1127-279.jpg",
-          alt: "Indoor alone corridor",
-        },
+          src: "http://img.b2bpic.net/free-photo/indoor-alone-corridor_1127-279.jpg",          alt: "Indoor alone corridor"},
         {
-          src: "http://img.b2bpic.net/free-photo/curious-mature-businessman-pointing-finger-flip-chart-presentation_23-2147923346.jpg",
-          alt: "Curious mature businessman pointing finger at flip chart",
-        },
+          src: "http://img.b2bpic.net/free-photo/curious-mature-businessman-pointing-finger-flip-chart-presentation_23-2147923346.jpg",          alt: "Curious mature businessman pointing finger at flip chart"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Representación Legal",
-        },
+          type: "text",          text: "Representación Legal"},
         {
-          type: "text",
-          text: "Gestión Gubernamental",
-        },
+          type: "text",          text: "Gestión Gubernamental"},
         {
-          type: "text",
-          text: "Asesoría Estratégica",
-        },
+          type: "text",          text: "Asesoría Estratégica"},
         {
-          type: "text",
-          text: "Cumplimiento Normativo",
-        },
+          type: "text",          text: "Cumplimiento Normativo"},
         {
-          type: "text",
-          text: "Soluciones Corporativas",
-        },
+          type: "text",          text: "Soluciones Corporativas"},
       ]}
     />
   </div>
@@ -121,19 +90,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Building2,
-          label: "Representación",
-          value: "100%",
-        },
+          label: "Representación",          value: "100%"},
         {
           icon: Briefcase,
-          label: "Gestión",
-          value: "Directa",
-        },
+          label: "Gestión",          value: "Directa"},
         {
           icon: ShieldCheck,
-          label: "Confianza",
-          value: "Segura",
-        },
+          label: "Confianza",          value: "Segura"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -146,20 +109,11 @@ export default function LandingPage() {
       description="Desarrollamos soluciones integrales para el crecimiento corporativo, asegurando cumplimiento y éxito operativo."
       accordionItems={[
         {
-          id: "1",
-          title: "Gestión Gubernamental",
-          content: "Enlace directo con dependencias municipales, estatales y federales.",
-        },
+          id: "1",          title: "Gestión Gubernamental",          content: "Enlace directo con dependencias municipales, estatales y federales."},
         {
-          id: "2",
-          title: "Trámites Empresariales",
-          content: "Gestión de permisos y cumplimiento normativo sin complicaciones.",
-        },
+          id: "2",          title: "Trámites Empresariales",          content: "Gestión de permisos y cumplimiento normativo sin complicaciones."},
         {
-          id: "3",
-          title: "Asesoría Estratégica",
-          content: "Seguridad jurídica y acompañamiento continuo para sus proyectos.",
-        },
+          id: "3",          title: "Asesoría Estratégica",          content: "Seguridad jurídica y acompañamiento continuo para sus proyectos."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg"
       mediaAnimation="slide-up"
@@ -173,34 +127,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "500+",
-          title: "Proyectos Gestionados",
-          items: [
-            "Municipales",
-            "Estatales",
-            "Federales",
-          ],
+          id: "m1",          value: "500+",          title: "Proyectos Gestionados",          items: [
+            "Municipales",            "Estatales",            "Federales"],
         },
         {
-          id: "m2",
-          value: "99%",
-          title: "Satisfacción Cliente",
-          items: [
-            "Seguridad",
-            "Resultados",
-            "Cumplimiento",
-          ],
+          id: "m2",          value: "99%",          title: "Satisfacción Cliente",          items: [
+            "Seguridad",            "Resultados",            "Cumplimiento"],
         },
         {
-          id: "m3",
-          value: "15+",
-          title: "Años Trayectoria",
-          items: [
-            "Expertise",
-            "Estrategia",
-            "Crecimiento",
-          ],
+          id: "m3",          value: "15+",          title: "Años Trayectoria",          items: [
+            "Expertise",            "Estrategia",            "Crecimiento"],
         },
       ]}
       title="Resultados en Cifras"
@@ -209,92 +145,71 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+      <TestimonialCardSixteen
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Ana García",
-          handle: "@anagarcia",
-          testimonial: "GREI resolvió nuestra gestión gubernamental en tiempo récord.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg",
+          id: "1",          name: "Ana García",          role: "@anagarcia",          company: "Comercializadora Alfa",          testimonial: "GREI resolvió nuestra gestión gubernamental en tiempo récord.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg"
         },
         {
-          id: "2",
-          name: "Carlos Ruíz",
-          handle: "@carlosruiz",
-          testimonial: "Su asesoría fue clave para la expansión de nuestra empresa.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-leaning-railing_23-2147956322.jpg",
+          id: "2",          name: "Carlos Ruíz",          role: "@carlosruiz",          company: "Grupo Inmobiliario Beta",          testimonial: "Su asesoría fue clave para la expansión de nuestra empresa.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-leaning-railing_23-2147956322.jpg"
         },
         {
-          id: "3",
-          name: "Elena Torres",
-          handle: "@elenatorres",
-          testimonial: "La atención es personalizada y muy profesional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg",
+          id: "3",          name: "Elena Torres",          role: "@elenatorres",          company: "Innovación Tecnológica Gamma",          testimonial: "La atención es personalizada y muy profesional.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg"
         },
         {
-          id: "4",
-          name: "Jorge M.",
-          handle: "@jorgem",
-          testimonial: "Seguridad jurídica total, recomendados ampliamente.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-shaking-hands-near-building_23-2148308575.jpg",
+          id: "4",          name: "Jorge M.",          role: "@jorgem",          company: "Construcciones Delta",          testimonial: "Seguridad jurídica total, recomendados ampliamente.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-shaking-hands-near-building_23-2148308575.jpg"
         },
         {
-          id: "5",
-          name: "Sofía L.",
-          handle: "@sofial",
-          testimonial: "Resultados tangibles y excelente comunicación.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
+          id: "5",          name: "Sofía L.",          role: "@sofial",          company: "Logística Épsilon",          testimonial: "Resultados tangibles y excelente comunicación.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg"
         },
       ]}
-      showRating={true}
+      kpiItems={[
+        { "value": "99%", "label": "Satisfacción" },
+        { "value": "500+", "label": "Proyectos Exitosos" },
+        { "value": "15+", "label": "Años Experiencia" }
+      ]}
       title="Lo que dicen nuestros clientes"
       description="La confianza depositada en GREI avala nuestra metodología de trabajo."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqBase
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "¿Cómo inician los trámites?",
-          content: "Realizamos un diagnóstico previo de sus necesidades corporativas.",
-        },
+          id: "1",          title: "¿Cómo inician los trámites?",          content: "Realizamos un diagnóstico previo de sus necesidades corporativas."},
         {
-          id: "2",
-          title: "¿Atienden a nivel nacional?",
-          content: "Sí, contamos con cobertura en diversas entidades gubernamentales.",
-        },
+          id: "2",          title: "¿Atienden a nivel nacional?",          content: "Sí, contamos con cobertura en diversas entidades gubernamentales."},
         {
-          id: "3",
-          title: "¿Cuál es su principal ventaja?",
-          content: "La gestión directa y el enfoque estratégico para resultados rápidos.",
-        },
+          id: "3",          title: "¿Cuál es su principal ventaja?",          content: "La gestión directa y el enfoque estratégico para resultados rápidos."},
       ]}
-      sideTitle="Preguntas Frecuentes"
+      title="Preguntas Frecuentes"
+      description="Encuentre respuestas a las dudas más comunes sobre nuestros servicios."
       faqsAnimation="slide-up"
+      textboxLayout="default"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
       tag="Contacto"
       title="Comencemos a trabajar"
       description="Estamos listos para gestionar sus objetivos corporativos con eficiencia."
+      imageSrc="http://img.b2bpic.net/free-photo/group-business-people-meeting-modern-office_23-2147814343.jpg"
+      mediaPosition="right"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
@@ -303,29 +218,19 @@ export default function LandingPage() {
       logoText="GREI"
       columns={[
         {
-          title: "Empresa",
-          items: [
+          title: "Empresa",          items: [
             {
-              label: "Nosotros",
-              href: "#about",
-            },
+              label: "Nosotros",              href: "#about"},
             {
-              label: "Servicios",
-              href: "#features",
-            },
+              label: "Servicios",              href: "#features"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacidad",
-              href: "#",
-            },
+              label: "Privacidad",              href: "#"},
             {
-              label: "Términos",
-              href: "#",
-            },
+              label: "Términos",              href: "#"},
           ],
         },
       ]}
@@ -335,4 +240,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1