Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -10,8 +10,7 @@ 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 { Briefcase, Building2, ShieldCheck, TrendingUp, Users, CheckCircle } from "lucide-react";
-import { Briefcase, Building2, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,21 +31,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"
     />
@@ -54,62 +45,40 @@ 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",
+        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"
+      imageSrc="https://img.b2bpic.net/premium-photo/fund-managers-team-consultation-discuss-about-analysis-investment-stock-market-office_265022-104085.jpg?id=392388891"
       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,45 +90,32 @@ 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"
+      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."
       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"
@@ -168,118 +124,41 @@ 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",
+          id: "m1",          value: "100+",          title: "Proyectos Gestionados",          items: [
-          value: "500+",
+            "Gestión Eficiente",            "Resolución Ágil",            "Cumplimiento Garantizado"],
-          title: "Proyectos Gestionados",
-          items: [
-            "Municipales",
-            "Estatales",
-            "Federales",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "5+",          title: "Años Trayectoria",          items: [
-          value: "99%",
+            "Expertise Sólida",            "Experiencia Estratégica",            "Visión de Crecimiento"],
-          title: "Satisfacción Cliente",
-          items: [
-            "Seguridad",
-            "Resultados",
-            "Cumplimiento",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "99%",          title: "Satisfacción Cliente",          items: [
-          value: "15+",
+            "Resultados Reales",            "Compromiso Total",            "Calidad de Servicio"],
-          title: "Años Trayectoria",
-          items: [
-            "Expertise",
-            "Estrategia",
-            "Crecimiento",
-          ],
         },
       ]}
       title="Resultados en Cifras"
-      description="Compromiso con la excelencia y la eficiencia empresarial."
+      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"
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      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: "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: "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: "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: "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",
-        },
-      ]}
-      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
+      containerClassName="px-4 sm:px-6 lg:px-8 mx-auto max-w-screen-xl"
       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"
       faqsAnimation="slide-up"
@@ -288,10 +167,10 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCenter
+      containerClassName="px-4 sm:px-6 lg:px-8 mx-auto max-w-screen-md"
       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."
@@ -300,39 +179,31 @@ export default function LandingPage() {
 
   <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={[
         {
-          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: "#",
-            },
           ],
         },
       ]}
       copyrightText="© 2024 GREI Gestión Empresarial."
+      columnsClassName="flex flex-col sm:flex-row justify-between gap-8"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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