Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
90
src/app/clientes/page.tsx
Normal file
90
src/app/clientes/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
129
src/app/configuracion/page.tsx
Normal file
129
src/app/configuracion/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
87
src/app/dashboard/page.tsx
Normal file
87
src/app/dashboard/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
82
src/app/login/page.tsx
Normal file
82
src/app/login/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
313
src/app/page.tsx
313
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>
|
||||
|
||||
89
src/app/proveedores/page.tsx
Normal file
89
src/app/proveedores/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
121
src/app/reportes/page.tsx
Normal file
121
src/app/reportes/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user