bender/9bc3dc4a-4a94-40b9-a04f-6a8c46388757
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 3 commits from version_2 into main 2026-06-10 16:59:37 +00:00
Conversation 0 Commits 3 Files Changed 3 +49 -75
1 changed files with 49 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f4b0819761 - Show all commits

124
src/app/configuracion/page.tsx
View File

@@ -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">
<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 className="container mx-auto py-20 px-4">
<h1 className="text-4xl font-bold text-center mb-8">Configuración del Sistema</h1>
<p className="text-lg text-center text-foreground mb-12">Gestiona las opciones generales y descarga informes.</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">Opciones de Configuración</h2>
<ul className="space-y-4">
<li className="flex items-center space-x-2">
<FileDown className="h-5 w-5 text-primary-cta" /> Descargar informe de ventas
</li>
<li className="flex items-center space-x-2">
<FileDown className="h-5 w-5 text-primary-cta" /> Exportar datos de clientes
</li>
<li className="flex items-center space-x-2">
<FileDown className="h-5 w-5 text-primary-cta" /> Exportar datos de proveedores
</li>
<li className="flex items-center space-x-2">
<FileDown className="h-5 w-5 text-primary-cta" /> Descargar logs del sistema
</li>
</ul>
</div>
</div>
<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>
);
}
}