diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
index f9b785db..37d42e9d 100644
--- a/src/components/Layout/HomeContent.js
+++ b/src/components/Layout/HomeContent.js
@@ -143,7 +143,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
+            Maktaba ya wavuti na interfaces za mtumiaji asilia
           </p>
           <div className="mt-5 self-center flex gap-2 w-full sm:w-auto flex-col sm:flex-row">
             <ButtonLink
@@ -152,7 +152,7 @@ export function HomeContent() {
               size="lg"
               className="w-full sm:w-auto justify-center"
               label="Learn React">
-              Learn React
+              Jifunze React
             </ButtonLink>
             <ButtonLink
               href={'/reference/react'}
@@ -160,20 +160,20 @@ export function HomeContent() {
               size="lg"
               className="w-full sm:w-auto justify-center"
               label="API Reference">
-              API Reference
+              Marejeleo ya API
             </ButtonLink>
           </div>
         </div>
 
         <Section background="left-card">
           <Center>
-            <Header>Create user interfaces from components</Header>
+            <Header>Unda interfaces za mtumiaji kutoka kwa vipengele</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 inakuruhusu kuunda interfaces za mtumiaji kutokana na
+              vipande binafsi vinavyoitwa vipengele (components). Unda vipengele
+              vyako mwenyewe vya React kama <Code>Thumbnail</Code>,{' '}
+              <Code>LikeButton</Code>, na <Code>Video</Code>. Kisha viunganishe
+              ili kutengeneza skrini nzima, kurasa, na vitumizi (apps).
             </Para>
           </Center>
           <FullBleed>
@@ -181,22 +181,22 @@ 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.
+              Iwe unafanya kazi peke yako au na maelfu ya wasanidi programu
+              wengine, kutumia React kunahisiwa vile vile. Imeundwa ili
+              kukuruhusu kuunganisha bila matatizo vipengele vilivyoandikwa na
+              watu, timu, na mashirika.
             </Para>
           </Center>
         </Section>
 
         <Section background="right-card">
           <Center>
-            <Header>Write components with code and markup</Header>
+            <Header>Andika vipengele kwa kodi na alama (markup)</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.
+              Vipengele vya React ni vitendaji vya JavaScript. Unataka kuonyesha
+              maudhui kwa masharti? Tumia kauli ya <Code>if</Code>. Kuonyesha
+              orodha? Jaribu array <Code>map()</Code>. Kujifunza React ni
+              kujifunza programming.
             </Para>
           </Center>
           <FullBleed>
@@ -204,22 +204,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.
+              Sintaksia hii ya alama inaitwa JSX. Ni upanuzi wa sintaksia ya
+              JavaScript uliopata umaarufu kupitia React. Kuweka alama za JSX
+              karibu na lojiki husika ya uwasilishaji (rendering logic) hufanya
+              vipengele vya React kuwa rahisi kuunda, kudumisha, na kufuta.
             </Para>
           </Center>
         </Section>
 
         <Section background="left-card">
           <Center>
-            <Header>Add interactivity wherever you need it</Header>
+            <Header>Ongeza mwingiliano popote unapouhitaji</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.
+              Vipengele vya React hupokea data na kurudisha kile kinachopaswa
+              kuonekana kwenye kioo. Unaweza kuvipatia data mpya kama mwitikio
+              wa mwingiliano, kama vile mtumiaji anapoandika kwenye kisanduku
+              cha kuingiza data (input). Kisha React itahuisha kioo ili kiendane
+              na data hiyo mpya.
             </Para>
           </Center>
           <FullBleed>
@@ -227,16 +228,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.
+              Sio lazima ujenge ukurasa wako wote kwa React. Ongeza React kwenye
+              ukurasa wako wa HTML uliopo, na uwasilishe (render) vipengele
+              unganishi vya React popote pale.
             </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
+                Ongeza React kwenye ukurasa wako
               </CTA>
             </div>
           </Center>
@@ -245,14 +246,15 @@ export function HomeContent() {
         <Section background="right-card">
           <Center>
             <Header>
-              Go full-stack <br className="hidden lg:inline" />
-              with a framework
+              Tumia full-stack <br className="hidden lg:inline" />
+              pamoja na framework
             </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 ni maktaba. Inakuruhusu kuunganisha vipengele, lakini
+              haielekezi jinsi ya kufanya uelekezaji (routing) na upataji wa
+              data. Ili kujenga programu kamili na React, tunapendekeza
+              framework ya full-stack kama{' '}
+              <Link href="https://nextjs.org">Next.js</Link> au{' '}
               <Link href="https://reactrouter.com">React Router</Link>.
             </Para>
           </Center>
@@ -261,32 +263,36 @@ 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 pia ni usanifu (architecture). Frameworks zinazoitumia
+              zinakuruhusu kupata data katika vipengele asilia (asynchronous
+              components) vinavyofanya kazi kwenye seva au hata wakati wa ujenzi
+              (build). Soma data kutoka kwenye faili au kanzi data (database),
+              na ipitishe kwenye vipengele vyako unganishi.
             </Para>
             <div className="flex justify-start w-full lg:justify-center">
               <CTA
                 color="gray"
                 icon="framework"
                 href="/learn/creating-a-react-app">
-                Get started with a framework
+                Anza kutumia framework
               </CTA>
             </div>
           </Center>
         </Section>
+
         <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>Tumia ubora wa kila jukwaa</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.
+                Watu wanapenda programu za wavuti (web apps) na zile asilia
+                (native apps) kwa sababu tofauti. React inakuruhusu kujenga zote
+                mbili kwa kutumia ujuzi ule ule. Inategemea uimara wa kipekee wa
+                kila jukwaa ili kufanya violesura vyako vionekane na kuhisiwa
+                vyema kwenye kila jukwaa.
               </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">
               <div className="relative lg:w-6/12 flex">
                 <div className="absolute -bottom-8 lg:-bottom-10 z-10 w-full">
@@ -298,15 +304,17 @@ 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
+                        Baki mwaminifu kwa wavuti
                       </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.
+                        Watu wanatarajia kurasa za programu za wavuti kupakia
+                        haraka. Kwenye seva, React inakuruhusu kuanza
+                        kutiririsha (streaming) HTML ukiwa bado unapata data, na
+                        kujaza maudhui yaliyosalia hatua kwa hatua kabla ya kodi
+                        yoyote ya JavaScript kupakiwa. Kwa upande wa mtumiaji
+                        (client), React inaweza kutumia API za kawaida za wavuti
+                        ili kufanya kiolesura chako (UI) kiendelee kuitikia kwa
+                        haraka hata katikati ya uwasilishaji (rendering).
                       </p>
                     </div>
                   </div>
@@ -384,21 +392,23 @@ 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
+                          Tumia mfumo asilia kabisa
                         </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.{' '}
+                          Watu wanatarajia programu asilia (native apps)
+                          zionekane na kuhisiwa kulingana na jukwaa lao.{' '}
                           <Link href="https://reactnative.dev">
                             React Native
                           </Link>{' '}
-                          and{' '}
+                          na{' '}
                           <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.
+                          zinakuruhusu kujenga programu kwa kutumia React kwa
+                          ajili ya Android, iOS, na mifumo mingineyo.
+                          Zinaonekana na kuhisiwa kama asilia kwa sababu
+                          violesura vyake <i>ni</i> asilia kikweli. Sio
+                          mwonekano wa wavuti—vipengele vyako vya React
+                          vinawasilisha mionekano halisi ya Android na iOS
+                          inayotolewa na jukwaa husika.
                         </p>
                       </div>
                     </div>
@@ -408,14 +418,15 @@ 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.
+                Ukiwa na React, unaweza kuwa msanidi wa wavuti <i>na</i> wa
+                mifumo asilia. Timu yako inaweza kutoa programu kwenye majukwaa
+                mengi bila kuathiri hali ya utumiaji (user experience). Shirika
+                lako linaweza kuunganisha migawanyiko ya majukwaa, na kuunda
+                timu zinazosimamia vipengele vizima mwanzo hadi mwisho.
               </Para>
               <div className="flex justify-start w-full lg:justify-center">
                 <CTA color="gray" icon="native" href="https://reactnative.dev/">
-                  Build for native platforms
+                  Jenga kwa ajili ya majukwaa asilia
                 </CTA>
               </div>
             </div>
@@ -426,23 +437,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>Boresha wakati ujao ukiwa tayari</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 hupokea mabadiliko kwa umakini mkubwa. Kila mabadiliko
+                  ya kodi (commit) ya React hufanyiwa majaribio kwenye mifumo
+                  muhimu ya kibiashara inayotumiwa na zaidi ya watumiaji bilioni
+                  moja. Zaidi ya vipengele 100,000 vya React ndani ya Meta
+                  husaidia kuhakiki kila mkakati wa uhamiaji.
                 </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.
+                    Timu ya React hufanya utafiti kila wakati kuhusu jinsi ya
+                    kuiboresha React. Baadhi ya tafiti huchukua miaka mingi
+                    kuleta matokeo. React ina vigezo vya juu sana kabla ya
+                    kuingiza wazo la utafiti kwenye mazingira halisi ya matumizi
+                    (production). Ni mbinu zilizothibitishwa pekee ndizo
+                    zinazokuwa sehemu ya React.
                   </Para>
                   <div className="hidden lg:flex justify-start w-full">
                     <CTA color="gray" icon="news" href="/blog">
-                      Read more React news
+                      Soma habari zaidi za React
                     </CTA>
                   </div>
                 </div>
@@ -450,7 +464,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
+                  Habari Mpya za 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">
@@ -468,7 +482,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
+                    Soma zaidi Habari za React
                   </CTA>
                 </div>
               </div>
@@ -481,13 +495,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
+                  Jiunge na jumuiya <br className="hidden lg:inline" />
+                  ya mamilioni
                 </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.
+                  Hauko peke yako. Wasanidi programu milioni mbili kutoka kote
+                  ulimwenguni hutembelea nyaraka (docs) za React kila mwezi.
+                  React ni jambo ambalo watu na timu wanaweza kukubaliana
+                  kuhusu.
                 </Para>
               </Center>
             </div>
@@ -495,13 +510,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.
+                  Hii ndiyo sababu React ni zaidi ya maktaba, usanifu, au hata
+                  mfumo wa ikolojia (ecosystem). React ni jumuiya. Ni mahali
+                  ambapo unaweza kuomba msaada, kupata fursa, na kukutana na
+                  marafiki wapya. Utakutana na watengenezaji programu na
+                  wabunifu, wanaoanza na wataalamu, watafiti na wasanii, walimu
+                  na wanafunzi. Asili zetu zinaweza kuwa tofauti sana, lakini
+                  React inaturuhusu sote kuunda violesura vya watumiaji kwa
+                  pamoja.
                 </Para>
               </Center>
             </div>
@@ -518,15 +534,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
+              Karibu kwenye <br className="hidden lg:inline" />
+              jumuiya ya React
             </Header>
             <ButtonLink
               href={'/learn'}
               type="primary"
               size="lg"
-              label="Take the Tutorial">
-              Get Started
+              label="Soma Mafunzo">
+              Anza Sasa
             </ButtonLink>
           </div>
         </Section>
diff --git a/src/content/learn/setup.md b/src/content/learn/setup.md
index 2c46ee14..9248035f 100644
--- a/src/content/learn/setup.md
+++ b/src/content/learn/setup.md
@@ -1,28 +1,28 @@
 ---
-title: Setup
+title: Mpangilio
 ---
 <Intro>
 
-React integrates with tools like editors, TypeScript, browser extensions, and compilers. This section will help you get your environment set up.
+React huingiliana na zana kama vile kihariri, TypeScript, viendelezi (extensions) vya kivinjari, na compilers. Sehemu hii itakusaidia kuandaa mazingira yako ya kazi.
 
 </Intro>
 
-## Editor Setup {/*editor-setup*/}
+## Mpangilio wa Kihariri {/*editor-setup*/}
 
-See our [recommended editors](/learn/editor-setup) and learn how to set them up to work with React.
+Tazama [vihariri tunavyopendekeza](/learn/editor-setup) na ujifunze jinsi ya kuvipanga ili vifanye kazi na React.
 
-## Using TypeScript {/*using-typescript*/}
+## Kutumia TypeScript {/*using-typescript*/}
 
-TypeScript is a popular way to add type definitions to JavaScript codebases. [Learn how to integrate TypeScript into your React projects](/learn/typescript).
+TypeScript ni njia maarufu ya kuongeza maelezo ya aina (type definitions) kwenye kodi za JavaScript. [Jifunze jinsi ya kuunganisha TypeScript kwenye miradi yako ya React](/learn/typescript).
 
-## React Developer Tools {/*react-developer-tools*/}
+## Zana za React Developer {/*react-developer-tools*/}
 
-React Developer Tools is a browser extension that can inspect React components, edit props and state, and identify performance problems. Learn how to install it [here](learn/react-developer-tools).
+Zana za React Developer ni kiendelezi cha kivinjari kinachoweza kukagua vipengele vya React, kuhariri props na state, na kutambua matatizo ya utendakazi. Jifunze jinsi ya kuistakinisha [hapa](learn/react-developer-tools).
 
-## React Compiler {/*react-compiler*/}
+## Compiler ya React {/*react-compiler*/}
 
-React Compiler is a tool that automatically optimizes your React app. [Learn more](/learn/react-compiler).
+React Compiler ni zana inayoboresha kitumizi chako cha React kiotomatiki. [Jifunze zaidi](/learn/react-compiler).
 
-## Next steps {/*next-steps*/}
+## Hatua zinazofuata {/*next-steps*/}
 
-Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day.
+Nenda kwenye mwongozo wa [Anza Haraka](/learn) ili upate maelezo ya dhana muhimu zaidi za React utakazokutana nazo kila siku.
\ No newline at end of file