Merge version_2 into main

Merge version_2 into main

src/app/clientes/page.tsx

@@ -37,9 +37,9 @@ export default function ClientsPage() {
               {
                 name: "Precios",                id: "pricing"},
               {
-                name: "Clientes",                href: "/clientes"},
+                name: "Clientes",                id: "/clientes"},
               {
-                name: "Proveedores",                href: "/proveedores"},
+                name: "Proveedores",                id: "/proveedores"},
               {
                 name: "Testimonios",                id: "testimonials"},
               {

src/app/configuracion/page.tsx

@@ -4,9 +4,9 @@ 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";
+import { Facebook, Instagram, Linkedin, Twitter, FileDown } from "lucide-react";
 
-export default function ConfiguracionPage() {
+export default function ConfigurationPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,108 +22,82 @@ export default function ConfiguracionPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarLayoutFloatingOverlay
+          <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",                id: "/clientes"},
+              {
+                name: "Proveedores",                id: "/proveedores"},
+              {
                 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">
+        <div className="container mx-auto py-20 px-4">
-          <h1 className="text-5xl font-bold text-center mb-6 mt-12">Configuración del Sistema</h1>
+          <h1 className="text-4xl font-bold text-center mb-8">Configuración del Sistema</h1>
-          <p className="text-xl text-center text-foreground/70 mb-12">
+          <p className="text-lg text-center text-foreground mb-12">Gestiona las opciones generales y descarga informes.</p>
-            Administre los ajustes del sistema y la gestión de usuarios para optimizar su operación.
+          <div className="mt-10 p-6 bg-card rounded-lg shadow-lg max-w-2xl mx-auto">
-          </p>
+            <h2 className="text-2xl font-semibold mb-4 text-foreground">Opciones de Configuración</h2>
-
+            <ul className="space-y-4">
-          <section className="my-16 bg-card p-8 rounded-xl shadow-lg">
+              <li className="flex items-center space-x-2">
-            <div className="flex items-center gap-4 mb-6">
+                <FileDown className="h-5 w-5 text-primary-cta" /> Descargar informe de ventas
-              <Settings size={32} className="text-primary-cta" />
+              </li>
-              <h2 className="text-3xl font-semibold">Ajustes Generales</h2>
+              <li className="flex items-center space-x-2">
-            </div>
+                <FileDown className="h-5 w-5 text-primary-cta" /> Exportar datos de clientes
-            <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>
+              </li>
-            <div className="space-y-4">
+              <li className="flex items-center space-x-2">
-              <div className="p-4 bg-background-accent rounded-md flex items-center justify-between">
+                <FileDown className="h-5 w-5 text-primary-cta" /> Exportar datos de proveedores
-                <span className="font-medium">Configuración de Notificaciones</span>
+              </li>
-                <button className="px-4 py-2 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Editar</button>
+              <li className="flex items-center space-x-2">
-              </div>
+                <FileDown className="h-5 w-5 text-primary-cta" /> Descargar logs del sistema
-              <div className="p-4 bg-background-accent rounded-md flex items-center justify-between">
+              </li>
-                <span className="font-medium">Formatos Regionales</span>
+            </ul>
-                <button className="px-4 py-2 bg-primary-cta text-white rounded-md hover:bg-primary-cta/90 transition-colors">Editar</button>
+          </div>
-              </div>
+        </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
+          <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,
+                icon: Facebook,
                 href: "#",                ariaLabel: "Facebook"},
-                {
+              {
-                icon: FileDown,
+                icon: Twitter,
                 href: "#",                ariaLabel: "Twitter"},
-                {
+              {
-                icon: FileDown,
+                icon: Instagram,
                 href: "#",                ariaLabel: "Instagram"},
-                {
+              {
-                icon: FileDown,
+                icon: Linkedin,
                 href: "#",                ariaLabel: "LinkedIn"},
             ]}
-            />
+          />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/proveedores/page.tsx

@@ -37,9 +37,9 @@ export default function SuppliersPage() {
               {
                 name: "Precios",                id: "pricing"},
               {
-                name: "Clientes",                href: "/clientes"},
+                name: "Clientes",                id: "/clientes"},
               {
-                name: "Proveedores",                href: "/proveedores"},
+                name: "Proveedores",                id: "/proveedores"},
               {
                 name: "Testimonios",                id: "testimonials"},
               {