Merge pull request #17 from scesi/feature/schedule-page

Feature/schedule page

Author: Richixs

src/components/Header.astro

@@ -20,31 +20,31 @@
       aria-label="Navegación principal"
     >
       <a
-        href="cronograma"
+        href="/cronograma"
         data-section="cronograma"
         class="nav-link px-4 py-2 rounded-lg border-2 border-transparent hover:text-[#FFC727] focus-visible:text-[#FFC727] focus-visible:border-[#FFC727] focus:outline-none transition"
         >Cronograma</a
       >
       <a
-        href="#ubicacion"
+        href="/#ubicacion"
         data-section="ubicacion"
         class="nav-link px-4 py-2 rounded-lg border-2 border-transparent hover:text-[#FFC727] focus-visible:text-[#FFC727] focus-visible:border-[#FFC727] focus:outline-none transition"
         >Ubicación</a
       >
       <a
-        href="#sponsors"
+        href="/#sponsors"
         data-section="sponsors"
         class="nav-link px-4 py-2 rounded-lg border-2 border-transparent hover:text-[#FFC727] focus-visible:text-[#FFC727] focus-visible:border-[#FFC727] focus:outline-none transition"
         >Sponsors</a
       >
       <a
-        href="#sobre-nosotros"
+        href="/#sobre-nosotros"
         data-section="sobre-nosotros"
         class="nav-link px-4 py-2 rounded-lg border-2 border-transparent hover:text-[#FFC727] focus-visible:text-[#FFC727] focus-visible:border-[#FFC727] focus:outline-none transition"
         >Sobre nosotros</a
       >
       <a
-        href="faqs"
+        href="/faqs"
         data-section="faqs"
         class="nav-link px-4 py-2 rounded-lg border-2 border-transparent hover:text-[#FFC727] focus-visible:text-[#FFC727] focus-visible:border-[#FFC727] focus:outline-none transition"
         >FAQs</a
@@ -100,35 +100,35 @@
     <ul class="flex flex-col gap-2">
       <li>
         <a
-          href="cronograma"
+          href="/cronograma"
           class="block py-3 px-3 rounded-lg border-2 border-transparent hover:bg-white/10 transition"
           >Cronograma</a
         >
       </li>
       <li>
         <a
-          href="#ubicacion"
+          href="/#ubicacion"
           class="block py-3 px-3 rounded-lg border-2 border-transparent hover:bg-white/10 transition"
           >Ubicación</a
         >
       </li>
       <li>
         <a
-          href="#sponsors"
+          href="/#sponsors"
           class="block py-3 px-3 rounded-lg border-2 border-transparent hover:bg-white/10 transition"
           >Sponsors</a
         >
       </li>
       <li>
         <a
-          href="#sobre-nosotros"
+          href="/#sobre-nosotros"
           class="block py-3 px-3 rounded-lg border-2 border-transparent hover:bg-white/10 transition"
           >Sobre nosotros</a
         >
       </li>
       <li>
         <a
-          href="faqs"
+          href="/faqs"
           class="block py-3 px-3 rounded-lg border-2 border-transparent hover:bg-white/10 transition"
           >FAQs</a
         >

src/components/Schedule.astro

@@ -19,8 +19,8 @@ interface Props {
 const { id = 'schedule', schedule } = Astro.props as Props;
 ---
 
-<section id={id} class="scroll-mt-28 py-16 sm:py-20 md:py-24" aria-labelledby={`${id}-title`}>
-  <header class="flex justify-center my-32">
+<section id={id} class="scroll-mt-24 py-8 sm:py-10 md:py-12" aria-labelledby={`${id}-title`}>
+  <header class="flex justify-center my-12">
     <h2
       id={`${id}-title`}
       class="text-3xl md:text-4xl lg:text-5xl font-semibold tracking-wide drop-shadow-sm text-white"

src/pages/index.astro

@@ -2,7 +2,6 @@
 import Layout from '../layouts/Layout.astro';
 import Hero from '../components/Hero.astro';
 import Sponsors from '../components/Sponsors.astro';
-import Schedule from '../components/Schedule.astro';
 import AboutUs from '../components/AboutUs.astro';
 import Questions from '../components/Questions.astro';
 
@@ -15,43 +14,6 @@ const sponsors = [
   // { name: 'Sponsor4', image: '/', url: '#' },
 ];
 
-const schedule = [
-  {
-    date: '24 de Octubre - Viernes',
-    activities: [
-      {
-        hour: '12:45 - 2:15',
-        name: 'Nombre de actividad',
-        ubication: 'Ubicacion',
-        description: 'Descripcion',
-      },
-      {
-        hour: '12:45 - 2:15',
-        name: 'Nombre de actividad',
-        ubication: 'Ubicacion',
-        description: 'Descripcion',
-      },
-    ],
-  },
-  {
-    date: '24 de Octubre - Viernes',
-    activities: [
-      {
-        hour: '12:45 - 2:15',
-        name: 'Nombre de actividad',
-        ubication: 'Ubicacion',
-        description: 'Descripcion',
-      },
-      {
-        hour: '12:45 - 2:15',
-        name: 'Nombre de actividad',
-        ubication: 'Ubicacion',
-        description: 'Descripcion',
-      },
-    ],
-  },
-];
-
 const questions = [
   { question: 'Pregunta?', answer: 'Respuesta meticulosamente pensada ' },
   { question: 'Pregunta?', answer: 'Respuesta meticulosamente pensada ' },
@@ -62,6 +24,5 @@ const questions = [
   <Hero />
   <Sponsors id="sponsors" sponsors={sponsors} />
   <AboutUs />
-  <Schedule id="schedule" schedule={schedule} />
   <Questions id="questions" questions={questions} />
-</Layout>
+</Layout>

src/styles/global.css

@@ -2,7 +2,7 @@
 
 body {
   min-height: 100vh;
-  background: linear-gradient(135deg, #38c76e, #2b9453);
+  background: linear-gradient(90deg, #2b9453, #38c76e);
 }
 
 .section-block {