Update src/app/dashboard/page.tsx
This commit is contained in:
@@ -25,7 +25,7 @@ export default function DashboardPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -36,9 +36,7 @@ export default function DashboardPage() {
|
||||
brandName="TrainingHub"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Comenzar ahora",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Comenzar ahora", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,50 +47,34 @@ export default function DashboardPage() {
|
||||
tag="Control Total"
|
||||
tagIcon={BarChart3}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/saas-training-center-dashboard-with-key--1772793209640-64631369.png?_wi=2",
|
||||
imageAlt: "Dashboard de métricas",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/saas-training-center-dashboard-with-key--1772793209640-64631369.png", imageAlt: "Dashboard de métricas"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/analytics-dashboard-for-training-courses-1772793211502-ecdbffc5.png?_wi=2",
|
||||
imageAlt: "Análisis detallado",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/analytics-dashboard-for-training-courses-1772793211502-ecdbffc5.png", imageAlt: "Análisis detallado"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/intelligent-schedule-planning-interface--1772793211186-ebf0ca4a.png?_wi=2",
|
||||
imageAlt: "Planificación visual",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/intelligent-schedule-planning-interface--1772793211186-ebf0ca4a.png", imageAlt: "Planificación visual"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/generated-calendar-view-for-training-cou-1772793210187-52ac259b.png?_wi=2",
|
||||
imageAlt: "Calendario integrado",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/generated-calendar-view-for-training-cou-1772793210187-52ac259b.png", imageAlt: "Calendario integrado"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/course-edition-creation-form-showing-fie-1772793209950-48e4a25b.png?_wi=2",
|
||||
imageAlt: "Ediciones de cursos",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/course-edition-creation-form-showing-fie-1772793209950-48e4a25b.png", imageAlt: "Ediciones de cursos"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/multiple-course-edition-management-inter-1772793211274-b6e08167.png?_wi=2",
|
||||
imageAlt: "Gestión de ediciones",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/multiple-course-edition-management-inter-1772793211274-b6e08167.png", imageAlt: "Gestión de ediciones"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/real-time-dashboard-showing-key-training-1772793211216-718d1067.png?_wi=2",
|
||||
imageAlt: "Métricas en tiempo real",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/real-time-dashboard-showing-key-training-1772793211216-718d1067.png", imageAlt: "Métricas en tiempo real"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/api-integration-concept-illustration-sho-1772793210974-d53c424c.png?_wi=2",
|
||||
imageAlt: "Integraciones API",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/api-integration-concept-illustration-sho-1772793210974-d53c424c.png", imageAlt: "Integraciones API"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
buttons={[
|
||||
@@ -114,25 +96,13 @@ export default function DashboardPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "24",
|
||||
description: "Certificados SEPE cargados",
|
||||
},
|
||||
id: "1", value: "24", description: "Certificados SEPE cargados"},
|
||||
{
|
||||
id: "2",
|
||||
value: "12",
|
||||
description: "Ediciones activas en curso",
|
||||
},
|
||||
id: "2", value: "12", description: "Ediciones activas en curso"},
|
||||
{
|
||||
id: "3",
|
||||
value: "320h",
|
||||
description: "Total de horas programadas",
|
||||
},
|
||||
id: "3", value: "320h", description: "Total de horas programadas"},
|
||||
{
|
||||
id: "4",
|
||||
value: "87%",
|
||||
description: "Tasa de eficiencia de calendario",
|
||||
},
|
||||
id: "4", value: "87%", description: "Tasa de eficiencia de calendario"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="scale-rotate"
|
||||
@@ -151,26 +121,17 @@ export default function DashboardPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vista General de Certificados",
|
||||
description:
|
||||
"Accede instantáneamente a todos tus certificados SEPE cargados. Filtra por categoría, estado o fecha. Descarga reportes en cualquier momento.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/professional-saas-dashboard-showing-an-a-1772793210197-08bf680c.png?_wi=2",
|
||||
},
|
||||
title: "Vista General de Certificados", description:
|
||||
"Accede instantáneamente a todos tus certificados SEPE cargados. Filtra por categoría, estado o fecha. Descarga reportes en cualquier momento.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/professional-saas-dashboard-showing-an-a-1772793210197-08bf680c.png"},
|
||||
{
|
||||
title: "Gestor de Ediciones Activas",
|
||||
description:
|
||||
"Visualiza todas tus ediciones en un solo lugar. Edita configuraciones, consulta módulos seleccionados y monitorea el progreso de cada edición.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/multiple-course-edition-management-inter-1772793211274-b6e08167.png?_wi=3",
|
||||
},
|
||||
title: "Gestor de Ediciones Activas", description:
|
||||
"Visualiza todas tus ediciones en un solo lugar. Edita configuraciones, consulta módulos seleccionados y monitorea el progreso de cada edición.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/multiple-course-edition-management-inter-1772793211274-b6e08167.png"},
|
||||
{
|
||||
title: "Seguimiento de Calendarios",
|
||||
description:
|
||||
"Monitoreá todos tus calendarios generados. Revisa distribución de módulos, identifica festivos y ajusta fechas sobre la marcha.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/generated-calendar-view-for-training-cou-1772793210187-52ac259b.png?_wi=3",
|
||||
},
|
||||
title: "Seguimiento de Calendarios", description:
|
||||
"Monitoreá todos tus calendarios generados. Revisa distribución de módulos, identifica festivos y ajusta fechas sobre la marcha.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBfuc5WXkTZKJcsNoDjfhytJC/generated-calendar-view-for-training-cou-1772793210187-52ac259b.png"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
@@ -185,24 +146,16 @@ export default function DashboardPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/traininghub",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/traininghub", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/traininghub",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/traininghub", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/traininghub",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "https://github.com/traininghub", ariaLabel: "GitHub"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:support@traininghub.es",
|
||||
ariaLabel: "Email",
|
||||
},
|
||||
href: "mailto:support@traininghub.es", ariaLabel: "Email"},
|
||||
]}
|
||||
/>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user