diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
index 83f5fa4f2..d3fd52041 100644
--- a/src/components/Layout/HomeContent.js
+++ b/src/components/Layout/HomeContent.js
@@ -136,7 +136,7 @@ export function HomeContent() {
             React
           </h1>
           <p className="text-4xl font-display max-w-lg md:max-w-full py-1 text-center text-secondary dark:text-primary-dark leading-snug self-center">
-            The library for web and native user interfaces
+            Библиотека для веб- и нативных пользовательских интерфейсов
           </p>
           <div className="mt-5 self-center flex gap-2 w-full sm:w-auto flex-col sm:flex-row">
             <ButtonLink
@@ -145,7 +145,7 @@ export function HomeContent() {
               size="lg"
               className="w-full sm:w-auto justify-center"
               label="Learn React">
-              Learn React
+              Изучить React
             </ButtonLink>
             <ButtonLink
               href={'/reference/react'}
@@ -153,20 +153,20 @@ export function HomeContent() {
               size="lg"
               className="w-full sm:w-auto justify-center"
               label="API Reference">
-              API Reference
+              Ссылка на API
             </ButtonLink>
           </div>
         </div>
 
         <Section background="left-card">
           <Center>
-            <Header>Create user interfaces from components</Header>
+            <Header>Создавай пользовательский интерфейс из компонентов</Header>
             <Para>
-              React lets you build user interfaces out of individual pieces
-              called components. Create your own React components like{' '}
-              <Code>Thumbnail</Code>, <Code>LikeButton</Code>, and{' '}
-              <Code>Video</Code>. Then combine them into entire screens, pages,
-              and apps.
+              React позволяет создавать пользовательский интерфейс из отдельных
+              компонентов. Создай свои собственные React компоненты, например{' '}
+              <Code>Thumbnail</Code>, <Code>LikeButton</Code>, и{' '}
+              <Code>Video</Code>. Затем объедини их в экраны, страницы, и
+              приложения.
             </Para>
           </Center>
           <FullBleed>
@@ -174,22 +174,23 @@ export function HomeContent() {
           </FullBleed>
           <Center>
             <Para>
-              Whether you work on your own or with thousands of other
-              developers, using React feels the same. It is designed to let you
-              seamlessly combine components written by independent people,
-              teams, and organizations.
+              React позволяет создавать пользовательский интерфейс из отдельных
+              компонентов, независимо от того, работаете ли вы самостоятельно
+              или с тысячами других сотрудников. Он разработан таким образом,
+              чтобы вы могли легко комбинировать компоненты, написанные
+              независимыми людьми, командами и организациями.
             </Para>
           </Center>
         </Section>
 
         <Section background="right-card">
           <Center>
-            <Header>Write components with code and markup</Header>
+            <Header>Пиши компоненты с кодом и разметкой</Header>
             <Para>
-              React components are JavaScript functions. Want to show some
-              content conditionally? Use an <Code>if</Code> statement.
-              Displaying a list? Try array <Code>map()</Code>. Learning React is
-              learning programming.
+              React компоненты - это JavaScript функции. Хочешь показать что-то
+              условно? Используй <Code>if</Code> оператор. Отображаешь список?
+              Используй массив с функцией <Code>map()</Code>. Изучение React -
+              это изучение программирования.
             </Para>
           </Center>
           <FullBleed>
@@ -197,22 +198,23 @@ export function HomeContent() {
           </FullBleed>
           <Center>
             <Para>
-              This markup syntax is called JSX. It is a JavaScript syntax
-              extension popularized by React. Putting JSX markup close to
-              related rendering logic makes React components easy to create,
-              maintain, and delete.
+              Этот синтаксис разметки называется JSX. Это расширение JavaScript
+              синтаксиса популяризированное React. Приближение разметки JSX к
+              соответствующей логике рендеринга упрощает создание, обслуживание
+              и удаление компонентов React.
             </Para>
           </Center>
         </Section>
 
         <Section background="left-card">
           <Center>
-            <Header>Add interactivity wherever you need it</Header>
+            <Header>Добавляйте интерактивность везде, где вам это нужно</Header>
             <Para>
-              React components receive data and return what should appear on the
-              screen. You can pass them new data in response to an interaction,
-              like when the user types into an input. React will then update the
-              screen to match the new data.
+              React компоненты получают данные и возвращают то, что должно
+              появиться на экране. Вы можете передавать им новые данные в ответ
+              на взаимодействие, например, когда пользователь вводит данные в
+              поле ввода, React обновляет экран, чтобы содержимое
+              соответствовало новым данным.
             </Para>
           </Center>
           <FullBleed>
@@ -220,16 +222,16 @@ export function HomeContent() {
           </FullBleed>
           <Center>
             <Para>
-              You don’t have to build your whole page in React. Add React to
-              your existing HTML page, and render interactive React components
-              anywhere on it.
+              Вы не обязаны создавать всю страницу в React. Вы можете добавить
+              React в существующую HTML страницу, и отобразить интерактивные
+              компоненты React в любом месте.
             </Para>
             <div className="flex justify-start w-full lg:justify-center">
               <CTA
                 color="gray"
                 icon="code"
                 href="/learn/add-react-to-an-existing-project">
-                Add React to your page
+                Добавь React на свою страницу
               </CTA>
             </div>
           </Center>
@@ -238,14 +240,14 @@ export function HomeContent() {
         <Section background="right-card">
           <Center>
             <Header>
-              Go full-stack <br className="hidden lg:inline" />
-              with a framework
+              Full-stack <br className="hidden lg:inline" />с помощью фреймворка
             </Header>
             <Para>
-              React is a library. It lets you put components together, but it
-              doesn’t prescribe how to do routing and data fetching. To build an
-              entire app with React, we recommend a full-stack React framework
-              like <Link href="https://nextjs.org">Next.js</Link> or{' '}
+              React является библиотекой. Она позволяет вам собирать компоненты
+              вместе, но она не указывает, как создавать маршрутизацию и
+              получение данных. Чтобы создать целое приложение с React, мы
+              рекомендуем использовать фреймворк React, например{' '}
+              <Link href="https://nextjs.org">Next.js</Link> или{' '}
               <Link href="https://remix.run">Remix</Link>.
             </Para>
           </Center>
@@ -254,17 +256,18 @@ export function HomeContent() {
           </FullBleed>
           <Center>
             <Para>
-              React is also an architecture. Frameworks that implement it let
-              you fetch data in asynchronous components that run on the server
-              or even during the build. Read data from a file or a database, and
-              pass it down to your interactive components.
+              React также является архитектурой. Фреймворки, которые реализуют
+              эту архитектуру, позволяют вам получать данные в асинхронных
+              компонентах, которые могут запускаться на сервере или даже во
+              время сборки. Чтение данных из файла или базы данных, и передача
+              их в интерактивные компоненты.
             </Para>
             <div className="flex justify-start w-full lg:justify-center">
               <CTA
                 color="gray"
                 icon="framework"
                 href="/learn/start-a-new-react-project">
-                Get started with a framework
+                Начать с фреймворка
               </CTA>
             </div>
           </Center>
@@ -272,12 +275,13 @@ export function HomeContent() {
         <Section background="left-card">
           <div className="mx-auto flex flex-col w-full">
             <div className="mx-auto max-w-4xl lg:text-center items-center px-5 flex flex-col">
-              <Header>Use the best from every platform</Header>
+              <Header>Используйте лучшее из каждой платформы</Header>
               <Para>
-                People love web and native apps for different reasons. React
-                lets you build both web apps and native apps using the same
-                skills. It leans upon each platform’s unique strengths to let
-                your interfaces feel just right on every platform.
+                Люди любят веб и мобильные приложения по разным причинам. React
+                позволяет вам создавать как веб-приложения, так и мобильные
+                приложения используя одинаковые навыки. Он придерживается
+                уникальных сильных сторон каждой платформы, чтобы ваши
+                интерфейсы чувствовали себя идеально на любой платформе.
               </Para>
             </div>
             <div className="max-w-7xl mx-auto flex flex-col lg:flex-row mt-16 mb-20 lg:mb-28 px-5 gap-20 lg:gap-5">
@@ -291,15 +295,16 @@ export function HomeContent() {
                     <div className="bg-wash relative h-14 w-full" />
                     <div className="relative flex items-start justify-center flex-col flex-1 pb-16 pt-5 gap-3 px-5 lg:px-10 lg:pt-8">
                       <h4 className="leading-tight text-primary font-semibold text-3xl lg:text-4xl">
-                        Stay true to the web
+                        Оставайся верен вебу
                       </h4>
                       <p className="lg:text-xl leading-normal text-secondary">
-                        People expect web app pages to load fast. On the server,
-                        React lets you start streaming HTML while you’re still
-                        fetching data, progressively filling in the remaining
-                        content before any JavaScript code loads. On the client,
-                        React can use standard web APIs to keep your UI
-                        responsive even in the middle of rendering.
+                        Люди ожидают, что веб-приложения будут загружаться
+                        быстро. На сервере React позволяет начать передачу HTML,
+                        пока вы все еще загружаете данные, прогрессивно заполняя
+                        оставшееся содержимое перед загрузкой какого-либо кода
+                        JavaScript. На клиенте, React может использовать
+                        стандартные веб-API для поддержания вашей UI отзывчивой
+                        даже в процессе рендеринга.
                       </p>
                     </div>
                   </div>
@@ -377,21 +382,22 @@ export function HomeContent() {
                       </div>
                       <div className="flex flex-col items-start justify-center pt-0 gap-3 px-2.5 lg:pt-8 lg:px-8">
                         <h4 className="leading-tight text-primary dark:text-primary-dark font-semibold text-3xl lg:text-4xl">
-                          Go truly native
+                          Переходи на нативные платформы
                         </h4>
                         <p className="h-full lg:text-xl text-secondary dark:text-secondary-dark leading-normal">
-                          People expect native apps to look and feel like their
-                          platform.{' '}
+                          Люди ожидают, что приложения будут выглядеть и
+                          ощущаться также, как и на их платформе.{' '}
                           <Link href="https://reactnative.dev">
                             React Native
                           </Link>{' '}
-                          and{' '}
+                          и{' '}
                           <Link href="https://github.com/expo/expo">Expo</Link>{' '}
-                          let you build apps in React for Android, iOS, and
-                          more. They look and feel native because their UIs{' '}
-                          <i>are</i> truly native. It’s not a web view—your
-                          React components render real Android and iOS views
-                          provided by the platform.
+                          позволяют вам создавать приложения в React для
+                          Android, iOS и других платформ. Они выглядят и
+                          ощущаются как написанные на нативных платформах,
+                          потому что их UI <i> действительно </i> нативный. Это
+                          не веб-представление — ваши React компоненты рендерят
+                          реальные нативные элементы.
                         </p>
                       </div>
                     </div>
@@ -401,14 +407,16 @@ export function HomeContent() {
             </div>
             <div className="px-5 lg:px-0 max-w-4xl mx-auto lg:text-center text-secondary dark:text-secondary-dark">
               <Para>
-                With React, you can be a web <i>and</i> a native developer. Your
-                team can ship to many platforms without sacrificing the user
-                experience. Your organization can bridge the platform silos, and
-                form teams that own entire features end-to-end.
+                С React вы можете быть как веб-разработчиком, так <i>и</i>{' '}
+                разработчиком для нативных платформ. Ваша команда может
+                выпускать приложения на многих платформах без ущерба для
+                пользовательского опыта. Ваша организация может объединить
+                отдельные платформы и сформировать команды, которые будут
+                полностью владеть всем функционалом.
               </Para>
               <div className="flex justify-start w-full lg:justify-center">
                 <CTA color="gray" icon="native" href="https://reactnative.dev/">
-                  Build for native platforms
+                  Создать приложение для нативных платформ
                 </CTA>
               </div>
             </div>
@@ -419,23 +427,26 @@ export function HomeContent() {
           <div className="max-w-7xl mx-auto flex flex-col lg:flex-row px-5">
             <div className="max-w-3xl lg:max-w-7xl gap-5 flex flex-col lg:flex-row lg:px-5">
               <div className="w-full lg:w-6/12 max-w-3xl flex flex-col items-start justify-start lg:ps-5 lg:pe-10">
-                <Header>Upgrade when the future is ready</Header>
+                <Header>
+                  Обновляйтесь, когда будете готовы к будущим изменениям
+                </Header>
                 <Para>
-                  React approaches changes with care. Every React commit is
-                  tested on business-critical surfaces with over a billion
-                  users. Over 100,000 React components at Meta help validate
-                  every migration strategy.
+                  React подходит к изменениям с уважением. Каждый коммит React
+                  тестируется на критичных для бизнеса облостях более миллиарда
+                  пользователей. Более 100 тысяч React компонентов в Meta
+                  помогают валидировать каждую стратегию миграции.
                 </Para>
                 <div className="order-last pt-5">
                   <Para>
-                    The React team is always researching how to improve React.
-                    Some research takes years to pay off. React has a high bar
-                    for taking a research idea into production. Only proven
-                    approaches become a part of React.
+                    Команда React всегда исследует, как улучшить React.
+                    Некоторые исследования требуют нескольких лет, чтобы
+                    оправдать себя. React имеет высокий барьер для принятия идеи
+                    к воплощению. Только доказанные подходы становятся частью
+                    React.
                   </Para>
                   <div className="hidden lg:flex justify-start w-full">
                     <CTA color="gray" icon="news" href="/blog">
-                      Read more React news
+                      Читать больше новостей из мира React
                     </CTA>
                   </div>
                 </div>
@@ -443,7 +454,7 @@ export function HomeContent() {
               <div className="w-full lg:w-6/12">
                 <p className="uppercase tracking-wide font-bold text-sm text-tertiary dark:text-tertiary-dark flex flex-row gap-2 items-center mt-5 lg:-mt-2 w-full">
                   <IconChevron />
-                  Latest React News
+                  Последние новости из мира React
                 </p>
                 <div className="flex-col sm:flex-row flex-wrap flex gap-5 text-start my-5">
                   <div className="flex-1 min-w-[40%] text-start">
@@ -461,7 +472,7 @@ export function HomeContent() {
                 </div>
                 <div className="flex lg:hidden justify-start w-full">
                   <CTA color="gray" icon="news" href="/blog">
-                    Read more React news
+                    Читайте новостей из мира React
                   </CTA>
                 </div>
               </div>
@@ -474,13 +485,14 @@ export function HomeContent() {
             <div className="mx-auto flex flex-col max-w-4xl">
               <Center>
                 <Header>
-                  Join a community <br className="hidden lg:inline" />
-                  of millions
+                  Присоединись к сообществу из
+                  <br className="hidden lg:inline" />
+                  миллионов разработчиков
                 </Header>
                 <Para>
-                  You’re not alone. Two million developers from all over the
-                  world visit the React docs every month. React is something
-                  that people and teams can agree on.
+                  Ты не одинок. Два миллиона разработчиков по всему миру
+                  посещают React docs каждый месяц. React - это что-то, что люди
+                  и команды могут согласиться.
                 </Para>
               </Center>
             </div>
@@ -488,13 +500,14 @@ export function HomeContent() {
             <div className="mx-auto flex flex-col max-w-4xl">
               <Center>
                 <Para>
-                  This is why React is more than a library, an architecture, or
-                  even an ecosystem. React is a community. It’s a place where
-                  you can ask for help, find opportunities, and meet new
-                  friends. You will meet both developers and designers,
-                  beginners and experts, researchers and artists, teachers and
-                  students. Our backgrounds may be very different, but React
-                  lets us all create user interfaces together.
+                  Вот почему React - это больше, чем просто библиотека,
+                  архитектура или даже экосистема. React - это сообщество. Это
+                  место, где вы можете спросить о помощи, найти возможности и
+                  встретить новых друзей. Вы встретите как разработчиков, так и
+                  дизайнеров, начинающих и опытных, исследователей и художников,
+                  преподавателей и студентов. Наша культура может быть очень
+                  разная, но React позволяет нам всем создавать пользовательские
+                  интерфейсы вместе.
                 </Para>
               </Center>
             </div>
@@ -511,15 +524,15 @@ export function HomeContent() {
             </div>
             <Logo className="uwu-hidden text-brand dark:text-brand-dark w-24 lg:w-28 mb-10 lg:mb-8 mt-12 h-auto mx-auto self-start" />
             <Header>
-              Welcome to the <br className="hidden lg:inline" />
-              React community
+              Добро пожаловать в<br className="hidden lg:inline" />
+              React сообщество
             </Header>
             <ButtonLink
               href={'/learn'}
               type="primary"
               size="lg"
               label="Take the Tutorial">
-              Get Started
+              Присоединиться
             </ButtonLink>
           </div>
         </Section>
@@ -2412,7 +2425,7 @@ function fetchTalks(confId) {
           {
             id: 'conf-2021-0',
             title: 'React 18 Keynote',
-            description: 'The React Team',
+            description: 'Команда React',
             url: 'https://www.youtube.com/watch?v=FZ0cG47msEk&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=1',
             image: {
               speakers: [
@@ -2425,7 +2438,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-1',
-            title: 'React 18 for App Developers',
+            title: 'React 18 для разработчиков',
             description: 'Shruti Kapoor',
             url: 'https://www.youtube.com/watch?v=ytudH8je5ko&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=2',
             image: {
@@ -2434,7 +2447,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-2',
-            title: 'Streaming Server Rendering with Suspense',
+            title: 'Рендеринг потоков на сервере с Suspense',
             description: 'Shaundai Person',
             url: 'https://www.youtube.com/watch?v=pj5N-Khihgc&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=3',
             image: {
@@ -2443,7 +2456,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-3',
-            title: 'The First React Working Group',
+            title: 'Первая рабочая группа React',
             description: 'Aakansha Doshi',
             url: 'https://www.youtube.com/watch?v=qn7gRClrC9U&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=4',
             image: {
@@ -2452,7 +2465,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-4',
-            title: 'React Developer Tooling',
+            title: 'React инструменты разработчика',
             description: 'Brian Vaughn',
             url: 'https://www.youtube.com/watch?v=oxDfrke8rZg&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=5',
             image: {
@@ -2461,7 +2474,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-5',
-            title: 'React without memo',
+            title: 'React без memo',
             description: 'Xuan Huang (黄玄)',
             url: 'https://www.youtube.com/watch?v=lGEMwh32soc&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=6',
             image: {
@@ -2470,7 +2483,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-6',
-            title: 'React Docs Keynote',
+            title: 'React Docs ключевые моменты',
             description: 'Rachel Nabors',
             url: 'https://www.youtube.com/watch?v=mneDaMYOKP8&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=7',
             image: {
@@ -2479,7 +2492,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-7',
-            title: 'Things I Learnt from the New React Docs',
+            title: 'Вещи, которые я выучил из обновлённого React Docs',
             description: "Debbie O'Brien",
             url: 'https://www.youtube.com/watch?v=-7odLW_hG7s&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=8',
             image: {
@@ -2488,7 +2501,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-8',
-            title: 'Learning in the Browser',
+            title: 'Изучение React в браузере',
             description: 'Sarah Rainsberger',
             url: 'https://www.youtube.com/watch?v=5X-WEQflCL0&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=9',
             image: {
@@ -2497,7 +2510,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-9',
-            title: 'The ROI of Designing with React',
+            title: 'ROI в разработке с React',
             description: 'Linton Ye',
             url: 'https://www.youtube.com/watch?v=7cPWmID5XAk&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=10',
             image: {
@@ -2506,7 +2519,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-10',
-            title: 'Interactive Playgrounds with React',
+            title: 'Интерактивная площадка с React',
             description: 'Delba de Oliveira',
             url: 'https://www.youtube.com/watch?v=zL8cz2W0z34&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=11',
             image: {
@@ -2515,7 +2528,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-11',
-            title: 'Re-introducing Relay',
+            title: 'Переосмысление ретрансляции',
             description: 'Robert Balicki',
             url: 'https://www.youtube.com/watch?v=lhVGdErZuN4&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=12',
             image: {
@@ -2536,7 +2549,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-13',
-            title: 'On-device Machine Learning for React Native',
+            title: 'Машинное обучение на устройствах для React Native',
             description: 'Roman Rädle',
             url: 'https://www.youtube.com/watch?v=NLj73vrc2I8&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=14',
             image: {
@@ -2545,7 +2558,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-14',
-            title: 'React 18 for External Store Libraries',
+            title: 'React 18 для сторонних библиотек',
             description: 'Daishi Kato',
             url: 'https://www.youtube.com/watch?v=oPfSC5bQPR8&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=15',
             image: {
@@ -2554,7 +2567,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-15',
-            title: 'Building Accessible Components with React 18',
+            title: 'Разработка доступных компонентов с React 18',
             description: 'Diego Haz',
             url: 'https://www.youtube.com/watch?v=dcm8fjBfro8&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=16',
             image: {
@@ -2563,7 +2576,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-16',
-            title: 'Accessible Japanese Form Components with React',
+            title: 'Доступный японский Form компонент с React',
             description: 'Tafu Nakazaki',
             url: 'https://www.youtube.com/watch?v=S4a0QlsH0pU&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=17',
             image: {
@@ -2572,7 +2585,7 @@ function fetchTalks(confId) {
           },
           {
             id: 'conf-2021-17',
-            title: 'UI Tools for Artists',
+            title: 'UI инструменты для дизайнеров',
             description: 'Lyle Troxell',
             url: 'https://www.youtube.com/watch?v=b3l4WxipFsE&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa&index=18',
             image: {