Update src/app/page.tsx

Merge version_4 into main

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 ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+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",
+          name: "Inicio",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "Nosotros",
+          name: "Nosotros",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Servicios",
+          name: "Servicios",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Contacto",
+          name: "Contacto",          id: "#contact"},
-          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",
+          text: "Conozca más",          href: "#about"},
-          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",
+          src: "http://img.b2bpic.net/free-photo/businessman-walking-reading_23-2147710243.jpg",          alt: "Businessman walking and reading"},
-          alt: "Businessman walking and reading",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/business-people-entering-office-building_23-2152025178.jpg",
+          src: "http://img.b2bpic.net/free-photo/business-people-entering-office-building_23-2152025178.jpg",          alt: "Business people entering office building"},
-          alt: "Business people entering office building",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/city-square_1359-564.jpg",
+          src: "http://img.b2bpic.net/free-photo/city-square_1359-564.jpg",          alt: "city square"},
-          alt: "city square",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/indoor-alone-corridor_1127-279.jpg",
+          src: "http://img.b2bpic.net/free-photo/indoor-alone-corridor_1127-279.jpg",          alt: "Indoor alone corridor"},
-          alt: "Indoor alone corridor",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/curious-mature-businessman-pointing-finger-flip-chart-presentation_23-2147923346.jpg",
+          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"},
-          alt: "Curious mature businessman pointing finger at flip chart",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Representación Legal"},
-          text: "Representación Legal",
-        },
         {
-          type: "text",
+          type: "text",          text: "Gestión Gubernamental"},
-          text: "Gestión Gubernamental",
-        },
         {
-          type: "text",
+          type: "text",          text: "Asesoría Estratégica"},
-          text: "Asesoría Estratégica",
-        },
         {
-          type: "text",
+          type: "text",          text: "Cumplimiento Normativo"},
-          text: "Cumplimiento Normativo",
-        },
         {
-          type: "text",
+          type: "text",          text: "Soluciones Corporativas"},
-          text: "Soluciones Corporativas",
-        },
       ]}
     />
   </div>
@@ -121,19 +90,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Building2,
-          label: "Representación",
+          label: "Representación",          value: "100%"},
-          value: "100%",
-        },
         {
           icon: Briefcase,
-          label: "Gestión",
+          label: "Gestión",          value: "Directa"},
-          value: "Directa",
-        },
         {
           icon: ShieldCheck,
-          label: "Confianza",
+          label: "Confianza",          value: "Segura"},
-          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",
+          id: "1",          title: "Gestión Gubernamental",          content: "Enlace directo con dependencias municipales, estatales y federales."},
-          title: "Gestión Gubernamental",
-          content: "Enlace directo con dependencias municipales, estatales y federales.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Trámites Empresariales",          content: "Gestión de permisos y cumplimiento normativo sin complicaciones."},
-          title: "Trámites Empresariales",
-          content: "Gestión de permisos y cumplimiento normativo sin complicaciones.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Asesoría Estratégica",          content: "Seguridad jurídica y acompañamiento continuo para sus proyectos."},
-          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",
+          id: "m1",          value: "500+",          title: "Proyectos Gestionados",          items: [
-          value: "500+",
+            "Municipales",            "Estatales",            "Federales"],
-          title: "Proyectos Gestionados",
-          items: [
-            "Municipales",
-            "Estatales",
-            "Federales",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "99%",          title: "Satisfacción Cliente",          items: [
-          value: "99%",
+            "Seguridad",            "Resultados",            "Cumplimiento"],
-          title: "Satisfacción Cliente",
-          items: [
-            "Seguridad",
-            "Resultados",
-            "Cumplimiento",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "15+",          title: "Años Trayectoria",          items: [
-          value: "15+",
+            "Expertise",            "Estrategia",            "Crecimiento"],
-          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",
+          id: "1",          name: "Ana García",          role: "@anagarcia",          company: "Comercializadora Alfa",          rating: 5,
-          name: "Ana García",
+          imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg"
-          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: "2",
+          id: "2",          name: "Carlos Ruíz",          role: "@carlosruiz",          company: "Grupo Inmobiliario Beta",          rating: 5,
-          name: "Carlos Ruíz",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-leaning-railing_23-2147956322.jpg"
-          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: "3",
+          id: "3",          name: "Elena Torres",          role: "@elenatorres",          company: "Innovación Tecnológica Gamma",          rating: 5,
-          name: "Elena Torres",
+          imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg"
-          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: "4",
+          id: "4",          name: "Jorge M.",          role: "@jorgem",          company: "Construcciones Delta",          rating: 5,
-          name: "Jorge M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-shaking-hands-near-building_23-2148308575.jpg"
-          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: "5",
+          id: "5",          name: "Sofía L.",          role: "@sofial",          company: "Logística Épsilon",          rating: 5,
-          name: "Sofía L.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg"
-          handle: "@sofial",
+        }
-          testimonial: "Resultados tangibles y excelente comunicación.",
+      ]}
-          rating: 5,
+      kpiItems={[
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
+        { "value": "99%", "label": "Satisfacción" },
-        },
+        { "value": "500+", "label": "Proyectos Exitosos" },
+        { "value": "15+", "label": "Años Experiencia" }
       ]}
-      showRating={true}
       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",
+          id: "1",          title: "¿Cómo inician los trámites?",          content: "Realizamos un diagnóstico previo de sus necesidades corporativas."},
-          title: "¿Cómo inician los trámites?",
-          content: "Realizamos un diagnóstico previo de sus necesidades corporativas.",
-        },
         {
-          id: "2",
+          id: "2",          title: "¿Atienden a nivel nacional?",          content: "Sí, contamos con cobertura en diversas entidades gubernamentales."},
-          title: "¿Atienden a nivel nacional?",
-          content: "Sí, contamos con cobertura en diversas entidades gubernamentales.",
-        },
         {
-          id: "3",
+          id: "3",          title: "¿Cuál es su principal ventaja?",          content: "La gestión directa y el enfoque estratégico para resultados rápidos."},
-          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",
+          title: "Empresa",          items: [
-          items: [
             {
-              label: "Nosotros",
+              label: "Nosotros",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Servicios",
+              label: "Servicios",              href: "#features"},
-              href: "#features",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacidad",
+              label: "Privacidad",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Términos",
+              label: "Términos",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}