diff --git a/src/app/clientes/page.tsx b/src/app/clientes/page.tsx
new file mode 100644
index 0000000..5350a90
--- /dev/null
+++ b/src/app/clientes/page.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function ClientsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeMediumTitles"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              {
+                name: "Inicio",                id: "hero"},
+              {
+                name: "Nosotros",                id: "about"},
+              {
+                name: "Funcionalidades",                id: "features"},
+              {
+                name: "Métricas",                id: "metrics"},
+              {
+                name: "Productos",                id: "products"},
+              {
+                name: "Precios",                id: "pricing"},
+              {
+                name: "Clientes",                href: "/clientes"},
+              {
+                name: "Proveedores",                href: "/proveedores"},
+              {
+                name: "Testimonios",                id: "testimonials"},
+              {
+                name: "FAQ",                id: "faq"},
+              {
+                name: "Contacto",                id: "contact"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
+            logoAlt="Surtidora Ramona Logo"
+            brandName="SURTIDORA RAMONA"
+          />
+        </div>
+
+        <div className="container mx-auto py-20 px-4">
+          <h1 className="text-4xl font-bold text-center mb-8">Gestión de Clientes</h1>
+          <p className="text-lg text-center text-foreground mb-12">Aquí se implementarán las operaciones CRUD, gestión de contactos y almacenamiento de información de clientes.</p>
+          <div className="mt-10 p-6 bg-card rounded-lg shadow-lg max-w-2xl mx-auto">
+            <h2 className="text-2xl font-semibold mb-4 text-foreground">Módulo en Desarrollo</h2>
+            <p className="text-foreground/80">Estamos trabajando para ofrecerte la mejor experiencia en la gestión de tus clientes. Próximamente disponible con todas las funcionalidades de administración y contacto.</p>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
+            logoAlt="Surtidora Ramona Logo"
+            logoText="SURTIDORA RAMONA"
+            copyrightText="© 2024 Surtidora Ramona. Todos los derechos reservados."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/configuracion/page.tsx b/src/app/configuracion/page.tsx
new file mode 100644
index 0000000..a0e3440
--- /dev/null
+++ b/src/app/configuracion/page.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Settings, Users } from "lucide-react";
+
+export default function ConfiguracionPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeMediumTitles"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                {
+                name: "Inicio",                id: "hero"},
+                {
+                name: "Nosotros",                id: "about"},
+                {
+                name: "Funcionalidades",                id: "features"},
+                {
+                name: "Métricas",                id: "metrics"},
+                {
+                name: "Productos",                id: "products"},
+                {
+                name: "Precios",                id: "pricing"},
+                {
+                name: "Testimonios",                id: "testimonials"},
+                {
+                name: "FAQ",                id: "faq"},
+                {
+                name: "Contacto",                id: "contact"},
+                {
+                name: "Reportes",                id: "reportes"},
+                {
+                name: "Configuración",                id: "configuracion"}
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
+            logoAlt="Surtidora Ramona Logo"
+            brandName="SURTIDORA RAMONA"
+            />
+        </div>
+
+        <main className="container mx-auto p-8 pt-24 min-h-screen">
+          <h1 className="text-5xl font-bold text-center mb-6 mt-12">Configuración del Sistema</h1>
+          <p className="text-xl text-center text-foreground/70 mb-12">
+            Administre los ajustes del sistema y la gestión de usuarios para optimizar su operación.
+          </p>
+
+          <section className="my-16 bg-card p-8 rounded-xl shadow-lg">
+            <div className="flex items-center gap-4 mb-6">
+              <Settings size={32} className="text-primary-cta" />
+              <h2 className="text-3xl font-semibold">Ajustes Generales</h2>
+            </div>
+            <p className="text-lg text-foreground/80 mb-6">Personalice los parámetros generales de su plataforma ERP, incluyendo notificaciones, formatos de fecha y hora, y preferencias regionales.</p>
+            <div className="space-y-4">
+              <div className="p-4 bg-background-accent rounded-md flex items-center justify-between">
+                <span className="font-medium">Configuración de Notificaciones</span>
+                <button className="px-4 py-2 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Editar</button>
+              </div>
+              <div className="p-4 bg-background-accent rounded-md flex items-center justify-between">
+                <span className="font-medium">Formatos Regionales</span>
+                <button className="px-4 py-2 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Editar</button>
+              </div>
+            </div>
+          </section>
+
+          <section className="my-16 bg-card p-8 rounded-xl shadow-lg">
+            <div className="flex items-center gap-4 mb-6">
+              <Users size={32} className="text-primary-cta" />
+              <h2 className="text-3xl font-semibold">Gestión de Usuarios y Roles</h2>
+            </div>
+            <p className="text-lg text-foreground/80 mb-6">Administre usuarios, asigne roles y configure permisos de acceso para su equipo, garantizando la seguridad y eficiencia operativa.</p>
+            <div className="space-y-4">
+              <div className="p-4 bg-background-accent rounded-md flex items-center justify-between">
+                <span className="font-medium">Crear Nuevo Usuario</span>
+                <button className="px-4 py-2 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Añadir Usuario</button>
+              </div>
+              <div className="p-4 bg-background-accent rounded-md flex items-center justify-between">
+                <span className="font-medium">Roles y Permisos</span>
+                <button className="px-4 py-2 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Gestionar</button>
+              </div>
+              <div className="p-4 bg-background-accent rounded-md flex items-center justify-between">
+                <span className="font-medium">Auditoría de Acceso</span>
+                <button className="px-4 py-2 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Ver Historial</button>
+              </div>
+            </div>
+          </section>
+
+        </main>
+
+        <div id="footer" data-section="footer">
+            <FooterCard
+            logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
+            logoAlt="Surtidora Ramona Logo"
+            logoText="SURTIDORA RAMONA"
+            copyrightText="© 2024 Surtidora Ramona. Todos los derechos reservados."
+            socialLinks={[
+                {
+                icon: FileDown,
+                href: "#",                ariaLabel: "Facebook"},
+                {
+                icon: FileDown,
+                href: "#",                ariaLabel: "Twitter"},
+                {
+                icon: FileDown,
+                href: "#",                ariaLabel: "Instagram"},
+                {
+                icon: FileDown,
+                href: "#",                ariaLabel: "LinkedIn"},
+            ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..211624e
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import React from "react";
+import Link from "next/link";
+import { LogOut, User } from "lucide-react";
+
+export default function DashboardPage() {
+  const erpModules = [
+    { name: "Inventario", href: "/dashboard/inventory" },
+    { name: "Facturación", href: "/dashboard/invoicing" },
+    { name: "CRM", href: "/dashboard/crm" },
+    { name: "Delivery", href: "/dashboard/delivery" },
+    { name: "Reportes", href: "/dashboard/reports" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeMediumTitles"
+      background="aurora"
+      cardStyle="inset"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div className="min-h-screen flex flex-col">
+          {/* Dashboard Header/Navigation */}
+          <header className="bg-background-accent text-foreground p-4 flex justify-between items-center shadow-md">
+            <Link href="/" className="text-xl font-bold">
+              SURTIDORA RAMONA ERP
+            </Link>
+            <div className="flex items-center space-x-4">
+              {/* Module Navigation (simplified for now) */}
+              <nav>
+                <ul className="flex space-x-4">
+                  {erpModules.map((module) => (
+                    <li key={module.name}>
+                      <Link href={module.href} className="hover:text-primary-cta">
+                        {module.name}
+                      </Link>
+                    </li>
+                  ))}
+                </ul>
+              </nav>
+              {/* User Session Management */}
+              <div className="flex items-center space-x-2">
+                <Link href="/dashboard/profile" className="flex items-center hover:text-primary-cta">
+                  <User size={18} className="mr-1" /> Profile
+                </Link>
+                <button className="flex items-center hover:text-primary-cta">
+                  <LogOut size={18} className="mr-1" /> Logout
+                </button>
+              </div>
+            </div>
+          </header>
+
+          {/* Main Content Area */}
+          <main className="flex-1 p-8">
+            <h1 className="text-4xl font-light mb-8 text-center">Dashboard Principal</h1>
+            <p className="text-lg text-center text-foreground/80">
+              Bienvenido al centro de control de tu ERP. Explora los módulos para gestionar tu negocio.
+            </p>
+            {/* Placeholder for ERP module content */}
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-12">
+              {erpModules.map((module) => (
+                <Link
+                  key={module.name}
+                  href={module.href}
+                  className="bg-card p-6 rounded-lg shadow-sm hover:shadow-lg transition-shadow duration-300 flex flex-col items-center justify-center text-center group"
+                >
+                  <h2 className="text-2xl font-semibold mb-2 group-hover:text-primary-cta transition-colors duration-300">{module.name}</h2>
+                  <p className="text-foreground/70">Gestiona y optimiza {module.name.toLowerCase()}.</p>
+                </Link>
+              ))}
+            </div>
+          </main>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..79595c5
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ButtonTextShift from '@/components/button/ButtonTextShift/ButtonTextShift';
+
+export default function LoginPage() {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  const handleLogin = (e: React.FormEvent) => {
+    e.preventDefault();
+    // In a real application, this would send credentials to an API
+    console.log("Login attempt:", { email, password });
+    alert("Login functionality is not implemented in this frontend demo.");
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeMediumTitles"
+      background="aurora"
+      cardStyle="inset"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div className="flex min-h-screen items-center justify-center p-4">
+        <div className="w-full max-w-md rounded-lg bg-card p-8 shadow-lg">
+          <h1 className="mb-6 text-center text-3xl font-semibold text-foreground">
+            Iniciar Sesión
+          </h1>
+          <form onSubmit={handleLogin}>
+            <div className="mb-4">
+              <label htmlFor="email" className="block text-sm font-medium text-foreground mb-2">
+                Correo Electrónico
+              </label>
+              <input
+                type="email"
+                id="email"
+                className="w-full rounded-md border border-gray-300 bg-background px-3 py-2 text-foreground focus:border-primary-cta focus:ring-primary-cta"
+                placeholder="tu@ejemplo.com"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                required
+              />
+            </div>
+            <div className="mb-6">
+              <label htmlFor="password" className="block text-sm font-medium text-foreground mb-2">
+                Contraseña
+              </label>
+              <input
+                type="password"
+                id="password"
+                className="w-full rounded-md border border-gray-300 bg-background px-3 py-2 text-foreground focus:border-primary-cta focus:ring-primary-cta"
+                placeholder="••••••••"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+              />
+            </div>
+            <ButtonTextShift
+              text="Entrar"
+              type="submit"
+              className="w-full"
+              ariaLabel="Iniciar sesión"
+            />
+          </form>
+          <p className="mt-6 text-center text-sm text-foreground">
+            ¿Olvidaste tu contraseña?{" "}
+            <a href="#" className="text-primary-cta hover:underline">
+              Recuperar
+            </a>
+          </p>
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4053b8b..3d12aba 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,41 +34,23 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Inicio",
-          id: "hero",
-        },
+          name: "Inicio",          id: "hero"},
         {
-          name: "Nosotros",
-          id: "about",
-        },
+          name: "Nosotros",          id: "about"},
         {
-          name: "Funcionalidades",
-          id: "features",
-        },
+          name: "Funcionalidades",          id: "features"},
         {
-          name: "Métricas",
-          id: "metrics",
-        },
+          name: "Métricas",          id: "metrics"},
         {
-          name: "Productos",
-          id: "products",
-        },
+          name: "Productos",          id: "products"},
         {
-          name: "Precios",
-          id: "pricing",
-        },
+          name: "Precios",          id: "pricing"},
         {
-          name: "Testimonios",
-          id: "testimonials",
-        },
+          name: "Testimonios",          id: "testimonials"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contacto",
-          id: "contact",
-        },
+          name: "Contacto",          id: "contact"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
       logoAlt="Surtidora Ramona Logo"
@@ -82,35 +64,21 @@ export default function LandingPage() {
       description="Gestión total para distribuidores y supermercados. Moderniza tu operación con inventario inteligente, facturación profesional, y IA predictiva."
       buttons={[
         {
-          text: "Solicitar Demo",
-          href: "#contact",
-        },
+          text: "Solicitar Demo",          href: "#contact"},
         {
-          text: "Ver Funcionalidades",
-          href: "#features",
-        },
+          text: "Ver Funcionalidades",          href: "#features"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
-          alt: "John Doe",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",          alt: "John Doe"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831045.jpg",
-          alt: "Jane Smith",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831045.jpg",          alt: "Jane Smith"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          alt: "Carlos Ruiz",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",          alt: "Carlos Ruiz"},
         {
-          src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
-          alt: "Maria Gomez",
-        },
+          src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",          alt: "Maria Gomez"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg",
-          alt: "Alex Chen",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg",          alt: "Alex Chen"},
       ]}
       avatarText="Más de 500 empresas ya confían en nosotros"
       imageSrc="http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=1"
@@ -129,21 +97,13 @@ export default function LandingPage() {
       description="Surtidora Ramona ERP es la solución definitiva para optimizar cada aspecto de tu empresa de consumo masivo. Diseñada para supermercados, distribuidores y cadenas, nuestra plataforma ofrece control total y crecimiento escalable."
       bulletPoints={[
         {
-          title: "Eficiencia Operativa",
-          description: "Automatiza procesos clave, desde inventario hasta contabilidad, reduciendo errores y ahorrando tiempo.",
-        },
+          title: "Eficiencia Operativa",          description: "Automatiza procesos clave, desde inventario hasta contabilidad, reduciendo errores y ahorrando tiempo."},
         {
-          title: "Decisiones Basadas en Datos",
-          description: "Accede a reportes avanzados y análisis de IA para tomar decisiones estratégicas informadas y predictivas.",
-        },
+          title: "Decisiones Basadas en Datos",          description: "Accede a reportes avanzados y análisis de IA para tomar decisiones estratégicas informadas y predictivas."},
         {
-          title: "Experiencia del Cliente Mejorada",
-          description: "Gestiona clientes y entregas con CRM y módulos de delivery, garantizando un servicio excepcional.",
-        },
+          title: "Experiencia del Cliente Mejorada",          description: "Gestiona clientes y entregas con CRM y módulos de delivery, garantizando un servicio excepcional."},
         {
-          title: "Escalabilidad Garantizada",
-          description: "Una plataforma robusta, lista para crecer contigo y soportar múltiples sucursales y operaciones futuras.",
-        },
+          title: "Escalabilidad Garantizada",          description: "Una plataforma robusta, lista para crecer contigo y soportar múltiples sucursales y operaciones futuras."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/group-businesswomen-sharing-insight-new-project-copy-space_482257-124016.jpg"
       imageAlt="Diverse business team collaborating in a modern office."
@@ -158,19 +118,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       negativeCard={{
         items: [
-          "Gestión manual ineficiente",
-          "Datos dispersos y desactualizados",
-          "Falta de visibilidad financiera",
-          "Procesos de entrega complejos",
-        ],
+          "Gestión manual ineficiente",          "Datos dispersos y desactualizados",          "Falta de visibilidad financiera",          "Procesos de entrega complejos"],
       }}
       positiveCard={{
         items: [
-          "Automatización integral de procesos",
-          "Panel unificado con datos en tiempo real",
-          "Reportes financieros y KPIs precisos",
-          "Optimización de rutas y entregas",
-        ],
+          "Automatización integral de procesos",          "Panel unificado con datos en tiempo real",          "Reportes financieros y KPIs precisos",          "Optimización de rutas y entregas"],
       }}
       title="ERP de Próxima Generación para un Control Total"
       description="Accede a funcionalidades avanzadas diseñadas para maximizar la eficiencia y rentabilidad en cada área de tu negocio, superando los límites de los sistemas tradicionales."
@@ -185,28 +137,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "facturacion",
-          value: "+25%",
-          description: "Aumento en la facturación anual de nuestros clientes.",
-        },
+          id: "facturacion",          value: "+2.3M USD",          description: "Facturación en Tiempo Real (últimas 24h)"},
         {
-          id: "rentabilidad",
-          value: "+15%",
-          description: "Mejora promedio en el margen de rentabilidad.",
-        },
+          id: "rentabilidad",          value: "18.5%",          description: "Margen de Beneficio Actual"},
         {
-          id: "inventario",
-          value: "-30%",
-          description: "Reducción de pérdidas por stock obsoleto o bajo.",
-        },
+          id: "inventario",          value: "99.7%",          description: "Precisión de Inventario Dinámico"},
         {
-          id: "satisfaccion",
-          value: "98%",
-          description: "Nivel de satisfacción en la gestión de pedidos.",
-        },
+          id: "satisfaccion",          value: "4.9/5",          description: "Satisfacción del Cliente (Live)"},
       ]}
-      title="Indicadores Clave para Decisiones Inteligentes"
-      description="Monitorea en tiempo real los KPIs más importantes de tu negocio y toma el control de tu crecimiento con datos precisos y análisis predictivos."
+      title="Dashboard de Métricas en Tiempo Real"
+      description="Visualiza y monitorea tus indicadores clave de rendimiento (KPIs) con widgets de datos en tiempo real, optimizados para la toma de decisiones empresariales."
     />
   </div>
 
@@ -218,47 +158,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Alimentos y Víveres",
-          price: "Gestionado por el ERP",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623444.jpg",
-          imageAlt: "Alimentos y Víveres",
-        },
+          id: "p1",          name: "Alimentos y Víveres",          price: "Gestionado por el ERP",          imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623444.jpg",          imageAlt: "Alimentos y Víveres"},
         {
-          id: "p2",
-          name: "Frutas y Vegetales Frescos",
-          price: "Control de Caducidad",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-vegetables-supermarket-photo-your-advertising_185193-110549.jpg",
-          imageAlt: "Frutas y Vegetales Frescos",
-        },
+          id: "p2",          name: "Frutas y Vegetales Frescos",          price: "Control de Caducidad",          imageSrc: "http://img.b2bpic.net/free-photo/photo-vegetables-supermarket-photo-your-advertising_185193-110549.jpg",          imageAlt: "Frutas y Vegetales Frescos"},
         {
-          id: "p3",
-          name: "Artículos de Limpieza",
-          price: "Alertas de Reposición",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-cleaning-concept_23-2148133329.jpg",
-          imageAlt: "Artículos de Limpieza",
-        },
+          id: "p3",          name: "Artículos de Limpieza",          price: "Alertas de Reposición",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-cleaning-concept_23-2148133329.jpg",          imageAlt: "Artículos de Limpieza"},
         {
-          id: "p4",
-          name: "Bebidas y Refrescos",
-          price: "Análisis de Demanda",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-looking-wine-display_107420-84926.jpg",
-          imageAlt: "Bebidas y Refrescos",
-        },
+          id: "p4",          name: "Bebidas y Refrescos",          price: "Análisis de Demanda",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-looking-wine-display_107420-84926.jpg",          imageAlt: "Bebidas y Refrescos"},
         {
-          id: "p5",
-          name: "Cuidado Personal",
-          price: "Seguimiento de Stock",
-          imageSrc: "http://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60056.jpg",
-          imageAlt: "Cuidado Personal",
-        },
+          id: "p5",          name: "Cuidado Personal",          price: "Seguimiento de Stock",          imageSrc: "http://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60056.jpg",          imageAlt: "Cuidado Personal"},
         {
-          id: "p6",
-          name: "Lácteos y Congelados",
-          price: "Óptima Rotación",
-          imageSrc: "http://img.b2bpic.net/free-photo/stashed-flour-used-cooking_23-2149517177.jpg",
-          imageAlt: "Lácteos y Congelados",
-        },
+          id: "p6",          name: "Lácteos y Congelados",          price: "Óptima Rotación",          imageSrc: "http://img.b2bpic.net/free-photo/stashed-flour-used-cooking_23-2149517177.jpg",          imageAlt: "Lácteos y Congelados"},
       ]}
       title="Gestión Inteligente de tus Productos"
       description="Desde alimentos hasta artículos del hogar, nuestro ERP clasifica, controla y optimiza tu inventario, asegurando disponibilidad y maximizando la rentabilidad en cada categoría."
@@ -272,49 +182,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basico",
-          badge: "Inicio",
-          badgeIcon: Sparkles,
-          price: "$99/mes",
-          subtitle: "Para pequeños comercios",
-          features: [
-            "Módulo de Inventario Básico",
-            "Facturación Contado",
-            "Gestión de Clientes (CRM)",
-            "Soporte Estándar",
-          ],
+          id: "basico",          badge: "Inicio",          badgeIcon: Sparkles,
+          price: "$99/mes",          subtitle: "Para pequeños comercios",          features: [
+            "Módulo de Inventario Básico",            "Facturación Contado",            "Gestión de Clientes (CRM)",            "Soporte Estándar"],
         },
         {
-          id: "profesional",
-          badge: "Más Popular",
-          badgeIcon: Star,
-          price: "$249/mes",
-          subtitle: "Para distribuidores y PYMES",
-          features: [
-            "Inventario Inteligente Completo",
-            "Facturación Profesional (Crédito, Cotizaciones)",
-            "Punto de Venta (POS)",
-            "Módulo de Proveedores",
-            "Delivery Management",
-            "Reportes Avanzados",
-            "Soporte Prioritario",
-          ],
+          id: "profesional",          badge: "Más Popular",          badgeIcon: Star,
+          price: "$249/mes",          subtitle: "Para distribuidores y PYMES",          features: [
+            "Inventario Inteligente Completo",            "Facturación Profesional (Crédito, Cotizaciones)",            "Punto de Venta (POS)",            "Módulo de Proveedores",            "Delivery Management",            "Reportes Avanzados",            "Soporte Prioritario"],
         },
         {
-          id: "corporativo",
-          badge: "Empresarial",
-          badgeIcon: Award,
-          price: "Personalizado",
-          subtitle: "Para cadenas y grandes empresas",
-          features: [
-            "Todas las funciones del plan Profesional",
-            "Módulo de Contabilidad",
-            "Módulo de Recursos Humanos",
-            "Integración con IA (Predicción, Asistente)",
-            "Roles y Seguridad Avanzada",
-            "Gestión Multi-sucursal",
-            "Soporte 24/7 y Consultoría Dedicada",
-          ],
+          id: "corporativo",          badge: "Empresarial",          badgeIcon: Award,
+          price: "Personalizado",          subtitle: "Para cadenas y grandes empresas",          features: [
+            "Todas las funciones del plan Profesional",            "Módulo de Contabilidad",            "Módulo de Recursos Humanos",            "Integración con IA (Predicción, Asistente)",            "Roles y Seguridad Avanzada",            "Gestión Multi-sucursal",            "Soporte 24/7 y Consultoría Dedicada"],
         },
       ]}
       title="Planes Flexibles para tu Crecimiento"
@@ -328,65 +208,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Ana García",
-          date: "23 de Enero, 2024",
-          title: "Aumento del 30% en Eficiencia de Inventario",
-          quote: "Surtidora Ramona ERP revolucionó nuestra gestión de inventario. Las alertas de reposición y el control de vencimientos son invaluables. ¡Es un antes y un después para nuestro supermercado!",
-          tag: "Supermercado 'La Cosecha'",
-          avatarSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
-          avatarAlt: "Ana García",
-          imageSrc: "http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg",
-          imageAlt: "female CEO confident portrait retail",
-        },
+          id: "t1",          name: "Ana García",          date: "23 de Enero, 2024",          title: "Aumento del 30% en Eficiencia de Inventario",          quote: "Surtidora Ramona ERP revolucionó nuestra gestión de inventario. Las alertas de reposición y el control de vencimientos son invaluables. ¡Es un antes y un después para nuestro supermercado!",          tag: "Supermercado 'La Cosecha'",          avatarSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",          avatarAlt: "Ana García",          imageSrc: "http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg",          imageAlt: "female CEO confident portrait retail"},
         {
-          id: "t2",
-          name: "Luis Pérez",
-          date: "15 de Febrero, 2024",
-          title: "Facturación Rápida y Profesional",
-          quote: "La función de facturación es increíblemente rápida y personalizable. Podemos generar facturas, cotizaciones y recibos en segundos, y enviarlos por WhatsApp. ¡Nuestros clientes están encantados!",
-          tag: "Distribuidora 'El Éxito'",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-overalls-looking-camera-with-folded-hands_259150-56910.jpg",
-          avatarAlt: "Luis Pérez",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=2",
-          imageAlt: "female CEO confident portrait retail",
-        },
+          id: "t2",          name: "Luis Pérez",          date: "15 de Febrero, 2024",          title: "Facturación Rápida y Profesional",          quote: "La función de facturación es increíblemente rápida y personalizable. Podemos generar facturas, cotizaciones y recibos en segundos, y enviarlos por WhatsApp. ¡Nuestros clientes están encantados!",          tag: "Distribuidora 'El Éxito'",          avatarSrc: "http://img.b2bpic.net/free-photo/man-overalls-looking-camera-with-folded-hands_259150-56910.jpg",          avatarAlt: "Luis Pérez",          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=2",          imageAlt: "female CEO confident portrait retail"},
         {
-          id: "t3",
-          name: "Sofía Rodríguez",
-          date: "10 de Marzo, 2024",
-          title: "Control Total de Delivery y Clientes",
-          quote: "El módulo de delivery nos permitió organizar nuestras rutas y asignar repartidores de manera eficiente. Además, el CRM nos ayuda a entender mejor a nuestros clientes frecuentes. Excelente plataforma.",
-          tag: "Tienda 'Mi Bodega'",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
-          avatarAlt: "Sofía Rodríguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
-          imageAlt: "female CEO confident portrait retail",
-        },
+          id: "t3",          name: "Sofía Rodríguez",          date: "10 de Marzo, 2024",          title: "Control Total de Delivery y Clientes",          quote: "El módulo de delivery nos permitió organizar nuestras rutas y asignar repartidores de manera eficiente. Además, el CRM nos ayuda a entender mejor a nuestros clientes frecuentes. Excelente plataforma.",          tag: "Tienda 'Mi Bodega'",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",          avatarAlt: "Sofía Rodríguez",          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",          imageAlt: "female CEO confident portrait retail"},
         {
-          id: "t4",
-          name: "Roberto Morales",
-          date: "5 de Abril, 2024",
-          title: "IA Predictiva que Impulsa Ventas",
-          quote: "La integración de la IA ha sido clave. Ahora podemos predecir la demanda de productos y optimizar nuestras compras. 'Asistente Ramona' es como tener un analista 24/7.",
-          tag: "Cadena de Abastos 'FreshMarket'",
-          avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-          avatarAlt: "Roberto Morales",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831045.jpg",
-          imageAlt: "female CEO confident portrait retail",
-        },
+          id: "t4",          name: "Roberto Morales",          date: "5 de Abril, 2024",          title: "IA Predictiva que Impulsa Ventas",          quote: "La integración de la IA ha sido clave. Ahora podemos predecir la demanda de productos y optimizar nuestras compras. 'Asistente Ramona' es como tener un analista 24/7.",          tag: "Cadena de Abastos 'FreshMarket'",          avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",          avatarAlt: "Roberto Morales",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831045.jpg",          imageAlt: "female CEO confident portrait retail"},
         {
-          id: "t5",
-          name: "Elena Castro",
-          date: "28 de Abril, 2024",
-          title: "Seguridad y Roles Claros para mi Equipo",
-          quote: "La gestión de roles y permisos nos da tranquilidad. Sabemos quién hace qué y tenemos un historial de auditoría completo. La seguridad es una prioridad para Surtidora Ramona.",
-          tag: "Supermercado 'Gourmet Express'",
-          avatarSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900145.jpg",
-          avatarAlt: "Elena Castro",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          imageAlt: "female CEO confident portrait retail",
-        },
+          id: "t5",          name: "Elena Castro",          date: "28 de Abril, 2024",          title: "Seguridad y Roles Claros para mi Equipo",          quote: "La gestión de roles y permisos nos da tranquilidad. Sabemos quién hace qué y tenemos un historial de auditoría completo. La seguridad es una prioridad para Surtidora Ramona.",          tag: "Supermercado 'Gourmet Express'",          avatarSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900145.jpg",          avatarAlt: "Elena Castro",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",          imageAlt: "female CEO confident portrait retail"},
       ]}
       title="Nuestros Clientes Impulsan su Éxito"
       description="Empresas como la tuya ya están transformando sus operaciones con Surtidora Ramona ERP. Conoce sus historias de éxito y cómo nuestra plataforma ha marcado la diferencia."
@@ -398,25 +228,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "¿Es Surtidora Ramona ERP compatible con mi negocio?",
-          content: "Sí, nuestra plataforma está diseñada para ser escalable y adaptable a diferentes tipos de negocios de consumo masivo, desde pequeños comercios y supermercados hasta grandes distribuidores y cadenas comerciales.",
-        },
+          id: "faq1",          title: "¿Es Surtidora Ramona ERP compatible con mi negocio?",          content: "Sí, nuestra plataforma está diseñada para ser escalable y adaptable a diferentes tipos de negocios de consumo masivo, desde pequeños comercios y supermercados hasta grandes distribuidores y cadenas comerciales."},
         {
-          id: "faq2",
-          title: "¿Necesito conocimientos técnicos para usar el ERP?",
-          content: "No. Hemos diseñado Surtidora Ramona ERP con una interfaz intuitiva y fácil de usar, eliminando la necesidad de conocimientos técnicos avanzados. Ofrecemos capacitación completa y soporte para que tu equipo pueda empezar rápidamente.",
-        },
+          id: "faq2",          title: "¿Necesito conocimientos técnicos para usar el ERP?",          content: "No. Hemos diseñado Surtidora Ramona ERP con una interfaz intuitiva y fácil de usar, eliminando la necesidad de conocimientos técnicos avanzados. Ofrecemos capacitación completa y soporte para que tu equipo pueda empezar rápidamente."},
         {
-          id: "faq3",
-          title: "¿Cómo funciona la integración de la Inteligencia Artificial?",
-          content: "Nuestra IA predice tendencias de ventas, recomienda niveles de stock óptimos y analiza datos financieros para ofrecerte insights valiosos. El 'Asistente Ramona' te permite consultar información clave en lenguaje natural.",
-        },
+          id: "faq3",          title: "¿Cómo funciona la integración de la Inteligencia Artificial?",          content: "Nuestra IA predice tendencias de ventas, recomienda niveles de stock óptimos y analiza datos financieros para ofrecerte insights valiosos. El 'Asistente Ramona' te permite consultar información clave en lenguaje natural."},
         {
-          id: "faq4",
-          title: "¿Soporta la gestión de múltiples sucursales?",
-          content: "Absolutamente. Surtidora Ramona ERP está preparado para gestionar múltiples sucursales desde una única plataforma centralizada, ofreciéndote una visión consolidada y control total de todas tus operaciones.",
-        },
+          id: "faq4",          title: "¿Soporta la gestión de múltiples sucursales?",          content: "Absolutamente. Surtidora Ramona ERP está preparado para gestionar múltiples sucursales desde una única plataforma centralizada, ofreciéndote una visión consolidada y control total de todas tus operaciones."},
       ]}
       sideTitle="¿Tienes Preguntas? Te Ayudamos"
       sideDescription="Explora nuestras preguntas frecuentes para encontrar respuestas rápidas sobre Surtidora Ramona ERP. Si no encuentras lo que buscas, contáctanos directamente."
@@ -429,18 +247,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       text="Listo para potenciar tu negocio? Agenda una demostración gratuita y descubre cómo Surtidora Ramona ERP puede transformar tus operaciones y prepararte para el futuro."
       buttons={[
         {
-          text: "Agenda una Demo",
-          href: "mailto:info@surtidoraramona.com?subject=Solicitud%20de%20Demostración%20ERP",
-        },
+          text: "Agenda una Demo",          href: "mailto:info@surtidoraramona.com?subject=Solicitud%20de%20Demostración%20ERP"},
         {
-          text: "Contáctanos",
-          href: "tel:+123456789",
-        },
+          text: "Contáctanos",          href: "tel:+123456789"},
       ]}
     />
   </div>
@@ -454,24 +267,16 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
+          href: "#",          ariaLabel: "Facebook"},
         {
           icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
+          href: "#",          ariaLabel: "Twitter"},
         {
           icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
+          href: "#",          ariaLabel: "Instagram"},
         {
           icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
+          href: "#",          ariaLabel: "LinkedIn"},
       ]}
     />
   </div>
diff --git a/src/app/proveedores/page.tsx b/src/app/proveedores/page.tsx
new file mode 100644
index 0000000..69b43de
--- /dev/null
+++ b/src/app/proveedores/page.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function SuppliersPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeMediumTitles"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              {
+                name: "Inicio",                id: "hero"},
+              {
+                name: "Nosotros",                id: "about"},
+              {
+                name: "Funcionalidades",                id: "features"},
+              {
+                name: "Métricas",                id: "metrics"},\n              {
+                name: "Productos",                id: "products"},
+              {
+                name: "Precios",                id: "pricing"},
+              {
+                name: "Clientes",                href: "/clientes"},
+              {
+                name: "Proveedores",                href: "/proveedores"},
+              {
+                name: "Testimonios",                id: "testimonials"},
+              {
+                name: "FAQ",                id: "faq"},
+              {
+                name: "Contacto",                id: "contact"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
+            logoAlt="Surtidora Ramona Logo"
+            brandName="SURTIDORA RAMONA"
+          />
+        </div>
+
+        <div className="container mx-auto py-20 px-4">
+          <h1 className="text-4xl font-bold text-center mb-8">Gestión de Proveedores</h1>
+          <p className="text-lg text-center text-foreground mb-12">Aquí se implementarán las operaciones CRUD, gestión de contactos y almacenamiento de información de proveedores.</p>
+          <div className="mt-10 p-6 bg-card rounded-lg shadow-lg max-w-2xl mx-auto">
+            <h2 className="text-2xl font-semibold mb-4 text-foreground">Módulo en Desarrollo</h2>
+            <p className="text-foreground/80">Estamos trabajando para ofrecerte la mejor experiencia en la gestión de tus proveedores. Próximamente disponible con todas las funcionalidades de administración y contacto.</p>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
+            logoAlt="Surtidora Ramona Logo"
+            logoText="SURTIDORA RAMONA"
+            copyrightText="© 2024 Surtidora Ramona. Todos los derechos reservados."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/reportes/page.tsx b/src/app/reportes/page.tsx
new file mode 100644
index 0000000..c968785
--- /dev/null
+++ b/src/app/reportes/page.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { FileDown, FileSpreadsheet } from "lucide-react";
+
+export default function ReportesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeMediumTitles"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                {
+                name: "Inicio",                id: "hero"},
+                {
+                name: "Nosotros",                id: "about"},
+                {
+                name: "Funcionalidades",                id: "features"},
+                {
+                name: "Métricas",                id: "metrics"},
+                {
+                name: "Productos",                id: "products"},
+                {
+                name: "Precios",                id: "pricing"},
+                {
+                name: "Testimonios",                id: "testimonials"},
+                {
+                name: "FAQ",                id: "faq"},
+                {
+                name: "Contacto",                id: "contact"},
+                {
+                name: "Reportes",                id: "reportes"},
+                {
+                name: "Configuración",                id: "configuracion"}
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
+            logoAlt="Surtidora Ramona Logo"
+            brandName="SURTIDORA RAMONA"
+            />
+        </div>
+
+        <main className="container mx-auto p-8 pt-24 min-h-screen">
+          <h1 className="text-5xl font-bold text-center mb-6 mt-12">Módulo de Reportes</h1>
+          <p className="text-xl text-center text-foreground/70 mb-12">
+            Acceda a reportes detallados y métricas en tiempo real para una toma de decisiones informada.
+          </p>
+
+          <section className="my-16">
+            <h2 className="text-4xl font-semibold mb-8 text-center">Exportación de Datos</h2>
+            <div className="flex justify-center gap-6 mb-12">
+              <button className="px-8 py-4 bg-primary-cta text-white rounded-lg shadow-lg hover:bg-primary-cta/90 transition-colors flex items-center gap-2">
+                <FileDown size={24} /> Exportar a PDF
+              </button>
+              <button className="px-8 py-4 bg-secondary-cta text-white rounded-lg shadow-lg hover:bg-secondary-cta/90 transition-colors flex items-center gap-2">
+                <FileSpreadsheet size={24} /> Exportar a Excel
+              </button>
+            </div>
+          </section>
+
+          <div id="metrics" data-section="metrics">
+            <MetricCardTwo
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="uniform-all-items-equal"
+              useInvertedBackground={false}
+              metrics={[
+                { id: "sales", value: "+18%", description: "Crecimiento de Ventas (Mensual)" },
+                { id: "inventory", value: "95%", description: "Precisión de Inventario" },
+                { id: "customer", value: "4.8/5", description: "Satisfacción del Cliente" },
+                { id: "delivery", value: "99%", description: "Entregas a Tiempo" },
+                { id: "profit", value: "+12%", description: "Margen de Beneficio (Trimestral)" },
+                { id: "returns", value: "2%", description: "Tasa de Devoluciones" }
+              ]}
+              title="Métricas Clave en Tiempo Real"
+              description="Monitoree los indicadores más importantes de su negocio al instante."
+            />
+          </div>
+
+        </main>
+
+        <div id="footer" data-section="footer">
+            <FooterCard
+            logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
+            logoAlt="Surtidora Ramona Logo"
+            logoText="SURTIDORA RAMONA"
+            copyrightText="© 2024 Surtidora Ramona. Todos los derechos reservados."
+            socialLinks={[
+                {
+                icon: FileDown,
+                href: "#",                ariaLabel: "Facebook"},
+                {
+                icon: FileDown,
+                href: "#",                ariaLabel: "Twitter"},
+                {
+                icon: FileDown,
+                href: "#",                ariaLabel: "Instagram"},
+                {
+                icon: FileDown,
+                href: "#",                ariaLabel: "LinkedIn"},
+            ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}