diff --git a/src/components/Button.astro b/src/components/Button.astro index ed423ac..78e500d 100644 --- a/src/components/Button.astro +++ b/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' --- diff --git a/src/components/home/SectionCallForProposals.astro b/src/components/home/SectionCallForProposals.astro new file mode 100644 index 0000000..21d6423 --- /dev/null +++ b/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] +--- + +
+ + +
+

+ {t['cfp.description']} +

+ +
+ +
+
+
diff --git a/src/components/index.astro b/src/components/index.astro index f3ece26..1f5b989 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 SectionCallForProposals from './home/SectionCallForProposals.astro' import SectionSponsors from './home/SectionSponsors.astro' interface Props { @@ -13,6 +14,7 @@ const { lang } = Astro.props
+
diff --git a/src/i18n/home.ts b/src/i18n/home.ts index 3ad2135..ff5a2a0 100644 --- a/src/i18n/home.ts +++ b/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