Merge pull request #6 from gpul-org/new-sponsor-index

New sponsor index

.vscode/settings.json

@@ -8,7 +8,7 @@
     "typescriptreact" // Enable .tsx
   ],
   "files.associations": {
-    "*.mdx": "markdown"
+    "*.mdx": "mdx"
   },
   "prettier.documentSelectors": ["**/*.astro"],
   "[astro]": {

src/pages/patrocinadores/bizaway.mdx

@@ -7,11 +7,10 @@ import bizawayTeam from '~/assets/images/bizawayTeam.png';
 
 import { Image } from 'astro:assets';
 
-<Image src={bizawayLogo} alt="BizAway LOGO" height="200" width="400" class="shadow-none" />
+<Image src={bizawayLogo} alt="BizAway LOGO" height="200" width="400" style="box-shadow: none !important" />
 
 BizAway es una agencia de viajes de negocios con sedes en España, Italia, Albania y UAE, enfocada en una plataforma "todo en uno" para facilitar viajes corporativos.
 
-
 <Image src={bizawayTeam} alt="BizAway team" />
 
 

src/pages/patrocinadores/codee.mdx

@@ -7,7 +7,7 @@ import codeeTeam from '~/assets/images/codeeTeam.png';
 
 import { Image } from 'astro:assets';
 
-<Image src={codeeLogo} alt="BizAway LOGO" height="200" width="400" class="shadow-none" />
+<Image src={codeeLogo} alt="BizAway LOGO" height="200" width="400" style="box-shadow: none !important" />
 
 Codee es una empresa DeepTech de A Coruña pionera en una innovación revolucionaria en el espacio del análisis de código al introducir 'Rendimiento' como una categoría novedosa, expandiendo y mejorando así el panorama existente de Calidad, Seguridad y Cumplimiento en la revisión e inspección de códigos. 
 

src/pages/patrocinadores/gradiant.mdx

@@ -3,11 +3,10 @@ layout: '~/layouts/MarkdownLayout.astro'
 ---
 
 import gradiantLogo from '~/assets/images/gradiant.png';
-import codeeTeam from '~/assets/images/codeeTeam.png';
 
 import { Image } from 'astro:assets';
 
-<Image src={gradiantLogo} alt="BizAway LOGO" height="200" width="400" class="shadow-none" />
+<Image src={gradiantLogo} alt="BizAway LOGO" height="200" width="400" style="box-shadow: none !important" />
 
 Gradiant es un centro tecnológico privado que aporta su expertise en tecnologías de telecomunicación, conectividad, inteligencia y seguridad. Colaboran estrechamente con la industria para impulsar la innovación y el desarrollo tecnológico, contribuyendo significativamente al crecimiento y la competitividad empresarial en Galicia. Su enfoque está en la transferencia de conocimiento y en el diseño de soluciones especializadas para distintos sectores industriales.
 

src/pages/patrocinadores/index.astro

@@ -0,0 +1,58 @@
+---
+import gradiantLogo from '~/assets/images/gradiant.png';
+import bizawayLogo from '~/assets/images/bizaway.svg';
+import codeeLogo from '~/assets/images/codee.png';
+
+import { Image } from 'astro:assets';
+import Layout from '~/layouts/PageLayout.astro';
+import Headline from '~/components/blog/Headline.astro';
+
+export const goldSponsors = [
+  {
+    name: 'Codee',
+    href: 'codee',
+    description: 'Codee es una empresa DeepTech de A Coruña pionera en una innovación...',
+    image: codeeLogo,
+  },
+  {
+    name: 'BizAway',
+    href: 'bizaway',
+    description: 'BizAway es una agencia de viajes de negocios con sedes en España...',
+    image: bizawayLogo,
+  },
+  {
+    name: 'Gradiant',
+    href: 'gradiant',
+    description: 'Gradiant es un centro tecnológico privado que aporta su expertise en tecnologías de...',
+    image: gradiantLogo,
+  },
+];
+---
+
+<Layout metadata={{ title: 'Patrocinadores' }}>
+  <div class="mt-10 -mb-5">
+    <Headline title="Patrocinadores" />
+  </div>
+  <div class="text-center font-semibold text-3xl mb-5">🥇 Oro</div>
+  <div class="max-w-screen-md mx-auto grid grid-cols-2 gap-10 mb-10">
+    {
+      goldSponsors.map((c) => {
+        return (
+          <a href={`/patrocinadores/${c.href}`} class="">
+            <div class="border rounded-lg mx-2 flex flex-col align-middle text-center justify-center h-[120px] hover:bg-slate-50 transition-colors">
+              <Image
+                src={c.image}
+                alt={`${c.name} Image`}
+                width={200}
+                style="box-shadow: none !important"
+                class:list={'mx-auto'}
+              />
+            </div>
+          </a>
+        );
+      })
+    }
+  </div>
+  <div class="text-center font-semibold text-3xl mb-5">🥈 Plata</div>
+  <div class="text-center font-semibold text-3xl mb-5">🥉 Bronce</div>
+</Layout>