diff --git a/public/content/contributing/translation-program/translatathon/approved.png b/public/content/contributing/translation-program/translatathon/approved.png
deleted file mode 100644
index 44177d5ca80..00000000000
Binary files a/public/content/contributing/translation-program/translatathon/approved.png and /dev/null differ
diff --git a/public/content/contributing/translation-program/translatathon/details/index.md b/public/content/contributing/translation-program/translatathon/details/index.md
new file mode 100644
index 00000000000..e4f469d1f05
--- /dev/null
+++ b/public/content/contributing/translation-program/translatathon/details/index.md
@@ -0,0 +1,81 @@
+---
+title: Details and rules
+lang: en
+template: translatathon
+---
+
+
+
+The Translatathon is open and anyone can participate by filling out the application form and joining the project in Crowdin.
+
+Translators collect points by suggesting translations for untranslated strings in their language in the Crowdin editor during the translation period (August 9th - August 18th).
+
+Each participants final score is determined by the number of words they have translated during the translation period and any potential multipliers they’ve collected.
+
+### Getting started
+
+The translation process takes place in the ethereum.org project in Crowdin and translators suggest their translations for untranslated strings, made up of almost all of content from the ethereum.org website.
+
+Translations are suggested directly in the online editor so there is no need to download or upload any files or deliverables. Each translated word is tracked and counted.
+
+**1) Join the project**
+
+- To start contributing, you will need to join the [ethereum.org project in Crowdin](https://crowdin.com/project/ethereum-org)
+- You will need to sign in or create an account - all that is required is an email address and password
+
+**2) Select your language**
+
+- Find your language on the list of target languages and open it by clicking on its name or flag
+- If you would like to translate into a language that isn’t available, reach out to [Ethereum.org Team](https://crowdin.com/profile/ethdotorg) on crowdin or send us an email to translations@ethereum.org and we will add new additional target languages per request
+
+**3) Open an untranslated file**
+
+- Find the first untranslated file to start translating. The folders containing the source files are based on priority - 1) Homepage, 2) Essential learning, 3) Essentials, 4) Exploring, etc. so you should start translating the first folder that contains untranslated files
+- Each file has a progress indicator showing how much of the translatable content in the file has been translated and approved… if translation progress for any file is below 100%, please translate it
+
+**4) Translate the untranslated strings**
+
+- When you open a file to translate, make sure you are only translating untranslated strings!
+- Each string has a status indicator that shows whether it’s _Translated_, _Untranslated_, or _Approved_. If a source string already has a suggested translation in your language, there is no need to translate it
+- You can also filter strings in the editor to show _Untranslated first_ or _Untranslated only_
+
+For a detailed guide to navigating and using the Crowdin online editor, we recommend all Translatathon participants to read our [How to translate](/contributing/translation-program/how-to-translate/) guide.
+
+To learn more about the conventions and best practices for translating ethereum.org content, you can also check out our [translation style guide](/contributing/translation-program/translators-guide/).
+
+### Prizes
+
+The total prize pool for the Translatathon is 30,000$.
+
+A detailed breakdown of prizes will be announced at the end of the application period.
+
+### Evaluation process
+
+All translations will be subject to QA and feedback, where professional linguists will evaluate submissions based on quality and accuracy.
+
+We will also be running **anti-machine translation measures**, with Crowdin providing some tools that automatically detect machine translations.
+
+While translation quality will not play a critical role in the scoring, any **participants found using machine translation** or suggesting low-quality and inaccurate translations **will be disqualified** and not eligible to compete for prizes!
+
+The evaluation period will take place between August 19th-28th and the results will be announced on the ethereum.org community call on August 29th.
+
+All translations will also be subject to a thorough review before being added to the website.
+
+### FAQ - Frequently asked questions
+
+
+
On the ethereum.org Discord, you can send a message in the #translatathon & #translate channels
+
You can send an email to translations@ethereum.org
+
+
+
+
+ You can translate into any language! It is recommended to only translate into your native language to ensure sufficient quality, but in short, all language available in Crowdin are in scope for the Translatathon.
+
+ If you want to translate into a language that isn't available in Crowdin, reach out to us and we will add any language per request.
+
+
+
+
diff --git a/public/content/contributing/translation-program/translatathon/details/participate.png b/public/content/contributing/translation-program/translatathon/details/participate.png
new file mode 100644
index 00000000000..817025328dd
Binary files /dev/null and b/public/content/contributing/translation-program/translatathon/details/participate.png differ
diff --git a/public/content/contributing/translation-program/translatathon/index.md b/public/content/contributing/translation-program/translatathon/index.md
index 7aeb64702dc..73cbfce51d0 100644
--- a/public/content/contributing/translation-program/translatathon/index.md
+++ b/public/content/contributing/translation-program/translatathon/index.md
@@ -1,212 +1,95 @@
---
-title: Ethereum.org Translatathon
-description: Join the first ethereum.org Translatathon to contribute to ethereum.org, learn about Ethereum, and compete for prizes.
+title: 2024 ethereum.org Translatathon
lang: en
+template: translatathon
---
-# Ethereum.org Translatathon {#introduction}
+
+
+
+
+
-Welcome to the first ever ethereum.org Translatathon!
+## Introduction
-A translatathon is a collaborative and competitive hackathon-style event where individuals and teams compete for prizes by translating ethereum.org content into different languages.
+The ethereum.org Translation Program is an ongoing effort to translate the website into as many languages as possible. We believe that Ethereum content and onboarding resources should be accessible to everyone, regardless of the language they speak.
-The goal is to translate website content and help make ethereum.org more accessible to non-English speakers, raise awareness of the importance of localization and the [Translation program](/contributing/translation-program/), onboard new contributors and give back to our community, while fostering a sense of community by teaming up, collaborating on translations, and competing against other teams.
+As part of the Translation Program, we are organizing the second edition of the Translatathon with the aim of incentivizing translation contributions in less-active languages, increasing the number of languages and amount of content available on the site, onboard new contributors and reward our existing ones.
-We invite you to join us in breaking down language barriers and making ethereum.org content available to a truly global audience. By participating in the Translatathon, you’ll have an opportunity to meet and collaborate with like-minded individuals from across the globe, compete for exciting prizes, and contribute to making Ethereum content more accessible to the world!
+If you are bilingual and want to help make Ethereum content more accessible while competing for prizes, read on to learn more!
-## Overview {#overview}
+[Learn more about the ethereum.org Translation Program](/contributing/translation-program/)
-
- This event has passed. Stay tuned for the next events.
-
+## Timeline
-### When {#when}
+Here are the important dates for the 2024 Translatathon:
-- Application period: August 1st - August 15th, 2023
-- Translation period: August 16th - August 23rd, 2023
-- Evaluation & QA period: August 23rd - August 30th, 2023
-- Results announcement: August 31st, 2023
+
-### Where {#where}
+
-The translations and review process will take place in the [ethereum.org project on Crowdin](https://crowdin.com/project/ethereum-org), a localization management platform where all of our localization processes take place.
+## Participate
-All of the Translatathon participants will be required to join the project in Crowdin and translate directly on the platform, where you can translate as individuals or collaborate as part of a team.
+
-Office hours, workshops, team formation and FAQ sessions will be hosted on the [ethereum.org Discord](https://www.ethereum.org/discord), where you’ll also be able to find all the relevant information on the Translatathon, follow along with announcements and updates, and reach out to other participants and the ethereum.org team.
+
+
+
Who can join?
+ Be older than 18 years and fluent in at least one language in addition to English.
+
+
+
Do I need to be a translator?
+ No. You simply have to be bilingual and suggest human translations (using machine translation is forbidden!) to the best of your ability, no professional experience required.
+
+
-### How {#how}
+
+
+
How much time do I have to commit?
+ As much as you want. The minimum threshold to be eligible for participatory prizes is 100 translated words, which takes about 10-20 minutes to complete, while competing for the top prizes will require a larger time commitment.
+
+
+
Do I need to be familiar with Ethereum?
+ No. While being familiar with Ethereum can help with your productivity and quality, the Translatathon is as much a learning experience as it is a competition, and everyone is invited to join and learn more about Ethereum while participating.
+
+
-#### Application period {#applications}
+
+
+
What do I need to participate?
+ We recommend using a computer to translate since our translation platform, Crowdin, is optimized for desktop.
+
+
-The application period will be open from **August 1st** to **August 15th**, 2023.
+For more details, [see the full Terms & conditions](/contributing/translation-program/translatathon/terms-and-conditions)
-All participants in the Translatathon are required to apply in order to participate and compete for prizes.
+### Step by step instructions
-During this period, we will be organizing several team formation calls on the Discord, where participants will be able to form teams and apply to compete in the ‘Teams’ category.
+
-Participants planning to compete as a team need to fill out the [Team registration form](https://teams.paperform.co/) by the end of the application period, adding links to the Crowdin profiles of each team member.
+## Stay up to date
-#### Categories {#categories}
+
+
-Team members can translate into different languages!
+
-Individuals will participate in the Translatathon as normal, competing only against other individuals, and the final scores will be calculated based on their number of translated words and the content buckets they translated.
-
-**Only translations, submitted during the Translation period - starting 16th of August at 5:00am UTC and ending 23rd of August at 5:00am UTC - will count towards the final score.**
-
-## Step-by-step instructions {#instructions}
-
-1. Learn more about the Translatathon and read up on the timeline, process, requirements, and evaluation process
-
-2. Apply to participate [here](https://translatathon.paperform.co/)
-
-3. Join the team formation and Onboarding calls on the [ethereum.org Discord](https://www.ethereum.org/discord)
-
-4. If you’re planning to participate as part of a team, fill out the [Team registration form](https://teams.paperform.co/)
-
-5. Check out the resources on [how to join the project and how to use Crowdin](/contributing/translation-program/how-to-translate/), and read through the [Translation style guide](/contributing/translation-program/translators-guide/) for in-depth guidelines on translating ethereum.org content
-
-6. Translate!
-
-
- When translating, do not use machine translation or submit low-quality translations, since all translations will be reviewed, and participants found using machine translation or submitting inaccurate translations will be disqualified from competing for prizes!
-
-
-## Details and submission criteria {#details}
-
-### Requirements and scoring {#requirements-scoring}
-
-With the translation process taking place in Crowdin, the deliverable for Translatathon participants is simply the content you have translated in the [ethereum.org project](https://crowdin.com/project/ethereum-org). No need to manually submit anything.
-
-In order for your submissions to be counted, make sure that you are only translating untranslated and unapproved strings.
-
-This means that you should only be translating files that are less than 100% translated, and strings with no existing translations. They can be easily identified by the red square (as shown in the image below).
-
-Untranslated string (translate this!):
-
-
-
-Translated strings (do not translate):
-
-
-
-String with an approved translation (do not translate):
-
-
-
-The files for translation are already categorized by priority in Crowdin, with initial content buckets containing the most high-traffic pages.
-
-You can read more about content buckets [here](/contributing/translation-program/how-to-translate/#find-document), and check the exact distribution of pages across different content buckets [here](/contributing/translation-program/content-buckets/).
-
-We always recommend contributors to translate the content buckets in order, starting with 1) Homepage → 2) Essentials → 3) Exploring → 4) Use Ethereum pages, etc., but during the Translatathon, this will be especially important and could heavily influence your score, since the higher priority buckets will have a higher multiplier when calculating the final score.
-
-Full breakdown of multipliers by content bucket:
-
-- Content buckets 1-8: 1.2x points multiplier
-- Content buckets 9-15: 1.1x points multiplier
-- Content buckets 16-28: 1x points multiplier
-- Remix translations: 0.8x points multiplier
-
-### Prizes {#prizes}
-
-The total prize pool for the Translatathon is 30,000$.
-
-A detailed breakdown of prizes will be announced at the end of the application period.
-
-### Evaluation process {#evaluation-process}
-
-We work with [Acolad](https://www.acolad.com/), a leading localization agency, on all review and QA processes for ethereum.org content.
-
-As part of the evaluation process for the Translatathon, all translations will be subject to a QA and feedback step, where professional linguists will evaluate submissions by individual translators based on quality and accuracy.
-
-We will also be running anti-machine translation measures, with Crowdin providing some tools that automatically detect machine translations.
-
-While translation quality will not play a critical role in the scoring, any participants found using machine translation or suggesting low-quality and inaccurate translations will be disqualified and not eligible to compete for prizes!
-
-If you are participating in the Translatathon as part of a team, try to pick your teammates wisely. Any team members that are disqualified based on the above criteria will results in your team losing points, putting you at a disadvantage against other teams.
-
-The evaluation period will take one week after the translation period ends, and results & winners will be announced on August 31st.
-
-All translations will also be subject to a thorough review before being added to the website.
-
-## Terms & conditions {#Terms-and-Conditions}
-
-_The Ethereum.org Translation Competition, also referred to as the “Translatathon”, is an experimental initiative by the ethereum.org team to incentivise and reward contributions to the ethereum.org Translation Program._
-
-- Modification and Termination. We reserve the right to modify the rules or to terminate the Translatathon at any time, without prior notice. All changes will be effective immediately upon announcement.
-
-- Eligibility, Judging, and Prizes. The determination of eligibility, scoring and judging methodology, and prize distribution fall solely and irrevocably under our discretion.
-
-- Data Privacy. By submitting the application form, applicants and participants confirm that they have read and agree to our Privacy Policy and consent to share with us the requested information, which may include information that constitutes personal data. We will keep all information provided confidential, except for the participants’ provided Crowdin usernames and profile images which may be used in public announcements related to competition results and winners.
-
-- Translation Standards. The use of machine translation tools, as determined by us in our sole discretion, may result in disqualification from the competition. In addition, the submission of incorrect and/or inaccurate translations, as determined by us in our sole discretion, may result in ineligibility for prize consideration. Further, any contributions towards strings that have already been translated or reviewed, as determined by us in our sole discretion, will not be included in the participants’ final score. We reserve the right to make such determinations, which shall be final and binding.
-
-- Intellectual Property. Participants agree that by submitting a translation work during the Translatathon, they grant the Ethereum Foundation an irrevocable, non-exclusive, royalty-free licence to use, reproduce, distribute, display, modify, adapt, create derivative works from, and otherwise alter their translation work. Further, participants agree that their translation works may be made publicly available on the ethereum.org website under an open-source licence, including a Creative Commons licence, which allows others to use, share, and build upon the work.
-
-- Taxes. Any tax implications arising from the receipt of prizes are the sole responsibility of the prize recipient.
-
-- Comprehensively Sanctioned Countries. Participants from regions or countries that are subject to comprehensive international sanctions (including, but not limited to Cuba, Iran, North Korea, and Syria) will not be eligible for participation.
-
-- Waiver of Liability. Participants agree that the Ethereum Foundation, its affiliates, and all of their respective officers, directors, employees, and agents will have no liability whatsoever for any injuries, losses, or damages of any kind arising from or in connection with their participation in the Translatathon.
-
-- Governing Law. Any dispute or claim arising out of or relating to the Translatathon (in each case, including non-contractual disputes or claims), shall be governed by and construed in accordance with the laws of Switzerland without giving effect to any choice or conflict of law provision or rule (whether of Switzerland or any other jurisdiction).
-
-## Frequently asked questions {#FAQ}
-
-
-
-- In Crowdin, you can send a direct message to Ethereum.org Team
-- On the ethereum.org Discord, you can send a message in the #translatathon & #translate channels
-- You can send an email to translations@ethereum.org
-
-
-
-
-
-You can translate into any language! It is recommended to only translate into your native language to ensure sufficient quality, but in short, all language available in Crowdin are in scope for the Translatathon.
-
-In case you would like to translate into a language that is not available in the ethereum.org project in Crowdin, please send a message to Ethereum.org Team in Crowdin, or send a message in the #translatathon or #translate channels on the ethereum.org Discord and we’ll add the language to the project.
-
-
-
-
-
-Yes, all Translatathon participants are required to submit the individual application form to participate.
-
-Only one member of a team needs to submit the team registration form, so we can keep track of teams and their members.
-
-
-
-
-
-Machine translation is strictly forbidden, but the project in Crowdin has a built-in Translation memory and Glossary that you can use to assist you in the process, or check definitions and established translations for specific terms.
-
-You can learn more about navigating Crowdin and using the Translation memory and Glossary here.
-
-
-
-
-
-If you are already connected with other translators or people who would be interested in participating, you can simply apply to register as a team and add the Crowdin accounts for everyone that will be part of the team.
-
-You can also invite your friends and form a team with them.
-
-Finally, we’ll be hosting team formation calls on the ethereum.org Discord, where you can connect with other individuals looking for teammates.
-
-
-
-
-
-If the ethereum.org content in Crowdin has been 100% translated into your language, congratulations!
-
-Once the Translatathon is over, all the translated content will be fully reviewed and added to the website.
-
-However, despite your language being completely translated, you can still participate in the Translatathon by translating Remix content.
-These translations will be used in the Remix IDE documentation and have a lower score multiplier than ethereum.org content.
-
-
+
diff --git a/public/content/contributing/translation-program/translatathon/participate.png b/public/content/contributing/translation-program/translatathon/participate.png
new file mode 100644
index 00000000000..817025328dd
Binary files /dev/null and b/public/content/contributing/translation-program/translatathon/participate.png differ
diff --git a/public/content/contributing/translation-program/translatathon/terms-and-conditions/index.md b/public/content/contributing/translation-program/translatathon/terms-and-conditions/index.md
new file mode 100644
index 00000000000..bd9148ad93b
--- /dev/null
+++ b/public/content/contributing/translation-program/translatathon/terms-and-conditions/index.md
@@ -0,0 +1,43 @@
+---
+title: Terms and conditions
+lang: en
+template: translatathon
+---
+
+The Ethereum.org Translation Competition, also referred to as the “Translatathon”, is an experimental initiative by the ethereum.org team to incentivise and reward contributions to the ethereum.org Translation Program.
+
+## Modification and Termination.
+
+We reserve the right to modify the rules or to terminate the Translatathon at any time, without prior notice. All changes will be effective immediately upon announcement.
+
+## Eligibility, Judging, and Prizes
+
+The determination of eligibility, scoring and judging methodology, and prize distribution fall solely and irrevocably under our discretion.
+
+## Data Privacy
+
+By submitting the application form, applicants and participants confirm that they have read and agree to our Privacy Policy and consent to share with us the requested information, which may include information that constitutes personal data. We will keep all information provided confidential, except for the participants’ provided Crowdin usernames and profile images which may be used in public announcements related to competition results and winners.
+
+## Translation Standards
+
+The use of machine translation tools, as determined by us in our sole discretion, may result in disqualification from the competition. In addition, the submission of incorrect and/or inaccurate translations, as determined by us in our sole discretion, may result in ineligibility for prize consideration. Further, any contributions towards strings that have already been translated or reviewed, as determined by us in our sole discretion, will not be included in the participants’ final score. We reserve the right to make such determinations, which shall be final and binding.
+
+## Intellectual Property
+
+Participants agree that by submitting a translation work during the Translatathon, they grant the Ethereum Foundation an irrevocable, non-exclusive, royalty-free licence to use, reproduce, distribute, display, modify, adapt, create derivative works from, and otherwise alter their translation work. Further, participants agree that their translation works may be made publicly available on the ethereum.org website under an open-source licence, including a Creative Commons licence, which allows others to use, share, and build upon the work.
+
+## Taxes
+
+Any tax implications arising from the receipt of prizes are the sole responsibility of the prize recipient.
+
+## Comprehensively Sanctioned Countries
+
+Participants from regions or countries that are subject to comprehensive international sanctions (including, but not limited to Iran, Cuba, Syria, North Korea, and the Crimea, Donetsk People's Republic and Luhansk People's Republic regions of Ukraine) will not be eligible for participation.
+
+## Waiver of Liability
+
+Participants agree that the Ethereum Foundation, its affiliates, and all of their respective officers, directors, employees, and agents will have no liability whatsoever for any injuries, losses, or damages of any kind arising from or in connection with their participation in the Translatathon.
+
+## Governing Law
+
+Any dispute or claim arising out of or relating to the Translatathon (in each case, including non-contractual disputes or claims), shall be governed by and construed in accordance with the laws of Switzerland without giving effect to any choice or conflict of law provision or rule (whether of Switzerland or any other jurisdiction).
\ No newline at end of file
diff --git a/public/content/contributing/translation-program/translatathon/translated.png b/public/content/contributing/translation-program/translatathon/translated.png
deleted file mode 100644
index 47e167de4f1..00000000000
Binary files a/public/content/contributing/translation-program/translatathon/translated.png and /dev/null differ
diff --git a/public/content/contributing/translation-program/translatathon/untranslated.png b/public/content/contributing/translation-program/translatathon/untranslated.png
deleted file mode 100644
index 28f22632410..00000000000
Binary files a/public/content/contributing/translation-program/translatathon/untranslated.png and /dev/null differ
diff --git a/public/images/heroes/translatathon-hero.svg b/public/images/heroes/translatathon-hero.svg
new file mode 100644
index 00000000000..16dcb2c4de1
--- /dev/null
+++ b/public/images/heroes/translatathon-hero.svg
@@ -0,0 +1,198 @@
+
diff --git a/public/images/translatathon/kipu-logo.png b/public/images/translatathon/kipu-logo.png
new file mode 100644
index 00000000000..bd180eaa985
Binary files /dev/null and b/public/images/translatathon/kipu-logo.png differ
diff --git a/public/images/translatathon/man-baby-woman.png b/public/images/translatathon/man-baby-woman.png
new file mode 100644
index 00000000000..c676d51c0c3
Binary files /dev/null and b/public/images/translatathon/man-baby-woman.png differ
diff --git a/public/images/translatathon/round-table.png b/public/images/translatathon/round-table.png
new file mode 100644
index 00000000000..fe38e86e554
Binary files /dev/null and b/public/images/translatathon/round-table.png differ
diff --git a/public/images/translatathon/settlement.png b/public/images/translatathon/settlement.png
new file mode 100644
index 00000000000..99266888c1d
Binary files /dev/null and b/public/images/translatathon/settlement.png differ
diff --git a/public/images/translatathon/translatathon_dolphin.png b/public/images/translatathon/translatathon_dolphin.png
new file mode 100644
index 00000000000..44e95937169
Binary files /dev/null and b/public/images/translatathon/translatathon_dolphin.png differ
diff --git a/public/images/translatathon/walking.png b/public/images/translatathon/walking.png
new file mode 100644
index 00000000000..c08981a9a04
Binary files /dev/null and b/public/images/translatathon/walking.png differ
diff --git a/src/components/Callout.tsx b/src/components/Callout.tsx
index 821767ce052..9337f251f63 100644
--- a/src/components/Callout.tsx
+++ b/src/components/Callout.tsx
@@ -53,7 +53,7 @@ const Callout = ({
)}
-
+
{emoji && }
diff --git a/src/components/Hero/ContentHero/index.tsx b/src/components/Hero/ContentHero/index.tsx
index 194c60879ea..b8235f1b0c9 100644
--- a/src/components/Hero/ContentHero/index.tsx
+++ b/src/components/Hero/ContentHero/index.tsx
@@ -10,14 +10,14 @@ import { CallToAction } from "../CallToAction"
export type ContentHeroProps = Omit, "header">
const ContentHero = (props: ContentHeroProps) => {
- const { breadcrumbs, heroImg, buttons, title, description, blurDataURL } =
+ const { breadcrumbs, heroImg, buttons, title, description, blurDataURL, maxHeight } =
props
return (
-
+ {
+ const dateToday = new Date()
+ const deadline = new Date(APPLICATION_END_DATE)
+
+ if (dateToday < deadline) {
+ return (
+
+
+
+ Apply now
+
+
+
+ )
+ } else {
+ return <>
+ }
+}
diff --git a/src/components/Translatathon/CountdownBanner.tsx b/src/components/Translatathon/CountdownBanner.tsx
new file mode 100644
index 00000000000..b772a988b46
--- /dev/null
+++ b/src/components/Translatathon/CountdownBanner.tsx
@@ -0,0 +1,57 @@
+import { useEffect, useState } from "react"
+
+import BannerNotification from "@/components/Banners/BannerNotification"
+
+export const CountdownBanner = () => {
+ const [countdown, setCountdown] = useState("")
+
+ const translatathonStartDate = new Date("August 9, 2024 12:00:00 UTC")
+ const translatathonEndDate = new Date("August 18, 2024 12:00:00 UTC")
+
+ const calculateCountdown = (targetDate: Date) => {
+ const currentTime = new Date()
+ const timeDifference = targetDate.getTime() - currentTime.getTime()
+
+ const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24))
+ const hours = Math.floor(
+ (timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
+ )
+ const minutes = Math.floor(
+ (timeDifference % (1000 * 60 * 60)) / (1000 * 60)
+ )
+ const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000)
+
+ return `${days} days, ${hours} hours, ${minutes} minutes, ${seconds} seconds`
+ }
+
+ useEffect(() => {
+ const interval = setInterval(() => {
+ const newCountdown =
+ new Date() < translatathonStartDate
+ ? calculateCountdown(translatathonStartDate)
+ : calculateCountdown(translatathonEndDate)
+ setCountdown(newCountdown)
+ }, 1000)
+
+ return () => {
+ clearInterval(interval)
+ }
+ }, [])
+
+ return new Date() < translatathonStartDate ? (
+ <>
+
+ Translatathon starts in {countdown}
+
+
+ ) : new Date() > translatathonStartDate &&
+ new Date() < translatathonEndDate ? (
+ <>
+
+ Translatathon ends in {countdown}
+
+
+ ) : (
+ <>
+ )
+}
diff --git a/src/components/Translatathon/DatesAndTimeline.tsx b/src/components/Translatathon/DatesAndTimeline.tsx
new file mode 100644
index 00000000000..af711690822
--- /dev/null
+++ b/src/components/Translatathon/DatesAndTimeline.tsx
@@ -0,0 +1,127 @@
+import { Box, Flex, Heading, Text } from "@chakra-ui/react"
+
+import { ButtonLink } from "@/components/Buttons"
+
+import { CROWDIN_PROJECT_URL } from "@/lib/constants"
+
+import {
+ APPLICATION_END_DATE,
+ APPLICATION_START_DATE,
+ APPLICATION_URL,
+} from "./constants"
+
+export const dates = [
+ {
+ title: "Applications open",
+ description:
+ "Fill out the application form to participate and compete for prizes",
+ startDate: new Date(APPLICATION_START_DATE),
+ endDate: new Date(APPLICATION_END_DATE),
+ link: APPLICATION_URL,
+ linkText: "Apply",
+ },
+ {
+ title: "Workshops",
+ description:
+ "Join our Discord to participate in onboarding calls and workshops and learn all about the Translatathon",
+ startDate: new Date("2024-08-05T12:00:00Z"),
+ endDate: new Date("2024-08-08T12:00:00Z"),
+ link: "/discord/",
+ linkText: "Prepare",
+ },
+ {
+ title: "Translatathon",
+ description:
+ "The translation period - translate as much or as little as you want",
+ startDate: new Date("2024-08-09T12:00:00Z"),
+ endDate: new Date("2024-08-18T12:00:00Z"),
+ link: CROWDIN_PROJECT_URL,
+ linkText: "Translate",
+ },
+ {
+ title: "Evaluation period",
+ description:
+ "Each translation will be evaluated by professional reviewers to verify translations were not done with AI tools and meet the minimum quality threshold",
+ startDate: new Date("2024-08-19T12:00:00Z"),
+ endDate: new Date("2024-08-28T12:00:00Z"),
+ link: null,
+ linkText: null,
+ },
+ {
+ title: "Results announcement",
+ description:
+ "We will announce the results and winners on the ethereum.org community Call",
+ startDate: new Date("2024-08-29T12:00:00Z"),
+ endDate: new Date("2024-09-30T12:00:00Z"),
+ link: null,
+ linkText: null,
+ },
+]
+
+export const DatesAndTimeline = () => {
+ const todaysDate = new Date()
+
+ return (
+
+ {dates.map((date, index) => {
+ const isLive =
+ todaysDate >= date.startDate && todaysDate <= date.endDate
+ return (
+
+
+
+
+
+
+
+ {date.startDate.toDateString()} -{" "}
+ {date.endDate.toDateString()}
+
+
+
+
+ {date.title}
+
+ {date.description}
+
+ {date.link && (
+
+
+ {date.linkText}
+
+
+ )}
+
+
+ )
+ })}
+
+ )
+}
diff --git a/src/components/Translatathon/LocalCommunitiesList.tsx b/src/components/Translatathon/LocalCommunitiesList.tsx
new file mode 100644
index 00000000000..3e5ffe978e5
--- /dev/null
+++ b/src/components/Translatathon/LocalCommunitiesList.tsx
@@ -0,0 +1,120 @@
+import { Box, Flex, Text } from "@chakra-ui/react"
+
+import { ButtonLink } from "@/components/Buttons"
+import { Image } from "@/components/Image"
+
+import KipuLogo from "@/public/images/translatathon/kipu-logo.png"
+
+const localCommunitiesData = [
+ {
+ organizer: "ETH Kypo",
+ description:
+ "ETH Kipu is an organization dedicated to supporting the Ethereum ecosystem in Latin America.",
+ logo: KipuLogo,
+ lumaLink: "https://example.com",
+ location: "🇦🇷 Buenos Aires, Argentina",
+ },
+ {
+ organizer: "ETH Kypo",
+ description:
+ "ETH Kipu is an organization dedicated to supporting the Ethereum ecosystem in Latin America.",
+ logo: KipuLogo,
+ lumaLink: "https://example.com",
+ location: "🇦🇷 Buenos Aires, Argentina",
+ },
+ {
+ organizer: "ETH Kypo",
+ description:
+ "ETH Kipu is an organization dedicated to supporting the Ethereum ecosystem in Latin America.",
+ logo: KipuLogo,
+ lumaLink: "https://example.com",
+ location: "🇦🇷 Buenos Aires, Argentina",
+ },
+ {
+ organizer: "ETH Kypo",
+ description:
+ "ETH Kipu is an organization dedicated to supporting the Ethereum ecosystem in Latin America.",
+ logo: KipuLogo,
+ lumaLink: "https://example.com",
+ location: "🇦🇷 Buenos Aires, Argentina",
+ },
+ {
+ organizer: "ETH Kypo",
+ description:
+ "ETH Kipu is an organization dedicated to supporting the Ethereum ecosystem in Latin America.",
+ logo: KipuLogo,
+ lumaLink: "https://example.com",
+ location: "🇦🇷 Buenos Aires, Argentina",
+ },
+ {
+ organizer: "ETH Kypo",
+ description:
+ "ETH Kipu is an organization dedicated to supporting the Ethereum ecosystem in Latin America.",
+ logo: KipuLogo,
+ lumaLink: "https://example.com",
+ location: "🇦🇷 Buenos Aires, Argentina",
+ },
+ {
+ organizer: "ETH Kypo",
+ description:
+ "ETH Kipu is an organization dedicated to supporting the Ethereum ecosystem in Latin America.",
+ logo: KipuLogo,
+ lumaLink: "https://example.com",
+ location: "🇦🇷 Buenos Aires, Argentina",
+ },
+]
+
+export const LocalCommunitiesList = () => {
+ return (
+
+ {localCommunitiesData.map((community, index) => (
+
+
+
+ {community.location}
+
+
+
+ Organizer:
+
+
+ {community.organizer}
+
+
+ {community.description}
+
+
+ Luma link
+
+
+
+
+
+
+
+ ))}
+
+ )
+}
diff --git a/src/components/Translatathon/StepByStepInstructions.tsx b/src/components/Translatathon/StepByStepInstructions.tsx
new file mode 100644
index 00000000000..b195096b9dc
--- /dev/null
+++ b/src/components/Translatathon/StepByStepInstructions.tsx
@@ -0,0 +1,128 @@
+import { Center, Flex, Text } from "@chakra-ui/react"
+
+import { ButtonLink } from "@/components/Buttons"
+
+import { CROWDIN_PROJECT_URL } from "@/lib/constants"
+
+import {
+ APPLICATION_END_DATE,
+ APPLICATION_START_DATE,
+ APPLICATION_URL,
+} from "./constants"
+
+const instructions = [
+ {
+ title: "Read the rules and FAQs",
+ description: "Get familiar with the rules, prizes and translation process",
+ ctaLink: "/contributing/translation-program/translatathon/details/",
+ ctaLabel: "Learn",
+ },
+ {
+ title: "Submit your application",
+ description:
+ "Everyone needs to fill out the application form before the translation period starts!",
+ ctaLink: APPLICATION_URL,
+ ctaLabel: "Apply",
+ },
+ {
+ title: "Register on Crowdin (translation platform)",
+ description:
+ "Join the ethereum.org project and familiarize yourself with Crowdin, where all the translations will take place",
+ ctaLink: CROWDIN_PROJECT_URL,
+ ctaLabel: "Join",
+ },
+ {
+ title: "Join our Discord",
+ description:
+ "Attend the onboarding calls and workshops, stay up to date with the latest news or ask questions",
+ ctaLink: "/discord/",
+ ctaLabel: "Join",
+ },
+ {
+ title: "Translate! August 9th to August 18th",
+ description:
+ "Translate content to earn points. Each word you translate counts towards your final score",
+ ctaLink: CROWDIN_PROJECT_URL,
+ ctaLabel: "Translate",
+ },
+ {
+ title: "Wait for evaluations",
+ description:
+ "All translations will be evaluated for quality and machine translations will be rejected",
+ ctaLink: null,
+ },
+ {
+ title: "Claim your prizes",
+ description: (
+ <>
+ Results will be announced on August 29th. Eligible
+ participants will receive an email with prize claim instructions.
+
+ ),
+ ctaLink: null,
+ },
+]
+
+export const StepByStepInstructions = () => {
+ const appStartDate = new Date(APPLICATION_START_DATE)
+ const appEndDate = new Date(APPLICATION_END_DATE)
+ const todaysDate = new Date()
+ const appLive = todaysDate >= appStartDate && todaysDate <= appEndDate
+
+ return (
+
+ {instructions.map((instruction, index) => (
+
+
+