Seccion CFP en la home (#157)

Seccion CFP en la home

<img width="1279" height="618" alt="image"
src="https://github.com/user-attachments/assets/337c7e48-a87c-466b-abda-1a1ad4a5f473"
/>

Author: francescarpi

src/components/Button.astro

@@ -24,7 +24,7 @@ const sizes = {
 }
 
 const baseClasses =
-  "inline-flex items-center justify-center font-['Outfit'] font-medium rounded-lg text-center transition-colors duration-200 cursor-pointer"
+  'inline-flex items-center justify-center font-medium rounded-lg text-center transition-colors duration-200 cursor-pointer'
 
 const Element = href ? 'a' : 'button'
 ---

src/components/home/SectionCallForProposals.astro

@@ -0,0 +1,36 @@
+---
+import { texts } from '../../i18n/home'
+import SectionTitle from '../SectionTitle.astro'
+import Button from '../Button.astro'
+
+interface Props {
+  lang: string
+}
+
+const { lang } = Astro.props
+const t = texts[lang as keyof typeof texts]
+---
+
+<div class="flex flex-col items-center gap-6">
+  <SectionTitle title={t['cfp.title']} />
+
+  <div
+    class="bg-white/5 backdrop-blur-md p-8 rounded-2xl border border-white/10 hover:border-pycon-orange/50 transition-all shadow-xl w-full"
+  >
+    <p class="text-lg text-pycon-gray-25 leading-relaxed mb-6 text-center">
+      {t['cfp.description']}
+    </p>
+
+    <div class="flex justify-center">
+      <Button
+        variant="primary"
+        size="lg"
+        href="https://pretalx.com/pycones-2026/cfp"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {t['cfp.button']}
+      </Button>
+    </div>
+  </div>
+</div>

src/components/index.astro

@@ -1,6 +1,7 @@
 ---
 import Layout from '@/layouts/Layout.astro'
 import SectionMain from './home/SectionMain.astro'
+import SectionCallForProposals from './home/SectionCallForProposals.astro'
 import SectionSponsors from './home/SectionSponsors.astro'
 
 interface Props {
@@ -13,6 +14,7 @@ const { lang } = Astro.props
 <Layout title="PyConES 2026">
   <div class="flex flex-col gap-20">
     <SectionMain lang={lang} />
+    <SectionCallForProposals lang={lang} />
     <SectionSponsors lang={lang} />
   </div>
 </Layout>

src/i18n/home.ts

@@ -14,6 +14,10 @@ export const texts = {
     'sponsors.bronze': 'Patrocinador Bronce',
     'sponsors.none': 'No hay patrocinadores en este nivel',
     'sponsors.altlogo': 'Logo de {name}',
+    'cfp.title': 'Llamada a Propuestas',
+    'cfp.description':
+      '¡Ya está abierta la llamada a propuestas! Mándanos tu charla o taller antes del 3 de mayo a las 23:59h (hora peninsular). Si te estás preguntando si puedes hacer esto, la respuesta es que sí. Si tienes un tema que te interesa, ¡nos interesa!',
+    'cfp.button': 'Envía tu propuesta',
   },
   en: {
     'index.initializing': 'Initialising system...',
@@ -30,6 +34,10 @@ export const texts = {
     'sponsors.bronze': 'Bronze Sponsor',
     'sponsors.none': 'No sponsors in this tier',
     'sponsors.altlogo': '{name} logo',
+    'cfp.title': 'Call for Proposals',
+    'cfp.description':
+      "The call for proposals is now open! Send us your talk or workshop before May 3rd at 23:59 (CET). If you're wondering whether you can do this, the answer is yes. If you have a topic that interests you, it interests us!",
+    'cfp.button': 'Submit your proposal',
   },
   ca: {
     'index.initializing': 'Inicialitzant sistema...',
@@ -46,5 +54,9 @@ export const texts = {
     'sponsors.bronze': 'Patrocinador Bronze',
     'sponsors.none': 'No hi ha patrocinadors en aquest nivell',
     'sponsors.altlogo': 'Logo de {name}',
+    'cfp.title': 'Crida a Propostes',
+    'cfp.description':
+      "Ja està oberta la crida a propostes! Envia'ns la teva xerrada o taller abans del 3 de maig a les 23:59h (hora peninsular). Si t'estàs preguntant si pots fer això, la resposta és que sí. Si tens un tema que t'interessa, ens interessa!",
+    'cfp.button': 'Envia la teva proposta',
   },
 } as const