Update src/app/page.tsx
This commit is contained in:
205
src/app/page.tsx
205
src/app/page.tsx
@@ -33,23 +33,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "#dashboard"},
|
||||
{
|
||||
name: "Usuarios",
|
||||
id: "#usuarios",
|
||||
},
|
||||
name: "Usuarios", id: "#usuarios"},
|
||||
{
|
||||
name: "Tickets",
|
||||
id: "#tickets",
|
||||
},
|
||||
name: "Tickets", id: "#tickets"},
|
||||
{
|
||||
name: "Security",
|
||||
id: "#security",
|
||||
},
|
||||
name: "Security", id: "#security"},
|
||||
]}
|
||||
brandName="EnterpriseSys"
|
||||
button={{ text: "Acceder" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,31 +52,19 @@ export default function LandingPage() {
|
||||
description="Sistema completo de gestión técnica con control de acceso basado en roles, seguimiento de tickets en tiempo real y métricas avanzadas para tu equipo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Acceder al Sistema",
|
||||
href: "#dashboard",
|
||||
},
|
||||
text: "Acceder al Sistema", href: "#dashboard"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
imageAlt: "Dashboard de gestión",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "Dashboard de gestión"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
|
||||
imageAlt: "Financial program user interface on PC screen on home office desk",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", imageAlt: "Financial program user interface on PC screen on home office desk"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
imageAlt: "Businessman studying infographics and performance metrics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", imageAlt: "Businessman studying infographics and performance metrics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
imageAlt: "Financial software UI on PC screen on apartment office desk",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "Financial software UI on PC screen on apartment office desk"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
|
||||
imageAlt: "Executive workspace features a digital dashboard with financial charts",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg", imageAlt: "Executive workspace features a digital dashboard with financial charts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,20 +76,11 @@ export default function LandingPage() {
|
||||
description="Herramientas diseñadas para potenciar la productividad técnica y el control administrativo."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Asignación de Tickets",
|
||||
content: "Distribución eficiente de tareas mediante supervisores con reasignación y priorización dinámica.",
|
||||
},
|
||||
id: "t1", title: "Asignación de Tickets", content: "Distribución eficiente de tareas mediante supervisores con reasignación y priorización dinámica."},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Gestión de Tareas",
|
||||
content: "Control total con checklists técnicos, fechas límite y estados en tiempo real.",
|
||||
},
|
||||
id: "t2", title: "Gestión de Tareas", content: "Control total con checklists técnicos, fechas límite y estados en tiempo real."},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Seguridad por Roles",
|
||||
content: "Arquitectura de acceso granular: Administrador, Supervisor y Técnico con restricciones específicas.",
|
||||
},
|
||||
id: "t3", title: "Seguridad por Roles", content: "Arquitectura de acceso granular: Administrador, Supervisor y Técnico con restricciones específicas."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -135,23 +107,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: LayoutDashboard,
|
||||
title: "Tickets Activos",
|
||||
value: "124",
|
||||
},
|
||||
id: "m1", icon: LayoutDashboard,
|
||||
title: "Tickets Activos", value: "124"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "SLA Promedio",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "SLA Promedio", value: "98%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: UserCheck,
|
||||
title: "Técnicos Online",
|
||||
value: "12",
|
||||
},
|
||||
id: "m3", icon: UserCheck,
|
||||
title: "Técnicos Online", value: "12"},
|
||||
]}
|
||||
title="Rendimiento Global"
|
||||
description="Visualiza KPIs críticos por rol: carga de trabajo, SLA y productividad."
|
||||
@@ -165,36 +128,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Administrador",
|
||||
price: "Acceso Total",
|
||||
features: [
|
||||
"Gestión Usuarios",
|
||||
"Dashboard Full",
|
||||
"Configuración SLA",
|
||||
],
|
||||
id: "p1", name: "Administrador", price: "Acceso Total", features: [
|
||||
"Gestión Usuarios", "Dashboard Full", "Configuración SLA"],
|
||||
buttons: [],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Supervisor",
|
||||
price: "Gestión Operativa",
|
||||
features: [
|
||||
"Monitoreo SLA",
|
||||
"Asignación Tickets",
|
||||
"Reportes",
|
||||
],
|
||||
id: "p2", name: "Supervisor", price: "Gestión Operativa", features: [
|
||||
"Monitoreo SLA", "Asignación Tickets", "Reportes"],
|
||||
buttons: [],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Técnico",
|
||||
price: "Ejecución",
|
||||
features: [
|
||||
"Historial Propio",
|
||||
"Gestión Tareas",
|
||||
"Checklists",
|
||||
],
|
||||
id: "p3", name: "Técnico", price: "Ejecución", features: [
|
||||
"Historial Propio", "Gestión Tareas", "Checklists"],
|
||||
buttons: [],
|
||||
},
|
||||
]}
|
||||
@@ -208,14 +153,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Hash Passwords",
|
||||
"Role Sessions",
|
||||
"Prepared Statements",
|
||||
"Audit Logs",
|
||||
"Encryption Ready",
|
||||
"RBAC System",
|
||||
"Data Validation",
|
||||
]}
|
||||
"Hash Passwords", "Role Sessions", "Prepared Statements", "Audit Logs", "Encryption Ready", "RBAC System", "Data Validation"]}
|
||||
title="Seguridad Empresarial"
|
||||
description="Protocolos de seguridad implementados para garantizar la integridad de los datos."
|
||||
/>
|
||||
@@ -228,45 +166,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Carlos M.",
|
||||
handle: "@carlos_adm",
|
||||
testimonial: "La gestión de roles ha simplificado enormemente nuestra carga administrativa.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",
|
||||
},
|
||||
id: "t1", name: "Carlos M.", handle: "@carlos_adm", testimonial: "La gestión de roles ha simplificado enormemente nuestra carga administrativa.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ana G.",
|
||||
handle: "@ana_sup",
|
||||
testimonial: "El seguimiento de tareas técnicas ahora es transparente y mucho más eficiente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg",
|
||||
},
|
||||
id: "t2", name: "Ana G.", handle: "@ana_sup", testimonial: "El seguimiento de tareas técnicas ahora es transparente y mucho más eficiente.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Luis D.",
|
||||
handle: "@luis_tec",
|
||||
testimonial: "Muy intuitivo, mi flujo de tickets diarios se ha organizado notablemente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg",
|
||||
},
|
||||
id: "t3", name: "Luis D.", handle: "@luis_tec", testimonial: "Muy intuitivo, mi flujo de tickets diarios se ha organizado notablemente.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena P.",
|
||||
handle: "@elena_adm",
|
||||
testimonial: "La seguridad basada en sesiones da mucha tranquilidad a todo el equipo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena P.", handle: "@elena_adm", testimonial: "La seguridad basada en sesiones da mucha tranquilidad a todo el equipo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mario R.",
|
||||
handle: "@mario_sup",
|
||||
testimonial: "Los reportes automáticos de SLA son un cambio de juego para mi supervisor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
},
|
||||
id: "t5", name: "Mario R.", handle: "@mario_sup", testimonial: "Los reportes automáticos de SLA son un cambio de juego para mi supervisor.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Opiniones de Expertos"
|
||||
@@ -280,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cómo se protegen las contraseñas?",
|
||||
content: "Utilizamos password_hash con algoritmos modernos para garantizar la seguridad absoluta.",
|
||||
},
|
||||
id: "q1", title: "¿Cómo se protegen las contraseñas?", content: "Utilizamos password_hash con algoritmos modernos para garantizar la seguridad absoluta."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Puedo crear roles nuevos?",
|
||||
content: "El sistema base soporta Admin, Supervisor y Técnico, pero es escalable para futuros roles.",
|
||||
},
|
||||
id: "q2", title: "¿Puedo crear roles nuevos?", content: "El sistema base soporta Admin, Supervisor y Técnico, pero es escalable para futuros roles."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Es responsive?",
|
||||
content: "Totalmente. El dashboard es compatible con cualquier dispositivo moderno.",
|
||||
},
|
||||
id: "q3", title: "¿Es responsive?", content: "Totalmente. El dashboard es compatible con cualquier dispositivo moderno."},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Dudas sobre la implementación del control de accesos."
|
||||
@@ -306,38 +210,25 @@ export default function LandingPage() {
|
||||
logoText="EnterpriseSys"
|
||||
columns={[
|
||||
{
|
||||
title: "Sistema",
|
||||
items: [
|
||||
title: "Sistema", items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dashboard", href: "#"},
|
||||
{
|
||||
label: "Tickets",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tickets", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Seguridad",
|
||||
items: [
|
||||
title: "Seguridad", items: [
|
||||
{
|
||||
label: "Roles",
|
||||
href: "#",
|
||||
},
|
||||
label: "Roles", href: "#"},
|
||||
{
|
||||
label: "Accesos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Accesos", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user