Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -3,14 +3,15 @@
 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 { Briefcase, Building2, ShieldCheck, TrendingUp, Users, CheckCircle } from "lucide-react";
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { Briefcase, Building2, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -45,7 +46,6 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      containerClassName="px-4 sm:px-6 lg:px-8 mx-auto max-w-screen-xl"
       background={{
         variant: "gradient-bars"}}
       title="Gestión y Representación Empresarial Integral"
@@ -54,7 +54,7 @@ export default function LandingPage() {
         {
           text: "Conozca más",          href: "#about"},
       ]}
-      imageSrc="https://img.b2bpic.net/premium-photo/fund-managers-team-consultation-discuss-about-analysis-investment-stock-market-office_265022-104085.jpg?id=392388891"
+      imageSrc="http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
@@ -99,13 +99,11 @@ export default function LandingPage() {
           label: "Confianza",          value: "Segura"},
       ]}
       metricsAnimation="slide-up"
-      metricsContainerClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
-      containerClassName="px-4 sm:px-6 lg:px-8 mx-auto max-w-screen-xl"
       useInvertedBackground={true}
       title="Servicios Estratégicos"
       description="Desarrollamos soluciones integrales para el crecimiento corporativo, asegurando cumplimiento y éxito operativo."
@@ -124,33 +122,67 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
-      containerClassName="px-4 sm:px-6 lg:px-8 mx-auto max-w-screen-xl"
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",          value: "100+",          title: "Proyectos Gestionados",          items: [
-            "Gestión Eficiente",            "Resolución Ágil",            "Cumplimiento Garantizado"],
+          id: "m1",          value: "500+",          title: "Proyectos Gestionados",          items: [
+            "Municipales",            "Estatales",            "Federales"],
         },
         {
-          id: "m2",          value: "5+",          title: "Años Trayectoria",          items: [
-            "Expertise Sólida",            "Experiencia Estratégica",            "Visión de Crecimiento"],
+          id: "m2",          value: "99%",          title: "Satisfacción Cliente",          items: [
+            "Seguridad",            "Resultados",            "Cumplimiento"],
         },
         {
-          id: "m3",          value: "99%",          title: "Satisfacción Cliente",          items: [
-            "Resultados Reales",            "Compromiso Total",            "Calidad de Servicio"],
+          id: "m3",          value: "15+",          title: "Años Trayectoria",          items: [
+            "Expertise",            "Estrategia",            "Crecimiento"],
         },
       ]}
       title="Resultados en Cifras"
-      description="Compromiso inquebrantable con la excelencia y la eficiencia empresarial que su compañía necesita."
-      gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
+      description="Compromiso con la excelencia y la eficiencia empresarial."
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardSixteen
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      testimonials={[
+        {
+          id: "1",          name: "Ana García",          role: "@anagarcia",          company: "Comercializadora Alfa",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg"
+        },
+        {
+          id: "2",          name: "Carlos Ruíz",          role: "@carlosruiz",          company: "Grupo Inmobiliario Beta",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-leaning-railing_23-2147956322.jpg"
+        },
+        {
+          id: "3",          name: "Elena Torres",          role: "@elenatorres",          company: "Innovación Tecnológica Gamma",          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.",          role: "@jorgem",          company: "Construcciones Delta",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-shaking-hands-near-building_23-2148308575.jpg"
+        },
+        {
+          id: "5",          name: "Sofía L.",          role: "@sofial",          company: "Logística Épsilon",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg"
+        }
+      ]}
+      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
-      containerClassName="px-4 sm:px-6 lg:px-8 mx-auto max-w-screen-xl"
+      <FaqBase
       useInvertedBackground={false}
       faqs={[
         {
@@ -160,26 +192,29 @@ export default function LandingPage() {
         {
           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
-      containerClassName="px-4 sm:px-6 lg:px-8 mx-auto max-w-screen-md"
+      <ContactSplit
       useInvertedBackground={true}
       background={{
         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>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
-      containerClassName="px-4 sm:px-6 lg:px-8 mx-auto max-w-screen-xl"
       logoText="GREI"
       columns={[
         {
@@ -200,7 +235,6 @@ export default function LandingPage() {
         },
       ]}
       copyrightText="© 2024 GREI Gestión Empresarial."
-      columnsClassName="flex flex-col sm:flex-row justify-between gap-8"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #fbfbfb;
   --card: #ffffff;
-  --foreground: #333333;
-  --primary-cta: #6b7280;
+  --foreground: #0a1526;
+  --primary-cta: #0a1526;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #d1d5db;
+  --secondary-cta: #c5a059;
   --secondary-cta-text: #ffffff;
-  --accent: #9ca3af;
-  --background-accent: #e5e7eb;
+  --accent: #c5a059;
+  --background-accent: #f3eee5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);