diff --git a/public/images/alert-message.svg b/public/images/alert-message.svg index 68c0fea..3db12b7 100644 --- a/public/images/alert-message.svg +++ b/public/images/alert-message.svg @@ -1,12 +1,15 @@ - Early birds tickets on sale now! + style="font-size:16px;line-height:1.25;font-family:Poppins;-inkscape-font-specification:Poppins;fill:#000000" + inkscape:label="text190" + aria-label="Tickets on sale now!" /> diff --git a/src/app/[lang]/call-for-proposals/components/Content.js b/src/app/[lang]/call-for-proposals/components/Content.js index f2c81d4..0ad1fe5 100644 --- a/src/app/[lang]/call-for-proposals/components/Content.js +++ b/src/app/[lang]/call-for-proposals/components/Content.js @@ -1,10 +1,17 @@ +'use client'; + import React from 'react'; import Container from 'react-bootstrap/Container'; import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import Question from './Question'; +import { useI18n } from '@/contexts/I18nContext'; + const Content = () => { + const i18nDictionary = useI18n(); + const sectionData = i18nDictionary?.sections?.call_for_speakers?.content; + return (
@@ -12,18 +19,16 @@ const Content = () => {

- We are inviting all the Python Community to submit proposals to PyCon Colombia 2024, - don't hesitate to submit yours! or, if you know somebody who you think should - be speaking at PyCon Colombia, please send them this{' '} + {sectionData?.description}{' '} - Link + {sectionData?.url_label}


- This CFP closes at April 1st 2024. + {sectionData?.date_text} {sectionData?.date}.

diff --git a/src/app/[lang]/call-for-proposals/components/Technical.js b/src/app/[lang]/call-for-proposals/components/Technical.js index d01cd2a..49a465c 100644 --- a/src/app/[lang]/call-for-proposals/components/Technical.js +++ b/src/app/[lang]/call-for-proposals/components/Technical.js @@ -1,17 +1,23 @@ +'use client'; + import React from 'react'; import Container from 'react-bootstrap/Container'; import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import Image from 'next/image'; +import { useI18n } from '@/contexts/I18nContext'; + const Technical = () => { + const i18nDictionary = useI18n(); + const sectionData = i18nDictionary?.sections?.call_for_speakers; + return (
- We welcome a diverse range of proposals related to various technical topics. Share your - expertise on any of the following subjects: + {sectionData?.topics_description_1}
diff --git a/src/app/[lang]/call-for-proposals/components/Title.js b/src/app/[lang]/call-for-proposals/components/Title.js index b8ad6ec..30ace20 100644 --- a/src/app/[lang]/call-for-proposals/components/Title.js +++ b/src/app/[lang]/call-for-proposals/components/Title.js @@ -1,3 +1,5 @@ +'use client'; + import React from 'react'; import Container from 'react-bootstrap/Container'; import Row from 'react-bootstrap/Row'; @@ -5,10 +7,15 @@ import Col from 'react-bootstrap/Col'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faCalendar } from '@fortawesome/free-solid-svg-icons'; +import { useI18n } from '@/contexts/I18nContext'; + import Topics from './Topics'; import Technical from './Technical'; const Title = () => { + const i18nDictionary = useI18n(); + const sectionData = i18nDictionary?.sections?.call_for_speakers; + return (
@@ -18,14 +25,11 @@ const Title = () => {

- Call for proposals + {sectionData?.title}

-

- Calling on all Python enthusiasts! Submit your proposals for PyCon Colombia 2024 - now. Don't miss the opportunity to share your insights -

+

{sectionData?.description}

- Closes at April 1st 2024 + {sectionData?.closes_date}
diff --git a/src/app/[lang]/call-for-proposals/components/Topics.js b/src/app/[lang]/call-for-proposals/components/Topics.js index a6ed916..f889e0d 100644 --- a/src/app/[lang]/call-for-proposals/components/Topics.js +++ b/src/app/[lang]/call-for-proposals/components/Topics.js @@ -1,16 +1,23 @@ +'use client'; + import React from 'react'; import Container from 'react-bootstrap/Container'; import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import Image from 'next/image'; +import { useI18n } from '@/contexts/I18nContext'; + const Topics = () => { + const i18nDictionary = useI18n(); + const sectionData = i18nDictionary?.sections?.call_for_speakers; + return (
- Also you can talk about other general topics: + {sectionData?.topics_description_2}
diff --git a/src/app/[lang]/components/LandingPage/Welcome.js b/src/app/[lang]/components/LandingPage/Welcome.js index 7fe6fc6..2efc5fc 100644 --- a/src/app/[lang]/components/LandingPage/Welcome.js +++ b/src/app/[lang]/components/LandingPage/Welcome.js @@ -1,3 +1,5 @@ +'use client'; + import React from 'react'; import Container from 'react-bootstrap/Container'; import Row from 'react-bootstrap/Row'; @@ -5,7 +7,12 @@ import Col from 'react-bootstrap/Col'; import Button from 'react-bootstrap/Button'; import Image from 'next/image'; -const Welcome = () => { +import { useI18n } from '@/contexts/I18nContext'; + +const Welcome = ({ params: { lang } }) => { + const i18nDictionary = useI18n(); + const sectionData = i18nDictionary?.sections?.index; + return (
@@ -15,8 +22,8 @@ const Welcome = () => {

- Del 7 al 9 de Junio | - Medellín - Colombia + {sectionData?.date} | + {sectionData?.location}

{
- Ready to journey back in time + {sectionData?.subtitle_1}
- while building the future? + {sectionData?.subtitle_2}
@@ -45,7 +52,7 @@ const Welcome = () => { className="btn btn-primary btn-welcome" href="https://www.eventbrite.com/e/pycon-colombia-2024-tickets-824751864027" target="_blank"> - Get your tickets + {sectionData?.tickets_button}
diff --git a/src/app/[lang]/keynotes/components/Card.js b/src/app/[lang]/keynotes/components/Card.js index a450358..302fd90 100644 --- a/src/app/[lang]/keynotes/components/Card.js +++ b/src/app/[lang]/keynotes/components/Card.js @@ -1,3 +1,5 @@ +'use client'; + import React from 'react'; import Link from 'next/link'; import propTypes from 'prop-types'; @@ -6,6 +8,8 @@ import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import Image from 'next/image'; +import { useI18n } from '@/contexts/I18nContext'; + import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faCircle, faGlobe } from '@fortawesome/free-solid-svg-icons'; import { @@ -16,6 +20,8 @@ import { } from '@fortawesome/free-brands-svg-icons'; const Card = ({ speakerData, reverse, index, lang }) => { + const i18nDictionary = useI18n(); + const sectionData = i18nDictionary?.sections?.keynotes; const colorBorderSpeaker = ['border-pink', 'border-yellow', 'border-purple', 'border-blue']; // const colorBerderTextSpeaker = [ // 'text-border-pink', @@ -126,7 +132,7 @@ const Card = ({ speakerData, reverse, index, lang }) => { */} - More info + {sectionData?.more_info} diff --git a/src/app/[lang]/page.js b/src/app/[lang]/page.js index 68a96a1..c06c795 100644 --- a/src/app/[lang]/page.js +++ b/src/app/[lang]/page.js @@ -14,7 +14,7 @@ import Sponsors from '@/app/[lang]/sponsors/page'; export default async function Page({ params: { lang } }) { return ( <> - + {/* */} diff --git a/src/data/dictionaries/en.json b/src/data/dictionaries/en.json index fbf33a8..eefb844 100644 --- a/src/data/dictionaries/en.json +++ b/src/data/dictionaries/en.json @@ -11,9 +11,30 @@ "cfp": "Call for Proposals" }, "sections": { + "index": { + "date": "June 7 to 9, 2024", + "location": "Medellin - Colombia", + "subtitle_1": "Ready to journey back in time", + "subtitle_2": "while building the future?", + "tickets_button": "Get your tickets" + }, "keynotes": { "title": "Keynotes", - "description": "We are the new voices" + "description": "We are the new voices", + "more_info": "More Info" + }, + "call_for_speakers": { + "title": "Call for proposals", + "description": "Calling on all Python enthusiasts! Submit your proposals for PyCon Colombia 2024 now. Don't miss the opportunity to share your insights", + "closes_date": "Closes at April 1st 2024", + "topics_description_1": "We welcome a diverse range of proposals related to various technical topics. Share your expertise on any of the following subjects:", + "topics_description_2": "Also you can talk about other general topics:", + "content": { + "description": "We are inviting all the Python Community to submit proposals to PyCon Colombia 2024, don't hesitate to submit yours! or, if you know somebody who you think should be speaking at PyCon Colombia, please send them this", + "url_label": "Link", + "date_text": "This CFP closes at", + "date": "April 1st, 2024" + } }, "sponsors": { "title": "Sponsors", diff --git a/src/data/dictionaries/es.json b/src/data/dictionaries/es.json index ca6693e..8f5b054 100644 --- a/src/data/dictionaries/es.json +++ b/src/data/dictionaries/es.json @@ -11,9 +11,30 @@ "cfp": "Llamado a ponentes" }, "sections": { + "index": { + "date": "Del 7 al 9 de Junio", + "location": "Medellín - Colombia", + "subtitle_1": "¿Listo para viajar en el tiempo", + "subtitle_2": "mientras construyes el futuro?", + "tickets_button": "Consigue tus entradas" + }, "keynotes": { "title": "Invitados Internacionales", - "description": "Somos las nuevas voces" + "description": "Somos las nuevas voces", + "more_info": "Más info" + }, + "call_for_speakers": { + "title": "Convocatoria de propuestas", + "description": "¡Llamado a todos los entusiastas de Python! Envía ahora tus propuestas para PyCon Colombia 2024. No pierdas la oportunidad de compartir tus conocimientos", + "closes_date": "Cierra el 1 de Abril de 2024", + "topics_description_1": "Acogemos con satisfacción una amplia gama de propuestas relacionadas con diversos temas técnicos. Comparta sus conocimientos sobre cualquiera de los siguientes temas:", + "topics_description_2": "También puede hablar de otros temas generales:", + "content": { + "description": "Estamos invitando a toda la Comunidad Python a presentar propuestas para PyCon Colombia 2024, ¡no dudes en enviar la tuya! o, si conoces a alguien que crees que debería hablar en PyCon Colombia, por favor envíale este", + "url_label": "Enlace", + "date_text": "Este CFP cierra el", + "date": "1 de Abril de 2024" + } }, "sponsors": { "title": "Patrocinadores", diff --git a/src/styles/partials/_index.sass b/src/styles/partials/_index.sass index 40397a7..6e3de59 100644 --- a/src/styles/partials/_index.sass +++ b/src/styles/partials/_index.sass @@ -59,7 +59,7 @@ $duration: 10s .description color: white - font-size: 50px + font-size: 48px font-style: normal font-weight: 400 letter-spacing: 7.56px