From 3859b76c22886b9abe9e8a7256af34ea5c07eeba Mon Sep 17 00:00:00 2001
From: Francesc Arpi Roca <francesc.arpi@gmail.com>
Date: Tue, 24 Feb 2026 08:40:53 +0100
Subject: [PATCH 1/8] refactor: improve main layout adding a container

---
 src/components/home/SectionMain.astro     |  2 +-
 src/components/home/SectionSponsors.astro | 12 ++++++++++++
 src/components/index.astro                |  2 ++
 src/layouts/Layout.astro                  |  2 +-
 4 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 src/components/home/SectionSponsors.astro

diff --git a/src/components/home/SectionMain.astro b/src/components/home/SectionMain.astro
index d2104d8..19f01e4 100644
--- a/src/components/home/SectionMain.astro
+++ b/src/components/home/SectionMain.astro
@@ -32,7 +32,7 @@ const t = texts[lang as keyof typeof texts]
       </span>
     </h2>
   </div>
-  <div class="flex-1 flex items-center justify-center mt-10 lg:mt-0">
+  <div class="flex-1 flex items-center justify-center mt-10 lg:mt-0 bg-black/15 p-8">
     <h3>
       <p class="text-center text-xl max-w-3xl">
         {t['index.message']}
diff --git a/src/components/home/SectionSponsors.astro b/src/components/home/SectionSponsors.astro
new file mode 100644
index 0000000..70d82c7
--- /dev/null
+++ b/src/components/home/SectionSponsors.astro
@@ -0,0 +1,12 @@
+---
+import { texts } from '../../i18n/home'
+
+interface Props {
+  lang: string
+}
+
+const { lang } = Astro.props
+const t = texts[lang as keyof typeof texts]
+---
+
+<div>Patros</div>
diff --git a/src/components/index.astro b/src/components/index.astro
index 7cb9cfd..4339159 100644
--- a/src/components/index.astro
+++ b/src/components/index.astro
@@ -1,6 +1,7 @@
 ---
 import Layout from '../layouts/Layout.astro'
 import SectionMain from './home/SectionMain.astro'
+import SectionSponsors from './home/SectionSponsors.astro'
 
 interface Props {
   lang: string
@@ -11,4 +12,5 @@ const { lang } = Astro.props
 
 <Layout title="PyConES 2026">
   <SectionMain lang={lang} />
+  <SectionSponsors lang={lang} />
 </Layout>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 3f3d264..2ba82ed 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -37,7 +37,7 @@ const { title, description = 'PyconES 2026' } = Astro.props
     </div>
     <Nav lang={lang as string} />
 
-    <main class="relative z-10 flex flex-col justify-center text-white">
+    <main class="relative z-10 flex flex-col justify-center text-white container mx-auto">
       <slot />
     </main>
   </body>

From 7953be5c0b28025425364fa2332bb45bfcc8af60 Mon Sep 17 00:00:00 2001
From: Francesc Arpi Roca <francesc.arpi@gmail.com>
Date: Tue, 24 Feb 2026 08:52:37 +0100
Subject: [PATCH 2/8] feat: add sponsors description

Also add a TextBox generic component
---
 src/components/SectionTitle.astro         |  9 +++++++++
 src/components/TextBox.astro              | 13 +++++++++++++
 src/components/home/SectionMain.astro     |  9 ++-------
 src/components/home/SectionSponsors.astro |  7 ++++++-
 src/i18n/home.ts                          |  9 +++++++++
 5 files changed, 39 insertions(+), 8 deletions(-)
 create mode 100644 src/components/SectionTitle.astro
 create mode 100644 src/components/TextBox.astro

diff --git a/src/components/SectionTitle.astro b/src/components/SectionTitle.astro
new file mode 100644
index 0000000..d6c3fe1
--- /dev/null
+++ b/src/components/SectionTitle.astro
@@ -0,0 +1,9 @@
+---
+interface Props {
+  title: string
+}
+
+const { title } = Astro.props
+---
+
+<h3 class="text-center text-2xl">{title}</h3>
diff --git a/src/components/TextBox.astro b/src/components/TextBox.astro
new file mode 100644
index 0000000..3bf7068
--- /dev/null
+++ b/src/components/TextBox.astro
@@ -0,0 +1,13 @@
+---
+interface Props {
+  text: string
+}
+
+const { text } = Astro.props
+---
+
+<div class="flex-1 flex items-center justify-center bg-black/15 p-8">
+  <p class="text-center text-xl">
+    {text}
+  </p>
+</div>
diff --git a/src/components/home/SectionMain.astro b/src/components/home/SectionMain.astro
index 19f01e4..ce2904b 100644
--- a/src/components/home/SectionMain.astro
+++ b/src/components/home/SectionMain.astro
@@ -1,5 +1,6 @@
 ---
 import { texts } from '../../i18n/home'
+import TextBox from '../TextBox.astro'
 
 interface Props {
   lang: string
@@ -32,13 +33,7 @@ const t = texts[lang as keyof typeof texts]
       </span>
     </h2>
   </div>
-  <div class="flex-1 flex items-center justify-center mt-10 lg:mt-0 bg-black/15 p-8">
-    <h3>
-      <p class="text-center text-xl max-w-3xl">
-        {t['index.message']}
-      </p>
-    </h3>
-  </div>
+  <TextBox text={t['index.message']} />
 </div>
 
 <script>
diff --git a/src/components/home/SectionSponsors.astro b/src/components/home/SectionSponsors.astro
index 70d82c7..9d4aef8 100644
--- a/src/components/home/SectionSponsors.astro
+++ b/src/components/home/SectionSponsors.astro
@@ -1,5 +1,7 @@
 ---
 import { texts } from '../../i18n/home'
+import SectionTitle from '../SectionTitle.astro'
+import TextBox from '../TextBox.astro'
 
 interface Props {
   lang: string
@@ -9,4 +11,7 @@ const { lang } = Astro.props
 const t = texts[lang as keyof typeof texts]
 ---
 
-<div>Patros</div>
+<div class="flex flex-col items-center gap-4">
+  <SectionTitle title={t['sponsors.title']} />
+  <TextBox text={t['sponsors.description']} />
+</div>
diff --git a/src/i18n/home.ts b/src/i18n/home.ts
index 81839ca..b24b5c0 100644
--- a/src/i18n/home.ts
+++ b/src/i18n/home.ts
@@ -4,17 +4,26 @@ export const texts = {
     'index.subtitle': 'Sede UB Barcelona | 6-8 Nov 2026',
     'index.message':
       'Forma parte de la mayor conferencia nacional de Python, donde cientos de entusiastas, profesionales y empresas se reúnen para compartir conocimientos, experiencias y oportunidades en el mundo de Python. ¡No te pierdas esta oportunidad única de aprender, conectar y crecer en la comunidad Python!',
+    'sponsors.title': 'Patrocinios',
+    'sponsors.description':
+      'Gracias a las empresas que colaboran con la PyConES podemos ofrecer el mejor evento y experiencia posible. Somos una conferencia con un bajo coste de entrada capaz de ofrecer una experiencia de 3 días incluyendo regalos, almuerzos, comidas y meriendas. Además contamos con servicio de guardería, becas y traducción en directo a lenguaje de signos para que nadie se quede fuera. Con la ayuda de estas empresas conseguimos hacer un evento diverso e inclusivo enfocado en cuidar la comunidad de Python.',
   },
   en: {
     'index.initializing': 'Initialising system...',
     'index.subtitle': 'UB Barcelona Venue | Nov 6-8, 2026',
     'index.message':
       "Join the largest national Python conference, where hundreds of enthusiasts, professionals, and companies come together to share knowledge, experiences, and opportunities in the world of Python. Don't miss this unique opportunity to learn, connect, and grow in the Python community!",
+    'sponsors.title': 'Sponsorships',
+    'sponsors.description':
+      'Thanks to the companies that collaborate with PyConES, we can offer the best possible event and experience. We are a conference with a low entry cost capable of offering a 3-day experience including gifts, lunches, meals, and snacks. Additionally, we have childcare services, scholarships, and live sign language translation to ensure that no one is left out. With the help of these companies, we manage to create a diverse and inclusive event focused on caring for the Python community.',
   },
   ca: {
     'index.initializing': 'Inicialitzant sistema...',
     'index.subtitle': 'Seu UB Barcelona | 6-8 Nov 2026',
     'index.message':
       'Forma part de la major conferència nacional de Python, on centenars d’entusiastes, professionals i empreses es reuneixen per compartir coneixements, experiències i oportunitats en el món de Python. No et perdis aquesta oportunitat única d’aprendre, connectar i créixer en la comunitat Python!',
+    'sponsors.title': 'Patrocinis',
+    'sponsors.description':
+      'Gràcies a les empreses que col·laboren amb la PyConES podem oferir el millor esdeveniment i experiència possible. Som una conferència amb un baix cost d’entrada capaç d’oferir una experiència de 3 dies incloent regals, àpats, menjars i berenars. A més comptem amb servei de guarderia, beques i traducció en directe a llenguatge de signes perquè ningú es quedi fora. Amb l’ajuda d’aquestes empreses aconseguim fer un esdeveniment divers i inclusiu enfocat en cuidar la comunitat de Python.',
   },
 } as const

From 1814fe1bb2882e50e2f53862409516a99cac81e7 Mon Sep 17 00:00:00 2001
From: Francesc Arpi Roca <francesc.arpi@gmail.com>
Date: Tue, 24 Feb 2026 09:44:45 +0100
Subject: [PATCH 3/8] feat: read sponsors from disk and render them

---
 src/components/home/SectionSponsors.astro     | 24 +++++++++++
 .../home/sponsors/SponsorsGroup.astro         | 43 +++++++++++++++++++
 src/data/sponsors/sponsor1.md                 |  6 +++
 src/data/sponsors/sponsor2.md                 |  6 +++
 src/i18n/home.ts                              | 18 ++++++++
 src/types/sponsors.ts                         |  8 ++++
 6 files changed, 105 insertions(+)
 create mode 100644 src/components/home/sponsors/SponsorsGroup.astro
 create mode 100644 src/data/sponsors/sponsor1.md
 create mode 100644 src/data/sponsors/sponsor2.md
 create mode 100644 src/types/sponsors.ts

diff --git a/src/components/home/SectionSponsors.astro b/src/components/home/SectionSponsors.astro
index 9d4aef8..e1bbce9 100644
--- a/src/components/home/SectionSponsors.astro
+++ b/src/components/home/SectionSponsors.astro
@@ -2,6 +2,12 @@
 import { texts } from '../../i18n/home'
 import SectionTitle from '../SectionTitle.astro'
 import TextBox from '../TextBox.astro'
+import type { ISponsor } from '../../types/sponsors'
+import SponsorsGroup from './sponsors/SponsorsGroup.astro'
+
+const sponsors = Object.values(import.meta.glob('../../data/sponsors/*.md', { eager: true })) as {
+  frontmatter: ISponsor
+}[]
 
 interface Props {
   lang: string
@@ -9,9 +15,27 @@ interface Props {
 
 const { lang } = Astro.props
 const t = texts[lang as keyof typeof texts]
+
+function filterSponsorsByTier(tier: string): ISponsor[] {
+  return sponsors.filter((s) => s.frontmatter.tier === tier).map((s) => s.frontmatter)
+}
+
+const bronze = filterSponsorsByTier('bronze')
+const silver = filterSponsorsByTier('silver')
+const gold = filterSponsorsByTier('gold')
+const platinum = filterSponsorsByTier('platinum')
+const main = filterSponsorsByTier('main')
 ---
 
 <div class="flex flex-col items-center gap-4">
   <SectionTitle title={t['sponsors.title']} />
   <TextBox text={t['sponsors.description']} />
+
+  <div class="flex flex-col w-full gap-8">
+    <SponsorsGroup lang={lang} title={t['sponsors.main']} sponsors={main} />
+    <SponsorsGroup lang={lang} title={t['sponsors.platinum']} sponsors={platinum} />
+    <SponsorsGroup lang={lang} title={t['sponsors.gold']} sponsors={gold} />
+    <SponsorsGroup lang={lang} title={t['sponsors.silver']} sponsors={silver} />
+    <SponsorsGroup lang={lang} title={t['sponsors.bronze']} sponsors={bronze} />
+  </div>
 </div>
diff --git a/src/components/home/sponsors/SponsorsGroup.astro b/src/components/home/sponsors/SponsorsGroup.astro
new file mode 100644
index 0000000..19bdb2f
--- /dev/null
+++ b/src/components/home/sponsors/SponsorsGroup.astro
@@ -0,0 +1,43 @@
+---
+import type { ISponsor, TSponsorTier } from '../../../types/sponsors'
+import { texts } from '../../../i18n/home'
+
+interface Props {
+  lang: string
+  title: string
+  sponsors: ISponsor[]
+}
+
+const { title, sponsors, lang } = Astro.props
+const t = texts[lang as keyof typeof texts]
+
+const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
+  main: 200,
+  platinum: 150,
+  gold: 120,
+  silver: 100,
+  bronze: 80,
+}
+---
+
+<div>
+  <h4>{title}</h4>
+  {
+    sponsors.length > 0 ? (
+      <div class="flex flex-wrap gap-4 mt-4">
+        {sponsors.map((sponsor) => (
+          <a
+            href={sponsor.website}
+            target="_blank"
+            rel="noopener noreferrer"
+            class="flex items-center justify-center p-4 border rounded-lg hover:shadow-lg transition-shadow duration-300"
+          >
+            <img src={sponsor.logo} alt={sponsor.name} width={IMG_WITH_BY_TIER[sponsor.tier]} />
+          </a>
+        ))}
+      </div>
+    ) : (
+      <p class="text-gray-500 mt-2">{t['sponsors.none']}</p>
+    )
+  }
+</div>
diff --git a/src/data/sponsors/sponsor1.md b/src/data/sponsors/sponsor1.md
new file mode 100644
index 0000000..e197aba
--- /dev/null
+++ b/src/data/sponsors/sponsor1.md
@@ -0,0 +1,6 @@
+---
+name: 'Sponsor 1'
+website: 'https://sponsor1.com'
+tier: 'bronze'
+logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNSAyMXEtLjgyNSAwLTEuNDEyLS41ODdUMyAxOVY1cTAtLjgyNS41ODgtMS40MTJUNSAzaDE0cS44MjUgMCAxLjQxMy41ODhUMjEgNXYxNHEwIC44MjUtLjU4NyAxLjQxM1QxOSAyMXptMC0yaDE0VjVINXptMCAwVjV6bTItMmgxMHEuMyAwIC40NS0uMjc1dC0uMDUtLjUyNWwtMi43NS0zLjY3NXEtLjE1LS4yLS40LS4ydC0uNC4yTDExLjI1IDE2TDkuNCAxMy41MjVxLS4xNS0uMi0uNC0uMnQtLjQuMmwtMiAyLjY3NXEtLjIuMjUtLjA1LjUyNVQ3IDE3bTIuNTYzLTcuNDM4UTEwIDkuMTI1IDEwIDguNXQtLjQzNy0xLjA2MlQ4LjUgN3QtMS4wNjIuNDM4VDcgOC41dC40MzggMS4wNjNUOC41IDEwdDEuMDYzLS40MzciLz48L3N2Zz4='
+---
diff --git a/src/data/sponsors/sponsor2.md b/src/data/sponsors/sponsor2.md
new file mode 100644
index 0000000..36abc72
--- /dev/null
+++ b/src/data/sponsors/sponsor2.md
@@ -0,0 +1,6 @@
+---
+name: 'Sponsor 1'
+website: 'https://sponsor1.com'
+tier: 'platinum'
+logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNSAyMXEtLjgyNSAwLTEuNDEyLS41ODdUMyAxOVY1cTAtLjgyNS41ODgtMS40MTJUNSAzaDE0cS44MjUgMCAxLjQxMy41ODhUMjEgNXYxNHEwIC44MjUtLjU4NyAxLjQxM1QxOSAyMXptMC0yaDE0VjVINXptMCAwVjV6bTItMmgxMHEuMyAwIC40NS0uMjc1dC0uMDUtLjUyNWwtMi43NS0zLjY3NXEtLjE1LS4yLS40LS4ydC0uNC4yTDExLjI1IDE2TDkuNCAxMy41MjVxLS4xNS0uMi0uNC0uMnQtLjQuMmwtMiAyLjY3NXEtLjIuMjUtLjA1LjUyNVQ3IDE3bTIuNTYzLTcuNDM4UTEwIDkuMTI1IDEwIDguNXQtLjQzNy0xLjA2MlQ4LjUgN3QtMS4wNjIuNDM4VDcgOC41dC40MzggMS4wNjNUOC41IDEwdDEuMDYzLS40MzciLz48L3N2Zz4='
+---
diff --git a/src/i18n/home.ts b/src/i18n/home.ts
index b24b5c0..9093b62 100644
--- a/src/i18n/home.ts
+++ b/src/i18n/home.ts
@@ -7,6 +7,12 @@ export const texts = {
     'sponsors.title': 'Patrocinios',
     'sponsors.description':
       'Gracias a las empresas que colaboran con la PyConES podemos ofrecer el mejor evento y experiencia posible. Somos una conferencia con un bajo coste de entrada capaz de ofrecer una experiencia de 3 días incluyendo regalos, almuerzos, comidas y meriendas. Además contamos con servicio de guardería, becas y traducción en directo a lenguaje de signos para que nadie se quede fuera. Con la ayuda de estas empresas conseguimos hacer un evento diverso e inclusivo enfocado en cuidar la comunidad de Python.',
+    'sponsors.main': 'Patrocinador Principal',
+    'sponsors.platinum': 'Patrocinador Platino',
+    'sponsors.gold': 'Patrocinador Oro',
+    'sponsors.silver': 'Patrocinador Plata',
+    'sponsors.bronze': 'Patrocinador Bronce',
+    'sponsors.none': 'No hay patrocinadores en este nivel',
   },
   en: {
     'index.initializing': 'Initialising system...',
@@ -16,6 +22,12 @@ export const texts = {
     'sponsors.title': 'Sponsorships',
     'sponsors.description':
       'Thanks to the companies that collaborate with PyConES, we can offer the best possible event and experience. We are a conference with a low entry cost capable of offering a 3-day experience including gifts, lunches, meals, and snacks. Additionally, we have childcare services, scholarships, and live sign language translation to ensure that no one is left out. With the help of these companies, we manage to create a diverse and inclusive event focused on caring for the Python community.',
+    'sponsors.main': 'Main Sponsor',
+    'sponsors.platinum': 'Platinum Sponsor',
+    'sponsors.gold': 'Gold Sponsor',
+    'sponsors.silver': 'Silver Sponsor',
+    'sponsors.bronze': 'Bronze Sponsor',
+    'sponsors.none': 'No sponsors in this tier',
   },
   ca: {
     'index.initializing': 'Inicialitzant sistema...',
@@ -25,5 +37,11 @@ export const texts = {
     'sponsors.title': 'Patrocinis',
     'sponsors.description':
       'Gràcies a les empreses que col·laboren amb la PyConES podem oferir el millor esdeveniment i experiència possible. Som una conferència amb un baix cost d’entrada capaç d’oferir una experiència de 3 dies incloent regals, àpats, menjars i berenars. A més comptem amb servei de guarderia, beques i traducció en directe a llenguatge de signes perquè ningú es quedi fora. Amb l’ajuda d’aquestes empreses aconseguim fer un esdeveniment divers i inclusiu enfocat en cuidar la comunitat de Python.',
+    'sponsors.main': 'Patrocinador Principal',
+    'sponsors.platinum': 'Patrocinador Platí',
+    'sponsors.gold': 'Patrocinador Or',
+    'sponsors.silver': 'Patrocinador Plata',
+    'sponsors.bronze': 'Patrocinador Bronze',
+    'sponsors.none': 'No hi ha patrocinadors en aquest nivell',
   },
 } as const
diff --git a/src/types/sponsors.ts b/src/types/sponsors.ts
new file mode 100644
index 0000000..3514462
--- /dev/null
+++ b/src/types/sponsors.ts
@@ -0,0 +1,8 @@
+export type TSponsorTier = 'bronze' | 'silver' | 'gold' | 'platinum' | 'main'
+
+export interface ISponsor {
+  name: string
+  website: string
+  tier: TSponsorTier
+  logo: string
+}

From 4d9b16a0f8c9a045ce261eda77d5097018bf9d05 Mon Sep 17 00:00:00 2001
From: Francesc Arpi Roca <francesc.arpi@gmail.com>
Date: Tue, 24 Feb 2026 10:14:03 +0100
Subject: [PATCH 4/8] refactor: sponsors section adjustments

---
 src/components/home/SectionSponsors.astro        | 10 +++++-----
 src/components/home/sponsors/SponsorsGroup.astro | 12 ++++++++----
 src/constants.ts                                 |  9 +++++++++
 src/data/sponsors/sponsor3.md                    |  6 ++++++
 src/i18n/sponsors/ca.ts                          | 10 +++++-----
 src/i18n/sponsors/en.ts                          | 10 +++++-----
 src/i18n/sponsors/es.ts                          | 10 +++++-----
 src/layouts/Layout.astro                         |  2 +-
 src/pages/[lang]/sponsors.astro                  | 13 +++++++++----
 src/utils/colors.ts                              | 13 +++++++++++++
 10 files changed, 66 insertions(+), 29 deletions(-)
 create mode 100644 src/constants.ts
 create mode 100644 src/data/sponsors/sponsor3.md
 create mode 100644 src/utils/colors.ts

diff --git a/src/components/home/SectionSponsors.astro b/src/components/home/SectionSponsors.astro
index e1bbce9..6e4da5a 100644
--- a/src/components/home/SectionSponsors.astro
+++ b/src/components/home/SectionSponsors.astro
@@ -32,10 +32,10 @@ const main = filterSponsorsByTier('main')
   <TextBox text={t['sponsors.description']} />
 
   <div class="flex flex-col w-full gap-8">
-    <SponsorsGroup lang={lang} title={t['sponsors.main']} sponsors={main} />
-    <SponsorsGroup lang={lang} title={t['sponsors.platinum']} sponsors={platinum} />
-    <SponsorsGroup lang={lang} title={t['sponsors.gold']} sponsors={gold} />
-    <SponsorsGroup lang={lang} title={t['sponsors.silver']} sponsors={silver} />
-    <SponsorsGroup lang={lang} title={t['sponsors.bronze']} sponsors={bronze} />
+    <SponsorsGroup lang={lang} title={t['sponsors.main']} sponsors={main} tierId="main" />
+    <SponsorsGroup lang={lang} title={t['sponsors.platinum']} sponsors={platinum} tierId="platinum" />
+    <SponsorsGroup lang={lang} title={t['sponsors.gold']} sponsors={gold} tierId="gold" />
+    <SponsorsGroup lang={lang} title={t['sponsors.silver']} sponsors={silver} tierId="silver" />
+    <SponsorsGroup lang={lang} title={t['sponsors.bronze']} sponsors={bronze} tierId="bronze" />
   </div>
 </div>
diff --git a/src/components/home/sponsors/SponsorsGroup.astro b/src/components/home/sponsors/SponsorsGroup.astro
index 19bdb2f..4c23a97 100644
--- a/src/components/home/sponsors/SponsorsGroup.astro
+++ b/src/components/home/sponsors/SponsorsGroup.astro
@@ -1,14 +1,17 @@
 ---
 import type { ISponsor, TSponsorTier } from '../../../types/sponsors'
 import { texts } from '../../../i18n/home'
+import { TIER_COLORS } from '../../../constants'
+import { hexToRgba } from '../../../utils/colors'
 
 interface Props {
+  tierId: TSponsorTier
   lang: string
   title: string
   sponsors: ISponsor[]
 }
 
-const { title, sponsors, lang } = Astro.props
+const { title, sponsors, lang, tierId } = Astro.props
 const t = texts[lang as keyof typeof texts]
 
 const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
@@ -21,7 +24,7 @@ const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
 ---
 
 <div>
-  <h4>{title}</h4>
+  <h4 style={`background-color: ${hexToRgba(TIER_COLORS[tierId], 0.2)};`} class="p-2">{title}</h4>
   {
     sponsors.length > 0 ? (
       <div class="flex flex-wrap gap-4 mt-4">
@@ -30,9 +33,10 @@ const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
             href={sponsor.website}
             target="_blank"
             rel="noopener noreferrer"
-            class="flex items-center justify-center p-4 border rounded-lg hover:shadow-lg transition-shadow duration-300"
+            class="flex flex-col items-center justify-center p-4 border rounded-lg hover:shadow-lg transition-shadow duration-300"
           >
-            <img src={sponsor.logo} alt={sponsor.name} width={IMG_WITH_BY_TIER[sponsor.tier]} />
+            <img src={sponsor.logo} alt={sponsor.name} width={IMG_WITH_BY_TIER[tierId]} />
+            <small>{sponsor.name}</small>
           </a>
         ))}
       </div>
diff --git a/src/constants.ts b/src/constants.ts
new file mode 100644
index 0000000..54c6b93
--- /dev/null
+++ b/src/constants.ts
@@ -0,0 +1,9 @@
+import type { TSponsorTier } from './types/sponsors'
+
+export const TIER_COLORS: Record<TSponsorTier, string> = {
+  bronze: '#d97706',
+  silver: '#9ca3af',
+  gold: '#facc15',
+  platinum: '#4ade80',
+  main: '#c084fc',
+}
diff --git a/src/data/sponsors/sponsor3.md b/src/data/sponsors/sponsor3.md
new file mode 100644
index 0000000..3141285
--- /dev/null
+++ b/src/data/sponsors/sponsor3.md
@@ -0,0 +1,6 @@
+---
+name: 'Sponsor 3'
+website: 'https://sponsor3.com'
+tier: 'platinum'
+logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNSAyMXEtLjgyNSAwLTEuNDEyLS41ODdUMyAxOVY1cTAtLjgyNS41ODgtMS40MTJUNSAzaDE0cS44MjUgMCAxLjQxMy41ODhUMjEgNXYxNHEwIC44MjUtLjU4NyAxLjQxM1QxOSAyMXptMC0yaDE0VjVINXptMCAwVjV6bTItMmgxMHEuMyAwIC40NS0uMjc1dC0uMDUtLjUyNWwtMi43NS0zLjY3NXEtLjE1LS4yLS40LS4ydC0uNC4yTDExLjI1IDE2TDkuNCAxMy41MjVxLS4xNS0uMi0uNC0uMnQtLjQuMmwtMiAyLjY3NXEtLjIuMjUtLjA1LjUyNVQ3IDE3bTIuNTYzLTcuNDM4UTEwIDkuMTI1IDEwIDguNXQtLjQzNy0xLjA2MlQ4LjUgN3QtMS4wNjIuNDM4VDcgOC41dC40MzggMS4wNjNUOC41IDEwdDEuMDYzLS40MzciLz48L3N2Zz4='
+---
diff --git a/src/i18n/sponsors/ca.ts b/src/i18n/sponsors/ca.ts
index 2f56e9c..e69225f 100644
--- a/src/i18n/sponsors/ca.ts
+++ b/src/i18n/sponsors/ca.ts
@@ -206,43 +206,43 @@ export const ca = {
     no_taxes: 'sense IVA',
     items: [
       {
+        id: 'bronze',
         name: 'Bronze',
         emoji: '🟤',
         price: 'Preu 1.000€',
         limit: 'Il·limitat',
-        color: '#d97706',
         bg: 'rgba(180, 83, 9, 0.1)',
       },
       {
+        id: 'silver',
         name: 'Plata',
         emoji: '⚪',
         price: 'Preu 3.000€',
         limit: '10 disp.',
-        color: '#9ca3af',
         bg: 'rgba(107, 114, 128, 0.1)',
       },
       {
+        id: 'gold',
         name: 'Or',
         emoji: '🌟',
         price: 'Preu 6.000€',
         limit: '6 disp.',
-        color: '#facc15',
         bg: 'rgba(234, 179, 8, 0.1)',
       },
       {
+        id: 'platinium',
         name: 'Platí',
         emoji: '🏆',
         price: 'Preu 8.000€',
         limit: '3 disp.',
-        color: '#4ade80',
         bg: 'rgba(34, 197, 94, 0.1)',
       },
       {
+        id: 'main',
         name: 'Principal',
         emoji: '🏰',
         price: 'Preu Personalitzat',
         limit: '1 disp.',
-        color: '#c084fc',
         bg: 'rgba(168, 85, 247, 0.1)',
       },
     ],
diff --git a/src/i18n/sponsors/en.ts b/src/i18n/sponsors/en.ts
index 0fcd26b..fbbcd97 100644
--- a/src/i18n/sponsors/en.ts
+++ b/src/i18n/sponsors/en.ts
@@ -206,43 +206,43 @@ export const en = {
     no_taxes: 'VAT not included',
     items: [
       {
+        id: 'bronze',
         name: 'Bronze',
         emoji: '🟤',
         price: 'Price €1,000',
         limit: 'Unlimited',
-        color: '#d97706',
         bg: 'rgba(180, 83, 9, 0.1)',
       },
       {
+        id: 'silver',
         name: 'Silver',
         emoji: '⚪',
         price: 'Price €3,000',
         limit: '10 avail.',
-        color: '#9ca3af',
         bg: 'rgba(107, 114, 128, 0.1)',
       },
       {
+        id: 'gold',
         name: 'Gold',
         emoji: '🌟',
         price: 'Price €6,000',
         limit: '6 avail.',
-        color: '#facc15',
         bg: 'rgba(234, 179, 8, 0.1)',
       },
       {
+        id: 'platinum',
         name: 'Platinum',
         emoji: '🏆',
         price: 'Price €8,000',
         limit: '3 avail.',
-        color: '#4ade80',
         bg: 'rgba(34, 197, 94, 0.1)',
       },
       {
+        id: 'main',
         name: 'Main',
         emoji: '🏰',
         price: 'Price Custom',
         limit: '1 avail.',
-        color: '#c084fc',
         bg: 'rgba(168, 85, 247, 0.1)',
       },
     ],
diff --git a/src/i18n/sponsors/es.ts b/src/i18n/sponsors/es.ts
index d1dcc1c..48cd98c 100644
--- a/src/i18n/sponsors/es.ts
+++ b/src/i18n/sponsors/es.ts
@@ -206,43 +206,43 @@ export const es = {
     no_taxes: 'sin IVA',
     items: [
       {
+        id: 'bronze',
         name: 'Bronce',
         emoji: '🟤',
         price: 'Precio 1.000€',
         limit: 'Ilimitado',
-        color: '#d97706',
         bg: 'rgba(180, 83, 9, 0.1)',
       },
       {
+        id: 'silver',
         name: 'Plata',
         emoji: '⚪',
         price: 'Precio 3.000€',
         limit: '10 disp.',
-        color: '#9ca3af',
         bg: 'rgba(107, 114, 128, 0.1)',
       },
       {
+        id: 'gold',
         name: 'Oro',
         emoji: '🌟',
         price: 'Precio 6.000€',
         limit: '6 disp.',
-        color: '#facc15',
         bg: 'rgba(234, 179, 8, 0.1)',
       },
       {
+        id: 'platinum',
         name: 'Platino',
         emoji: '🏆',
         price: 'Precio 8.000€',
         limit: '3 disp.',
-        color: '#4ade80',
         bg: 'rgba(34, 197, 94, 0.1)',
       },
       {
+        id: 'main',
         name: 'Principal',
         emoji: '🏰',
         price: 'Precio Personalizado',
         limit: '1 disp.',
-        color: '#c084fc',
         bg: 'rgba(168, 85, 247, 0.1)',
       },
     ],
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 2ba82ed..0b8aab7 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -37,7 +37,7 @@ const { title, description = 'PyconES 2026' } = Astro.props
     </div>
     <Nav lang={lang as string} />
 
-    <main class="relative z-10 flex flex-col justify-center text-white container mx-auto">
+    <main class="relative z-10 flex flex-col justify-center text-white container mx-auto p-8">
       <slot />
     </main>
   </body>
diff --git a/src/pages/[lang]/sponsors.astro b/src/pages/[lang]/sponsors.astro
index a199202..7106348 100644
--- a/src/pages/[lang]/sponsors.astro
+++ b/src/pages/[lang]/sponsors.astro
@@ -2,6 +2,7 @@
 import Layout from '../../layouts/Layout.astro'
 import { SPONSORS_EMAIL } from '../constants'
 import { texts } from '../../i18n/sponsors'
+import { TIER_COLORS } from '../../constants'
 
 export function getStaticPaths() {
   return [{ params: { lang: 'es' } }, { params: { lang: 'en' } }, { params: { lang: 'ca' } }]
@@ -38,7 +39,7 @@ const {
 
 <Layout title={title}>
   <div class="page-wrapper min-h-screen w-full absolute top-0 left-0 z-10 overflow-x-hidden">
-    <div class="container-custom max-w-[1200px] mx-auto px-4 py-8 text-white">
+    <div class="container-custom max-w-300 mx-auto px-4 py-8 text-white">
       <!-- Hero -->
       <div class="text-center mb-12">
         <img src="/images/logo-vertical-alt-color-dark.svg" alt="PyconES 2026" class="h-50 mx-auto mb-4" />
@@ -55,7 +56,7 @@ const {
       <section id="about" class="mb-20">
         <div class="bg-white p-8 rounded-2xl text-center">
           <h2 class="text-pycon-red text-2xl font-bold mb-4">{about.title}</h2>
-          <p class="text-lg text-pycon-black max-w-[700px] mx-auto">{about.body}</p>
+          <p class="text-lg text-pycon-black max-w-175 mx-auto">{about.body}</p>
         </div>
       </section>
 
@@ -359,7 +360,7 @@ const {
                 >
                 {
                   tiers.items.map(
-                    (t: { name: string; price: string; limit: string; emoji: string; color: string }) => (
+                    (t: { name: string; price: string; limit: string; emoji: string; id: string }) => (
                       <th
                         scope="col"
                         class="p-4 text-center border-b border-white/10 align-bottom pb-6"
@@ -368,7 +369,11 @@ const {
                         <div class="text-2xl mb-1" aria-hidden="true">
                           {t.emoji}
                         </div>
-                        <div class="text-xl font-bold" style={`color: ${t.color}`} aria-hidden="true">
+                        <div
+                          class="text-xl font-bold"
+                          style={`color: ${TIER_COLORS[t.id]}`}
+                          aria-hidden="true"
+                        >
                           {t.name}
                         </div>
                         <div class="text-white text-2xl font-bold my-1" aria-hidden="true">
diff --git a/src/utils/colors.ts b/src/utils/colors.ts
new file mode 100644
index 0000000..44330ee
--- /dev/null
+++ b/src/utils/colors.ts
@@ -0,0 +1,13 @@
+export function hexToRgba(hex: string, alpha: number): string {
+  let c = hex.replace('#', '')
+  if (c.length === 3)
+    c = c
+      .split('')
+      .map((x) => x + x)
+      .join('')
+  const num = parseInt(c, 16)
+  const r = (num >> 16) & 255
+  const g = (num >> 8) & 255
+  const b = num & 255
+  return `rgba(${r},${g},${b},${alpha})`
+}

From ac342f45eb821a89bd744dcef9094073d4ee0585 Mon Sep 17 00:00:00 2001
From: Francesc Arpi Roca <francesc.arpi@gmail.com>
Date: Tue, 24 Feb 2026 10:38:10 +0100
Subject: [PATCH 5/8] refactor: improve responsive

---
 src/components/home/SectionSponsors.astro        | 2 +-
 src/components/home/sponsors/SponsorsGroup.astro | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/home/SectionSponsors.astro b/src/components/home/SectionSponsors.astro
index 6e4da5a..f2be3d0 100644
--- a/src/components/home/SectionSponsors.astro
+++ b/src/components/home/SectionSponsors.astro
@@ -31,7 +31,7 @@ const main = filterSponsorsByTier('main')
   <SectionTitle title={t['sponsors.title']} />
   <TextBox text={t['sponsors.description']} />
 
-  <div class="flex flex-col w-full gap-8">
+  <div class="w-full grid grid-cols-1 gap-8 lg:grid-cols-2">
     <SponsorsGroup lang={lang} title={t['sponsors.main']} sponsors={main} tierId="main" />
     <SponsorsGroup lang={lang} title={t['sponsors.platinum']} sponsors={platinum} tierId="platinum" />
     <SponsorsGroup lang={lang} title={t['sponsors.gold']} sponsors={gold} tierId="gold" />
diff --git a/src/components/home/sponsors/SponsorsGroup.astro b/src/components/home/sponsors/SponsorsGroup.astro
index 4c23a97..d112f91 100644
--- a/src/components/home/sponsors/SponsorsGroup.astro
+++ b/src/components/home/sponsors/SponsorsGroup.astro
@@ -24,7 +24,7 @@ const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
 ---
 
 <div>
-  <h4 style={`background-color: ${hexToRgba(TIER_COLORS[tierId], 0.2)};`} class="p-2">{title}</h4>
+  <h4 style={`background-color: ${hexToRgba(TIER_COLORS[tierId], 0.4)};`} class="p-2">{title}</h4>
   {
     sponsors.length > 0 ? (
       <div class="flex flex-wrap gap-4 mt-4">

From 933772680c2e8f0f2960610ae5e0f6b3f4d020c0 Mon Sep 17 00:00:00 2001
From: Francesc Arpi Roca <francesc.arpi@gmail.com>
Date: Thu, 26 Feb 2026 07:38:01 +0100
Subject: [PATCH 6/8] fix: responsive improvements

---
 src/components/TextBox.astro          | 4 ++--
 src/components/home/SectionMain.astro | 6 +++---
 src/components/index.astro            | 6 ++++--
 src/layouts/Layout.astro              | 2 +-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/TextBox.astro b/src/components/TextBox.astro
index 3bf7068..a400954 100644
--- a/src/components/TextBox.astro
+++ b/src/components/TextBox.astro
@@ -6,8 +6,8 @@ interface Props {
 const { text } = Astro.props
 ---
 
-<div class="flex-1 flex items-center justify-center bg-black/15 p-8">
-  <p class="text-center text-xl">
+<div class="flex-1 flex items-center justify-center bg-black/15 p-4 md:p-8">
+  <p class="text-center md:text-xl">
     {text}
   </p>
 </div>
diff --git a/src/components/home/SectionMain.astro b/src/components/home/SectionMain.astro
index ce2904b..c1a6cbf 100644
--- a/src/components/home/SectionMain.astro
+++ b/src/components/home/SectionMain.astro
@@ -10,8 +10,8 @@ const { lang } = Astro.props
 const t = texts[lang as keyof typeof texts]
 ---
 
-<div class="mt-20 p-20 flex gap-4 flex-col lg:flex-row">
-  <div class="flex-1">
+<div class="mt-20 pt-20 flex gap-4 flex-col lg:flex-row">
+  <div class="flex-1 mb-4">
     <h1>
       <img
         src="/images/logo-vertical-alt-color-dark.svg"
@@ -22,7 +22,7 @@ const t = texts[lang as keyof typeof texts]
 
     <h2
       id="subtitle-container"
-      class="mt-4 text-xl md:text-2xl text-pycon-red-75 font-mono h-8 flex justify-center items-start gap-2 [text-shadow:0_0_3px_var(--color-pycon-black),0_0_6px_var(--color-pycon-black),0_0_6px_var(--color-pycon-black),0_0_12px_var(--color-pycon-black)]"
+      class="mt-4 md:text-2xl text-pycon-red-75 font-mono h-8 flex justify-center items-start gap-2 [text-shadow:0_0_3px_var(--color-pycon-black),0_0_6px_var(--color-pycon-black),0_0_6px_var(--color-pycon-black),0_0_12px_var(--color-pycon-black)]"
       aria-live="polite"
       aria-busy="true"
     >
diff --git a/src/components/index.astro b/src/components/index.astro
index 4339159..9db6170 100644
--- a/src/components/index.astro
+++ b/src/components/index.astro
@@ -11,6 +11,8 @@ const { lang } = Astro.props
 ---
 
 <Layout title="PyConES 2026">
-  <SectionMain lang={lang} />
-  <SectionSponsors lang={lang} />
+  <div class="flex flex-col gap-20">
+    <SectionMain lang={lang} />
+    <SectionSponsors lang={lang} />
+  </div>
 </Layout>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 0b8aab7..a4906d0 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -37,7 +37,7 @@ const { title, description = 'PyconES 2026' } = Astro.props
     </div>
     <Nav lang={lang as string} />
 
-    <main class="relative z-10 flex flex-col justify-center text-white container mx-auto p-8">
+    <main class="relative z-10 flex flex-col justify-center text-white container mx-auto p-4 md:p-8">
       <slot />
     </main>
   </body>

From 424a26694483b28b66ec8d73dd12f1cdd86c6f29 Mon Sep 17 00:00:00 2001
From: Francesc Arpi Roca <francesc.arpi@gmail.com>
Date: Thu, 26 Feb 2026 07:48:34 +0100
Subject: [PATCH 7/8] refactor: more adjustments due to pr comments

---
 .../{TextBox.astro => CenteredPanel.astro}          |  0
 src/components/home/SectionMain.astro               |  4 ++--
 src/components/home/SectionSponsors.astro           |  6 +++---
 src/components/home/sponsors/SponsorsGroup.astro    | 11 +++++++----
 src/i18n/home.ts                                    |  3 +++
 src/utils/colors.ts                                 | 13 -------------
 6 files changed, 15 insertions(+), 22 deletions(-)
 rename src/components/{TextBox.astro => CenteredPanel.astro} (100%)
 delete mode 100644 src/utils/colors.ts

diff --git a/src/components/TextBox.astro b/src/components/CenteredPanel.astro
similarity index 100%
rename from src/components/TextBox.astro
rename to src/components/CenteredPanel.astro
diff --git a/src/components/home/SectionMain.astro b/src/components/home/SectionMain.astro
index c1a6cbf..c63a121 100644
--- a/src/components/home/SectionMain.astro
+++ b/src/components/home/SectionMain.astro
@@ -1,6 +1,6 @@
 ---
 import { texts } from '../../i18n/home'
-import TextBox from '../TextBox.astro'
+import CenteredPanel from '../CenteredPanel.astro'
 
 interface Props {
   lang: string
@@ -33,7 +33,7 @@ const t = texts[lang as keyof typeof texts]
       </span>
     </h2>
   </div>
-  <TextBox text={t['index.message']} />
+  <CenteredPanel text={t['index.message']} />
 </div>
 
 <script>
diff --git a/src/components/home/SectionSponsors.astro b/src/components/home/SectionSponsors.astro
index f2be3d0..92fb5a7 100644
--- a/src/components/home/SectionSponsors.astro
+++ b/src/components/home/SectionSponsors.astro
@@ -1,7 +1,7 @@
 ---
 import { texts } from '../../i18n/home'
 import SectionTitle from '../SectionTitle.astro'
-import TextBox from '../TextBox.astro'
+import CenteredPanel from '../CenteredPanel.astro'
 import type { ISponsor } from '../../types/sponsors'
 import SponsorsGroup from './sponsors/SponsorsGroup.astro'
 
@@ -29,9 +29,9 @@ const main = filterSponsorsByTier('main')
 
 <div class="flex flex-col items-center gap-4">
   <SectionTitle title={t['sponsors.title']} />
-  <TextBox text={t['sponsors.description']} />
+  <CenteredPanel text={t['sponsors.description']} />
 
-  <div class="w-full grid grid-cols-1 gap-8 lg:grid-cols-2">
+  <div class="w-full flex flex-col gap-8">
     <SponsorsGroup lang={lang} title={t['sponsors.main']} sponsors={main} tierId="main" />
     <SponsorsGroup lang={lang} title={t['sponsors.platinum']} sponsors={platinum} tierId="platinum" />
     <SponsorsGroup lang={lang} title={t['sponsors.gold']} sponsors={gold} tierId="gold" />
diff --git a/src/components/home/sponsors/SponsorsGroup.astro b/src/components/home/sponsors/SponsorsGroup.astro
index d112f91..4210277 100644
--- a/src/components/home/sponsors/SponsorsGroup.astro
+++ b/src/components/home/sponsors/SponsorsGroup.astro
@@ -2,7 +2,6 @@
 import type { ISponsor, TSponsorTier } from '../../../types/sponsors'
 import { texts } from '../../../i18n/home'
 import { TIER_COLORS } from '../../../constants'
-import { hexToRgba } from '../../../utils/colors'
 
 interface Props {
   tierId: TSponsorTier
@@ -23,8 +22,8 @@ const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
 }
 ---
 
-<div>
-  <h4 style={`background-color: ${hexToRgba(TIER_COLORS[tierId], 0.4)};`} class="p-2">{title}</h4>
+<div class="w-full">
+  <h4 style={`background-color: ${TIER_COLORS[tierId]};`} class="p-2">{title}</h4>
   {
     sponsors.length > 0 ? (
       <div class="flex flex-wrap gap-4 mt-4">
@@ -35,7 +34,11 @@ const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
             rel="noopener noreferrer"
             class="flex flex-col items-center justify-center p-4 border rounded-lg hover:shadow-lg transition-shadow duration-300"
           >
-            <img src={sponsor.logo} alt={sponsor.name} width={IMG_WITH_BY_TIER[tierId]} />
+            <img
+              src={sponsor.logo}
+              alt={t['sponsors.altlogo'].replace('{name}', sponsor.name)}
+              width={IMG_WITH_BY_TIER[tierId]}
+            />
             <small>{sponsor.name}</small>
           </a>
         ))}
diff --git a/src/i18n/home.ts b/src/i18n/home.ts
index 9093b62..3ad2135 100644
--- a/src/i18n/home.ts
+++ b/src/i18n/home.ts
@@ -13,6 +13,7 @@ export const texts = {
     'sponsors.silver': 'Patrocinador Plata',
     'sponsors.bronze': 'Patrocinador Bronce',
     'sponsors.none': 'No hay patrocinadores en este nivel',
+    'sponsors.altlogo': 'Logo de {name}',
   },
   en: {
     'index.initializing': 'Initialising system...',
@@ -28,6 +29,7 @@ export const texts = {
     'sponsors.silver': 'Silver Sponsor',
     'sponsors.bronze': 'Bronze Sponsor',
     'sponsors.none': 'No sponsors in this tier',
+    'sponsors.altlogo': '{name} logo',
   },
   ca: {
     'index.initializing': 'Inicialitzant sistema...',
@@ -43,5 +45,6 @@ export const texts = {
     'sponsors.silver': 'Patrocinador Plata',
     'sponsors.bronze': 'Patrocinador Bronze',
     'sponsors.none': 'No hi ha patrocinadors en aquest nivell',
+    'sponsors.altlogo': 'Logo de {name}',
   },
 } as const
diff --git a/src/utils/colors.ts b/src/utils/colors.ts
deleted file mode 100644
index 44330ee..0000000
--- a/src/utils/colors.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export function hexToRgba(hex: string, alpha: number): string {
-  let c = hex.replace('#', '')
-  if (c.length === 3)
-    c = c
-      .split('')
-      .map((x) => x + x)
-      .join('')
-  const num = parseInt(c, 16)
-  const r = (num >> 16) & 255
-  const g = (num >> 8) & 255
-  const b = num & 255
-  return `rgba(${r},${g},${b},${alpha})`
-}

From b4659523f8de6ce21cea2db70dd9debf3331affe Mon Sep 17 00:00:00 2001
From: Dani H <ctrl.alt.d@gmail.com>
Date: Thu, 26 Feb 2026 09:35:30 +0100
Subject: [PATCH 8/8] Fix: contrastes

---
 src/components/home/sponsors/SponsorsGroup.astro | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/home/sponsors/SponsorsGroup.astro b/src/components/home/sponsors/SponsorsGroup.astro
index 4210277..3d69351 100644
--- a/src/components/home/sponsors/SponsorsGroup.astro
+++ b/src/components/home/sponsors/SponsorsGroup.astro
@@ -23,7 +23,7 @@ const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
 ---
 
 <div class="w-full">
-  <h4 style={`background-color: ${TIER_COLORS[tierId]};`} class="p-2">{title}</h4>
+  <h4 style={`background-color: ${TIER_COLORS[tierId]};`} class="p-2 text-black rounded">{title}</h4>
   {
     sponsors.length > 0 ? (
       <div class="flex flex-wrap gap-4 mt-4">
@@ -44,7 +44,9 @@ const IMG_WITH_BY_TIER: Record<TSponsorTier, number> = {
         ))}
       </div>
     ) : (
-      <p class="text-gray-500 mt-2">{t['sponsors.none']}</p>
+      <p class="text-gray-100 mt-2 bg-white/10 px-2 py-1 rounded w-[184px] border border-gray-300 text-center">
+        {t['sponsors.none']}
+      </p>
     )
   }
 </div>