feat: resources and more stuff

src/components/astro/ResourcesCard.astro

@@ -13,19 +13,18 @@ const { resource } = Astro.props;
   <div class="glass">
     <div class="bg-gray-500/20 flex flex-col px-4 pb-4 gap-2">
       <Image
-        src={`/LogisticsHackathon/companies/${resource.company.logoPath}`}
+        src={`/LogisticsHackathon/sponsors/${resource.company.logoPath}`}
         alt={resource.company.name}
         width={96}
         height={96}
         class="h-24 object-contain"
       />
       <h2 class="text-2xl font-semibold">{resource.title}</h2>
-      <p class="text-sm font-light">{resource.description}</p>
     </div>
     <div class="flex flex-col p-4 space-y-3">
       {
         resource.links.map((link) => (
-          <a href={link.href} class="flex gap-2" target="_blank">
+          <a href={encodeURI(link.href)} class="flex gap-2" target="_blank">
             <span class="flex-1">
               {link.label}
             </span>

src/data/challenges.ts

@@ -0,0 +1 @@
+export const challengeResource = [];

src/data/judges.ts

@@ -4,7 +4,6 @@ type Judge = {
   profilePath: string;
   className?: string;
 };
-
 export const JUDGES: Judge[] = [
   {
     name: "José Jesús Guzmán (BrujeriaTech)",
@@ -55,4 +54,16 @@ export const JUDGES: Judge[] = [
     profilePath: "LDM.png",
     className: "",
   },
+  {
+    name: "Dr. Pedro Avelino Arenas",
+    role: "Jefe de Programa Académico de Ingeniería Industrial",
+    profilePath: "pedro.png",
+    className: "to-yellow-900/40",
+  },
+  {
+    name: "Ing. Yventz Entzana Garduño",
+    role: "Jefe de Programa Académico de Ciencias de la Computación",
+    profilePath: "yv.png",
+    className: "to-zinc-950/80",
+  },
 ];

src/data/resources.ts

@@ -11,7 +11,7 @@ export const RESOURCES: Resource[] = [
   {
     company: {
       name: "IBM",
-      logoPath: "IBM_logo.png",
+      logoPath: "IBM.png",
     },
     title: "Learning Path: AI - IBM Skills Build",
     description:
@@ -32,9 +32,9 @@ export const RESOURCES: Resource[] = [
   {
     company: {
       name: "IBM",
-      logoPath: "IBM_logo.png",
+      logoPath: "IBM.png",
     },
-    title: "Learning Path:  JavaScript Web Development -IBM Skills Build",
+    title: "Learning Path: JavaScript Web Development - IBM Skills Build",
     description:
       "En este apartado, dirigido a estudiantes, encontrará el learning‑path “Web Development: Learn JavaScript”, que reúne todos los recursos y ejercicios necesarios para dominar JavaScript desde cero y avanzar paso a paso en el desarrollo web.",
 
@@ -45,4 +45,99 @@ export const RESOURCES: Resource[] = [
       },
     ],
   },
+  {
+    company: {
+      name: "LDM",
+      logoPath: "LDM.png",
+    },
+    title: "Capacitaciones para Ingeniería Industrial",
+    description: "",
+    links: [
+      {
+        href: "https://drive.google.com/drive/folders/1SyG24k4ArkHfZt9DZGpeh9rMdA4nX5DB",
+        label: "Capacitaciones de LDM",
+      },
+    ],
+  },
+  {
+    company: {
+      name: "LDM",
+      logoPath: "LDM.png",
+    },
+    title: "Diagramas de Flujo del Proceso (AS-IS)",
+    description: "",
+    links: [
+      {
+        label: "AS-IS Caja Cobro Calzando a México",
+        href: "/LogisticsHackathon/challenges/AS-IS Caja Cobro Calzando a México.pdf",
+      },
+      {
+        label: "AS-IS Calidad Calzando a México",
+        href: "/LogisticsHackathon/challenges/AS-IS Calidad Calzando a México.pdf",
+      },
+      {
+        label: "AS-IS Control de inventarios Calzando a México",
+        href: "/LogisticsHackathon/challenges/AS-IS Control de inventarios Calzando a México.pdf",
+      },
+      {
+        label: "AS-IS Recibo Calzando a México",
+        href: "/LogisticsHackathon/challenges/AS-IS Recibo Calzando a México.pdf",
+      },
+      {
+        label: "AS-IS Resurtido Calzando a México",
+        href: "/LogisticsHackathon/challenges/AS-IS Resurtido Calzando a México.pdf",
+      },
+      {
+        label: "AS-IS Separación Calzando a México",
+        href: "/LogisticsHackathon/challenges/AS-IS Separación Calzando a México.pdf",
+      },
+      {
+        label: "AS-IS Surtido Calzando a México",
+        href: "/LogisticsHackathon/challenges/AS-IS Surtido Calzando a México.pdf",
+      },
+    ],
+  },
+  {
+    company: {
+      name: "LDM",
+      logoPath: "LDM.png",
+    },
+    title: "Excel con datos de inventario y Venta por sucursal",
+    description: "",
+    links: [
+      {
+        label: "Inventario y Ventas para coberturas de Calzando a México",
+        href:
+          "/LogisticsHackathon/challenges/Inventario y Ventas para coberturas de Calzando a México.xlsx",
+      },
+    ],
+  },
+  {
+    company: {
+      name: "LDM",
+      logoPath: "LDM.png",
+    },
+    title: "Caso de Negocio",
+    description: "",
+    links: [
+      {
+        label: "Caso de Negocio - UPIICSA Revisado",
+        href: "/LogisticsHackathon/challenges/Caso de Negocio - UPIICSA Revisado.pdf",
+      },
+    ],
+  },
+  {
+    company: {
+      name: "LDM",
+      logoPath: "LDM.png",
+    },
+    title: "Matriz de Roles As Is (LDM)",
+    description: "",
+    links: [
+      {
+        label: "Matriz de Roles As Is (LDM)",
+        href: "/LogisticsHackathon/challenges/Matriz de Roles As Is (LDM).xlsx",
+      },
+    ],
+  },
 ];

src/data/sponsors.ts

@@ -24,10 +24,4 @@ export const SPONSORS: Sponsors[] = [
     width: 200,
     height: 100.,
   },
-  {
-    alt: "Pitch Jams",
-    src: "/LogisticsHackathon/sponsors/PJ.png",
-    width: 200,
-    height: 100.,
-  },
 ];

src/pages/challenges.astro

@@ -4,13 +4,74 @@ import ResourcesCard from "@/components/astro/ResourcesCard.astro";
 import { RESOURCES } from "@/data/resources";
 ---
 <BaseLayout title="Logistics Hackathon | Recursos">
+  <div
+    class="flex flex-col items-center justify-center min-h-[calc(100vh-14rem)] md:min-h-[calc(50vh-4rem)] gap-8"
+  >
+    <h1 class="text-6xl font-bold text-white mb-8">Reto</h1>
+  </div>
+
+  <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 lg:grid-cols-2 gap-8">
+    <div
+      class="rounded-2xl border border-white/20 shadow-2xl overflow-hidden"
+    >
+      <div class="bg-gray-500/20 px-8 py-2 border-b border-white/20">
+        <h2 class="text-sm font-semibold text-gray-200 text-left drop-shadow-md">
+          Problema 2: El Caos del Flujo de Mercancía
+        </h2>
+      </div>
+      <div
+        class="p-8"
+      >
+        <p class="text-left text-gray-200 text-m font-light leading-relaxed">
+          El flujo de mercancía en la tienda presenta graves ineficiencias desde la recepción hasta
+          la reposición. No existe una programación de entregas por parte del CEDIS, los camiones
+          llegan sin aviso y con productos mezclados, lo que genera demoras en la separación. El
+          surtido en el piso de venta es reactivo y desorganizado, dejando mercancía necesaria en
+          bodega por días. Además, la falta de herramientas tecnológicas obliga a depender de
+          procesos manuales y comunicación verbal, dificultando la gestión del inventario y la
+          priorización de tareas.
+        </p>
+      </div>
+    </div>
+
+    <div
+      class="rounded-2xl border border-white/20 shadow-2xl overflow-hidden"
+    >
+      <div class="bg-gray-500/20 px-8 py-2 border-b border-white/20">
+        <h2 class="text-sm font-semibold text-gray-200 text-left drop-shadow-md">
+          Problema 3: Sobreinventario y Venta Perdida
+        </h2>
+      </div>
+      <div
+        class="p-8"
+      >
+        <p class="text-left text-gray-200 text-m font-light leading-relaxed">
+          Las tiendas de *Calzando a México* enfrentan una fuerte desconexión entre su inventario y
+          las ventas: hay sobreinventario en bodega, pero los clientes no encuentran los modelos o
+          tallas que buscan. La gestión se complica por un exceso de SKUs, un sistema de inventario
+          poco confiable que genera productos fantasma y conteos manuales infrecuentes, además de
+          una acumulación de mercancía dañada o descontinuada sin estrategia de salida. Esta
+          combinación provoca pérdidas de venta, espacios saturados y una operación ineficiente.
+        </p>
+      </div>
+    </div>
+  </section>
+
   <div
     class="flex flex-col items-center justify-center min-h-[calc(100vh-14rem)] md:min-h-[calc(50vh-4rem)] gap-8"
   >
     <h1 class="text-6xl font-bold text-white mb-8">Recursos</h1>
   </div>
 
-  <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-3 gap-8">
-    {RESOURCES.map((resource) => <ResourcesCard {resource} />)}
+  <section
+    class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 columns-1 md:columns-2 lg:columns-3 gap-8 space-y-8"
+  >
+    {
+      RESOURCES.map((resource) => (
+        <div class="break-inside-avoid">
+          <ResourcesCard {resource} />
+        </div>
+      ))
+    }
   </section>
 </BaseLayout>