Merge version_2 into main #4
@@ -37,9 +37,9 @@ export default function ClientsPage() {
|
|||||||
{
|
{
|
||||||
name: "Precios", id: "pricing"},
|
name: "Precios", id: "pricing"},
|
||||||
{
|
{
|
||||||
name: "Clientes", href: "/clientes"},
|
name: "Clientes", id: "/clientes"},
|
||||||
{
|
{
|
||||||
name: "Proveedores", href: "/proveedores"},
|
name: "Proveedores", id: "/proveedores"},
|
||||||
{
|
{
|
||||||
name: "Testimonios", id: "testimonials"},
|
name: "Testimonios", id: "testimonials"},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -4,9 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
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 (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="shift-hover"
|
defaultButtonVariant="shift-hover"
|
||||||
@@ -36,16 +36,16 @@ export default function ConfiguracionPage() {
|
|||||||
name: "Productos", id: "products"},
|
name: "Productos", id: "products"},
|
||||||
{
|
{
|
||||||
name: "Precios", id: "pricing"},
|
name: "Precios", id: "pricing"},
|
||||||
|
{
|
||||||
|
name: "Clientes", id: "/clientes"},
|
||||||
|
{
|
||||||
|
name: "Proveedores", id: "/proveedores"},
|
||||||
{
|
{
|
||||||
name: "Testimonios", id: "testimonials"},
|
name: "Testimonios", id: "testimonials"},
|
||||||
{
|
{
|
||||||
name: "FAQ", id: "faq"},
|
name: "FAQ", id: "faq"},
|
||||||
{
|
{
|
||||||
name: "Contacto", id: "contact"},
|
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"
|
logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
|
||||||
logoAlt="Surtidora Ramona Logo"
|
logoAlt="Surtidora Ramona Logo"
|
||||||
@@ -53,53 +53,27 @@ export default function ConfiguracionPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
@@ -109,16 +83,16 @@ export default function ConfiguracionPage() {
|
|||||||
copyrightText="© 2024 Surtidora Ramona. Todos los derechos reservados."
|
copyrightText="© 2024 Surtidora Ramona. Todos los derechos reservados."
|
||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: FileDown,
|
icon: Facebook,
|
||||||
href: "#", ariaLabel: "Facebook"},
|
href: "#", ariaLabel: "Facebook"},
|
||||||
{
|
{
|
||||||
icon: FileDown,
|
icon: Twitter,
|
||||||
href: "#", ariaLabel: "Twitter"},
|
href: "#", ariaLabel: "Twitter"},
|
||||||
{
|
{
|
||||||
icon: FileDown,
|
icon: Instagram,
|
||||||
href: "#", ariaLabel: "Instagram"},
|
href: "#", ariaLabel: "Instagram"},
|
||||||
{
|
{
|
||||||
icon: FileDown,
|
icon: Linkedin,
|
||||||
href: "#", ariaLabel: "LinkedIn"},
|
href: "#", ariaLabel: "LinkedIn"},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -37,9 +37,9 @@ export default function SuppliersPage() {
|
|||||||
{
|
{
|
||||||
name: "Precios", id: "pricing"},
|
name: "Precios", id: "pricing"},
|
||||||
{
|
{
|
||||||
name: "Clientes", href: "/clientes"},
|
name: "Clientes", id: "/clientes"},
|
||||||
{
|
{
|
||||||
name: "Proveedores", href: "/proveedores"},
|
name: "Proveedores", id: "/proveedores"},
|
||||||
{
|
{
|
||||||
name: "Testimonios", id: "testimonials"},
|
name: "Testimonios", id: "testimonials"},
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user