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
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Inicio",
|
name: "Inicio", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Nosotros",
|
name: "Nosotros", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Funcionalidades",
|
name: "Funcionalidades", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Métricas",
|
name: "Métricas", id: "metrics"},
|
||||||
id: "metrics",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Productos",
|
name: "Productos", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Precios",
|
name: "Precios", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonios",
|
name: "Testimonios", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "faq"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contacto",
|
name: "Contacto", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
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"
|
||||||
@@ -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."
|
description="Gestión total para distribuidores y supermercados. Moderniza tu operación con inventario inteligente, facturación profesional, y IA predictiva."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Solicitar Demo",
|
text: "Solicitar Demo", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Ver Funcionalidades",
|
text: "Ver Funcionalidades", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", alt: "John Doe"},
|
||||||
alt: "John Doe",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831045.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831045.jpg", alt: "Jane Smith"},
|
||||||
alt: "Jane Smith",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Carlos Ruiz"},
|
||||||
alt: "Carlos Ruiz",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
|
src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg", alt: "Maria Gomez"},
|
||||||
alt: "Maria Gomez",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg", alt: "Alex Chen"},
|
||||||
alt: "Alex Chen",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Más de 500 empresas ya confían en nosotros"
|
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"
|
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."
|
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={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Eficiencia Operativa",
|
title: "Eficiencia Operativa", description: "Automatiza procesos clave, desde inventario hasta contabilidad, reduciendo errores y ahorrando tiempo."},
|
||||||
description: "Automatiza procesos clave, desde inventario hasta contabilidad, reduciendo errores y ahorrando tiempo.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Decisiones Basadas en Datos",
|
title: "Decisiones Basadas en Datos", description: "Accede a reportes avanzados y análisis de IA para tomar decisiones estratégicas informadas y predictivas."},
|
||||||
description: "Accede a reportes avanzados y análisis de IA para tomar decisiones estratégicas informadas y predictivas.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Experiencia del Cliente Mejorada",
|
title: "Experiencia del Cliente Mejorada", description: "Gestiona clientes y entregas con CRM y módulos de delivery, garantizando un servicio excepcional."},
|
||||||
description: "Gestiona clientes y entregas con CRM y módulos de delivery, garantizando un servicio excepcional.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Escalabilidad Garantizada",
|
title: "Escalabilidad Garantizada", description: "Una plataforma robusta, lista para crecer contigo y soportar múltiples sucursales y operaciones futuras."},
|
||||||
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"
|
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."
|
imageAlt="Diverse business team collaborating in a modern office."
|
||||||
@@ -158,19 +118,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Gestión manual ineficiente",
|
"Gestión manual ineficiente", "Datos dispersos y desactualizados", "Falta de visibilidad financiera", "Procesos de entrega complejos"],
|
||||||
"Datos dispersos y desactualizados",
|
|
||||||
"Falta de visibilidad financiera",
|
|
||||||
"Procesos de entrega complejos",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Automatización integral de procesos",
|
"Automatización integral de procesos", "Panel unificado con datos en tiempo real", "Reportes financieros y KPIs precisos", "Optimización de rutas y entregas"],
|
||||||
"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"
|
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."
|
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}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "facturacion",
|
id: "facturacion", value: "+2.3M USD", description: "Facturación en Tiempo Real (últimas 24h)"},
|
||||||
value: "+25%",
|
|
||||||
description: "Aumento en la facturación anual de nuestros clientes.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "rentabilidad",
|
id: "rentabilidad", value: "18.5%", description: "Margen de Beneficio Actual"},
|
||||||
value: "+15%",
|
|
||||||
description: "Mejora promedio en el margen de rentabilidad.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "inventario",
|
id: "inventario", value: "99.7%", description: "Precisión de Inventario Dinámico"},
|
||||||
value: "-30%",
|
|
||||||
description: "Reducción de pérdidas por stock obsoleto o bajo.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "satisfaccion",
|
id: "satisfaccion", value: "4.9/5", description: "Satisfacción del Cliente (Live)"},
|
||||||
value: "98%",
|
|
||||||
description: "Nivel de satisfacción en la gestión de pedidos.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Indicadores Clave para Decisiones Inteligentes"
|
title="Dashboard de Métricas en Tiempo Real"
|
||||||
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."
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -218,47 +158,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
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."
|
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}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basico",
|
id: "basico", badge: "Inicio", badgeIcon: Sparkles,
|
||||||
badge: "Inicio",
|
price: "$99/mes", subtitle: "Para pequeños comercios", features: [
|
||||||
badgeIcon: Sparkles,
|
"Módulo de Inventario Básico", "Facturación Contado", "Gestión de Clientes (CRM)", "Soporte Estándar"],
|
||||||
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",
|
id: "profesional", badge: "Más Popular", badgeIcon: Star,
|
||||||
badge: "Más Popular",
|
price: "$249/mes", subtitle: "Para distribuidores y PYMES", features: [
|
||||||
badgeIcon: Star,
|
"Inventario Inteligente Completo", "Facturación Profesional (Crédito, Cotizaciones)", "Punto de Venta (POS)", "Módulo de Proveedores", "Delivery Management", "Reportes Avanzados", "Soporte Prioritario"],
|
||||||
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",
|
id: "corporativo", badge: "Empresarial", badgeIcon: Award,
|
||||||
badge: "Empresarial",
|
price: "Personalizado", subtitle: "Para cadenas y grandes empresas", features: [
|
||||||
badgeIcon: Award,
|
"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"],
|
||||||
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"
|
title="Planes Flexibles para tu Crecimiento"
|
||||||
@@ -328,65 +208,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
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."
|
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}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq1",
|
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."},
|
||||||
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",
|
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."},
|
||||||
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",
|
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."},
|
||||||
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",
|
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."},
|
||||||
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"
|
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."
|
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
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
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."
|
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={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Agenda una Demo",
|
text: "Agenda una Demo", href: "mailto:info@surtidoraramona.com?subject=Solicitud%20de%20Demostración%20ERP"},
|
||||||
href: "mailto:info@surtidoraramona.com?subject=Solicitud%20de%20Demostración%20ERP",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Contáctanos",
|
text: "Contáctanos", href: "tel:+123456789"},
|
||||||
href: "tel:+123456789",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -454,24 +267,16 @@ export default function LandingPage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Facebook"},
|
||||||
ariaLabel: "Facebook",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Twitter,
|
icon: Twitter,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Twitter"},
|
||||||
ariaLabel: "Twitter",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Instagram,
|
icon: Instagram,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Instagram"},
|
||||||
ariaLabel: "Instagram",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Linkedin,
|
icon: Linkedin,
|
||||||
href: "#",
|
href: "#", ariaLabel: "LinkedIn"},
|
||||||
ariaLabel: "LinkedIn",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</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