diff --git a/astro.config.mjs b/astro.config.mjs
index 4d7c59a..1b368a5 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -10,11 +10,4 @@ import sitemap from '@astrojs/sitemap'
 export default defineConfig({
   integrations: [tailwind(), preact({ compat: true }), sitemap({})],
   site: 'https://zen-browser.app',
-  i18n: {
-    defaultLocale: 'en',
-    locales: ['en'],
-    routing: {
-      fallbackType: 'rewrite',
-    }
-  },
 })
diff --git a/src/components/BackButton.astro b/src/components/BackButton.astro
index 2397d41..df7c2c0 100644
--- a/src/components/BackButton.astro
+++ b/src/components/BackButton.astro
@@ -1,14 +1,5 @@
 ---
 import { ArrowLeft } from 'lucide-astro'
-import { getLocale, getUI } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const {
-  routes: {
-    mods: { slug },
-  },
-} = getUI(locale)
 ---
 
 <button
@@ -16,5 +7,5 @@ const {
   class="mb-8 flex w-min items-center gap-2"
 >
   <ArrowLeft class="size-4" />
-  {slug.back}
+  Back
 </button>
diff --git a/src/components/Button.astro b/src/components/Button.astro
index b765973..b985cdc 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -1,8 +1,4 @@
 ---
-import { getLocale, getPath } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-const getLocalePath = getPath(locale)
 const {
   class: className,
   isPrimary,
@@ -19,7 +15,7 @@ const {
     <a
       id={id}
       {...extra}
-      href={getLocalePath(href)}
+      href={href}
       class:list={[
         'transition-bg flex items-center justify-center gap-2 rounded-xl px-6 py-4 transition-transform duration-150 hover:scale-[1.02] active:scale-[0.98]',
         className,
diff --git a/src/components/Community.astro b/src/components/Community.astro
index 8beca3d..4c39660 100644
--- a/src/components/Community.astro
+++ b/src/components/Community.astro
@@ -1,20 +1,11 @@
 ---
-import Description from '~/components/Description.astro'
-import Button from '~/components/Button.astro'
+import Description from '../components/Description.astro'
+import Button from '../components/Button.astro'
 import { motion } from 'motion/react'
 import { Github, Check } from 'lucide-astro'
-import { getTitleAnimation } from '~/animations'
-import ComImage from '~/assets/ComImage.png'
+import { getTitleAnimation } from '../animations'
+import ComImage from '../assets/ComImage.png'
 import Image from 'astro/components/Image.astro'
-import { getLocale, getUI } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const {
-  routes: {
-    index: { community },
-  },
-} = getUI(locale)
 ---
 
 <section
@@ -22,22 +13,20 @@ const {
   class="relative flex w-full flex-col items-center px-4 text-start md:px-0 md:text-center lg:pt-36"
 >
   <Description class="mb-2 px-4 text-6xl font-bold">
-    <motion.span client:load {...getTitleAnimation(0.2)}>
-      {community.title[0]}
-    </motion.span>
-    <motion.span client:load {...getTitleAnimation(0.4)}>
-      {community.title[1]}
-    </motion.span>
-    <motion.span client:load {...getTitleAnimation(0.6)}>
-      {community.title[2]}
-    </motion.span>
+    <motion.span client:load {...getTitleAnimation(0.2)}> Our </motion.span>
+    <motion.span client:load {...getTitleAnimation(0.4)}> Core </motion.span>
+    <motion.span client:load {...getTitleAnimation(0.6)}> Values </motion.span>
   </Description>
   <motion.p
     client:load
     {...getTitleAnimation(0.6)}
     className="px-4 md:px-24 lg:w-1/2 lg:px-0"
   >
-    {community.description}
+    We make it not only a priority, but a necessity to ensure that Zen always
+    strikes the right balance between beauty, performance, and privacy. We are
+    committed to making Zen the most beautiful, productive, and
+    privacy-respecting browser out there — without compromising on your
+    experience.
   </motion.p>
   <div
     class="mt-6 flex w-full flex-wrap gap-3 px-4 sm:gap-10 sm:px-0 md:justify-center"
@@ -45,7 +34,7 @@ const {
     <motion.span client:load {...getTitleAnimation(0.8)}>
       <Button class:list={['px-4']} href="https://github.com/zen-browser">
         <Github class="size-4" />
-        <span>{community.lists.freeAndOpenSource.title}</span>
+        <span>Free and open-source</span>
       </Button>
     </motion.span>
     <motion.div
@@ -54,7 +43,7 @@ const {
       className="flex items-center gap-4"
     >
       <Check class="size-4" />
-      <span>{community.lists.simpleYetPowerful.title}</span>
+      <span>Simple yet powerful</span>
     </motion.div>
     <motion.div
       client:load
@@ -62,7 +51,7 @@ const {
       className="flex items-center gap-4"
     >
       <Check class="size-4" />
-      <span>{community.lists.privateAndAlwaysUpToDate.title}</span>
+      <span>Private and always up-to-date</span>
     </motion.div>
   </div>
   <motion.span
@@ -72,7 +61,7 @@ const {
   >
     <Image
       src={ComImage}
-      alt={community.images.community.alt}
+      alt="Community"
       class="my-24 rounded-3xl shadow-md lg:mx-auto lg:w-3/4 dark:opacity-80"
     />
   </motion.span>
diff --git a/src/components/Features.astro b/src/components/Features.astro
index b606445..0da3e3c 100644
--- a/src/components/Features.astro
+++ b/src/components/Features.astro
@@ -1,33 +1,20 @@
 ---
-import Description from '~/components/Description.astro'
+import Description from '../components/Description.astro'
 import { motion } from 'motion/react'
-import { getTitleAnimation } from '~/animations'
+import { getTitleAnimation } from '../animations'
 
-import WorkspacesVideo from '~/assets/Workspaces.webm'
-import GlanceVideo from '~/assets/Glance.webm'
-import CompactModeVideo from '~/assets/CompactMode.webm'
-import SplitViewsVideo from '~/assets/SplitViews.webm'
+import WorkspacesVideo from '../assets/Workspaces.webm'
+import GlanceVideo from '../assets/Glance.webm'
+import CompactModeVideo from '../assets/CompactMode.webm'
+import SplitViewsVideo from '../assets/SplitViews.webm'
 
 import Video from './Video.astro'
-import { getLocale, getUI } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
 
 const {
-  routes: {
-    index: { features },
-  },
-} = getUI(locale)
-
-const {
-  title1 = features.title1,
-  title2 = features.title2,
-  title3 = features.title3,
+  title1 = 'Productivity',
+  title2 = 'at',
+  title3 = 'its best',
 } = Astro.props
-
-const descriptions = Object.values(features.featureTabs).map(
-  (tab) => tab.description
-)
 ---
 
 <section
@@ -46,7 +33,9 @@ const descriptions = Object.values(features.featureTabs).map(
     </motion.span>
   </Description>
   <motion.p client:load {...getTitleAnimation(0.6)} className="lg:w-1/2">
-    {features.description}
+    Zen Browser is packed with features that help you stay productive and
+    focused. Browsers should be tools that help you get things done, not
+    distractions that keep you from your work.
   </motion.p>
   <div
     class="mb-12 mt-6 flex flex-col gap-6 lg:flex-row lg:justify-between lg:gap-2"
@@ -60,28 +49,28 @@ const descriptions = Object.values(features.featureTabs).map(
           class="feature-tab whitespace-nowrap"
           data-active="true"
         >
-          {features.featureTabs.workspaces.title}
+          Workspaces
         </motion.button>
         <motion.button
           client:load
           {...getTitleAnimation(0.2)}
           class="feature-tab whitespace-nowrap"
         >
-          {features.featureTabs.compactMode.title}
+          Compact Mode
         </motion.button>
         <motion.button
           client:load
           {...getTitleAnimation(0.4)}
           class="feature-tab whitespace-nowrap"
         >
-          {features.featureTabs.glance.title}
+          Glance
         </motion.button>
         <motion.button
           client:load
           {...getTitleAnimation(0.6)}
           class="feature-tab whitespace-nowrap"
         >
-          {features.featureTabs.splitView.title}
+          Split View
         </motion.button>
       </div>
 
@@ -93,45 +82,37 @@ const descriptions = Object.values(features.featureTabs).map(
           className="feature"
           data-active="true"
         >
-          <Description class="text-2xl font-bold">
-            {features.featureTabs.workspaces.title}
-          </Description>
+          <Description class="text-2xl font-bold">Workspaces</Description>
           <Description>
-            {features.featureTabs.workspaces.description}
+            Organize your tabs into Workspaces to keep your projects separate
+            and organized, and switch between them with ease.
           </Description>
         </motion.div>
         <motion.div client:load {...getTitleAnimation(1)} className="feature">
-          <Description class="text-2xl font-bold">
-            {features.featureTabs.compactMode.title}
-          </Description>
+          <Description class="text-2xl font-bold">Compact Mode</Description>
           <Description>
-            {features.featureTabs.compactMode.description}
+            Zen's Compact Mode gives you more screen real estate by hiding the
+            tab bar when you don't need it, and showing it when you do.
           </Description>
         </motion.div>
         <motion.div client:load {...getTitleAnimation(1.2)} className="feature">
-          <Description class="text-2xl font-bold">
-            {features.featureTabs.glance.title}
-          </Description>
+          <Description class="text-2xl font-bold">Glance</Description>
           <Description>
-            {features.featureTabs.glance.description}
+            Zen's Glance lets you preview tabs without switching to them, so you
+            can quickly find the page you're looking for.
           </Description>
         </motion.div>
         <motion.div client:load {...getTitleAnimation(1.4)} className="feature">
-          <Description class="text-2xl font-bold">
-            {features.featureTabs.splitView.title}
-          </Description>
+          <Description class="text-2xl font-bold">Split View</Description>
           <Description>
-            {features.featureTabs.splitView.description}
+            Zen's Split View lets you view up to 4 tabs side by side, so you can
+            compare information or multitask easily.
           </Description>
         </motion.div>
       </div>
 
       <!-- Mobile description -->
-      <div
-        class="feature-description mt-4 lg:hidden"
-        data-descriptions={descriptions}
-      >
-      </div>
+      <div class="feature-description mt-4 lg:hidden"></div>
     </div>
 
     <div class="relative w-full lg:w-3/5">
@@ -179,16 +160,17 @@ const descriptions = Object.values(features.featureTabs).map(
 </section>
 
 <script>
-  const features = document.querySelectorAll(
-    '.feature, .feature-tab'
-  ) as NodeListOf<HTMLElement>
+  const features = document.querySelectorAll('.feature, .feature-tab')
+  const descriptions = [
+    'Organize your tabs into Workspaces to keep your projects separate and organized, and switch between them with ease.',
+    "Zen's Compact Mode gives you more screen real estate by hiding the tab bar when you don't need it, and showing it when you do.",
+    "Zen's Glance lets you preview tabs without switching to them, so you can quickly find the page you're looking for.",
+    "Zen's Split View lets you view up to 4 tabs side by side, so you can compare information or multitask easily.",
+  ]
 
   // Set initial description
-  const descriptionEl = document.querySelector(
-    '.feature-description'
-  ) as HTMLDivElement
-  const descriptions = descriptionEl?.dataset.descriptions?.split(',')
-  if (descriptionEl && descriptions) {
+  const descriptionEl = document.querySelector('.feature-description')
+  if (descriptionEl) {
     descriptionEl.textContent = descriptions[0]
   }
 
@@ -214,12 +196,12 @@ const descriptions = Object.values(features.featureTabs).map(
 
     // Update mobile description
     const descriptionEl = document.querySelector('.feature-description')
-    if (descriptionEl && descriptions) {
+    if (descriptionEl) {
       descriptionEl.textContent = descriptions[index]
     }
 
     const videos = document.querySelectorAll(
-      '.feature-video'
+      '.feature-video',
     ) as NodeListOf<HTMLVideoElement>
     videos.forEach((vid, i) => {
       const yOffset = (i - index) * 20
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 833a424..96c3359 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,17 +1,10 @@
 ---
-import Title from '~/components/Title.astro'
-import Description from '~/components/Description.astro'
-import Button from '~/components/Button.astro'
-import Circles from '~/components/Circles.astro'
-import SocialMediaStrip from '~/components/SocialMediaStrip.astro'
+import Title from '../components/Title.astro'
+import Description from '../components/Description.astro'
+import Button from '../components/Button.astro'
+import Circles from '../components/Circles.astro'
+import SocialMediaStrip from '../components/SocialMediaStrip.astro'
 import { ArrowRight } from 'lucide-astro'
-import { getLocale, getPath, getUI } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-const getLocalePath = getPath(locale)
-const {
-  components: { footer },
-} = getUI(locale)
 ---
 
 <footer
@@ -25,9 +18,10 @@ const {
       class="w-full text-center lg:w-1/2 lg:text-left"
       aria-labelledby="footer-title"
     >
-      <Description id="footer-title" class="!text-paper text-6xl font-bold">{footer.title}</Title>
+      <Title id="footer-title" class="!text-paper">Zen Browser</Title>
       <Description class="mx-auto max-w-xl lg:mx-0">
-        {footer.description}
+        Beautifully designed, privacy-focused, and packed with features. We care
+        about your experience, not your data.
       </Description>
     </section>
     <section class="grid gap-10 place-self-center lg:place-self-start">
@@ -35,9 +29,9 @@ const {
         href="/download"
         isPrimary
         class="h-fit w-fit bg-paper !text-dark"
-        aria-label={footer.download}
+        aria-label="Download Zen Browser"
       >
-        {footer.download}
+        Download
         <ArrowRight class="size-4" aria-hidden="true" />
       </Button>
     </section>
@@ -56,7 +50,7 @@ const {
             aria-labelledby="follow-us-heading"
           >
             <h2 id="follow-us-heading" class="text-base !font-semibold">
-              {footer.followUs}
+              Follow Us
             </h2>
             <SocialMediaStrip />
           </section>
@@ -65,18 +59,16 @@ const {
             aria-labelledby="about-us-heading"
           >
             <h2 id="about-us-heading" class="text-base !font-semibold">
-              {footer.aboutUs}
+              About Us
             </h2>
             <nav aria-label="About navigation">
               <ul class="grid gap-2 opacity-80">
                 <li>
-                  <a href={getLocalePath('/about')} class="font-normal"
-                    >{footer.teamAndContributors}</a
-                  >
+                  <a href="/about" class="font-normal">Team & Contributors</a>
                 </li>
                 <li>
-                  <a href={getLocalePath('/privacy-policy')} class="font-normal"
-                    >{footer.privacyPolicy}</a
+                  <a href="/privacy-policy" class="font-normal"
+                    >Privacy Policy</a
                   >
                 </li>
               </ul>
@@ -85,50 +77,42 @@ const {
         </div>
         <nav class="flex flex-col gap-2" aria-labelledby="get-started-heading">
           <h2 id="get-started-heading" class="text-base !font-semibold">
-            {footer.getStarted}
+            Get Started
           </h2>
           <ul class="grid gap-2 opacity-80">
             <li>
               <a href="https://docs.zen-browser.app/" class="font-normal"
-                >{footer.documentation}</a
+                >Documentation</a
               >
             </li>
+            <li><a href="/mods" class="font-normal">Zen Mods</a></li>
             <li>
-              <a href={getLocalePath('/mods')} class="font-normal"
-                >{footer.zenMods}</a
-              >
+              <a href="/release-notes" class="font-normal">Release Notes</a>
             </li>
             <li>
-              <a href={getLocalePath('/release-notes')} class="font-normal"
-                >{footer.releaseNotes}</a
-              >
-            </li>
-            <li>
-              <a href={getLocalePath('/download?twilight')} class="font-normal"
-                >{footer.twilight}</a
-              >
+              <a href="/download?twilight" class="font-normal">Twilight</a>
             </li>
           </ul>
         </nav>
         <nav class="flex flex-col gap-2" aria-labelledby="get-help-heading">
           <h2 id="get-help-heading" class="text-base !font-semibold">
-            {footer.getHelp}
+            Get Help
           </h2>
           <ul class="grid gap-2 opacity-80">
             <li>
               <a href="https://discord.gg/zen-browser" class="font-normal"
-                >{footer.discord}</a
+                >Discord</a
               >
             </li>
             <li>
               <a href="https://uptime.zen-browser.app/" class="font-normal"
-                >{footer.uptimeStatus}</a
+                >Uptime Status</a
               >
             </li>
             <li>
               <a
                 href="https://github.com/zen-browser/desktop/issues/new/choose"
-                class="font-normal">{footer.reportAnIssue}</a
+                class="font-normal">Report an Issue</a
               >
             </li>
           </ul>
@@ -139,10 +123,12 @@ const {
       class="grid w-full grid-cols-[1fr_auto] items-center gap-2"
       aria-label="Copyright information"
     >
-      <p
-        class="flex justify-center gap-2 lg:justify-start"
-        set:html={footer.madeWith.replace('{link}', getLocalePath('/about'))}
-      />
+      <p class="flex justify-center gap-2 lg:justify-start">
+        Made with <span aria-label="love">❤️</span> by the <a
+          href="/about"
+          class="zen-link inline-block font-bold">Zen Team</a
+        >
+      </p>
     </section>
     <section class="absolute bottom-0 right-0">
       <Circles
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index aff16f9..2441fcb 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -1,14 +1,14 @@
 ---
-import Title from '~/components/Title.astro'
-import Description from '~/components/Description.astro'
-import Button from '~/components/Button.astro'
-import HomePageVideo from '~/assets/HomePageVideo.webm'
+import Title from '../components/Title.astro'
+import Description from '../components/Description.astro'
+import Button from '../components/Button.astro'
+import { Image } from 'astro:assets'
+import HomePageVideo from '../assets/HomePageVideo.webm'
 import { ArrowRight } from 'lucide-astro'
 import { motion } from 'motion/react'
-import { getTitleAnimation } from '~/animations'
+import { getTitleAnimation } from '../animations'
 import Video from './Video.astro'
 import SocialMediaStrip from './SocialMediaStrip.astro'
-import { getLocale, getPath, getUI } from '~/utils/i18n'
 
 let titleAnimationCounter = 0
 function getNewAnimationDelay() {
@@ -19,16 +19,6 @@ function getNewAnimationDelay() {
 function getHeroTitleAnimation() {
   return getTitleAnimation(getNewAnimationDelay())
 }
-
-const locale = getLocale(Astro)
-
-const getLocalePath = getPath(locale)
-
-const {
-  routes: {
-    index: { hero },
-  },
-} = getUI(locale)
 ---
 
 <header
@@ -40,42 +30,42 @@ const {
       class="relative px-12 text-center !font-normal !leading-8 leading-[108px] md:!text-7xl lg:px-0 lg:!text-9xl"
     >
       <motion.span client:load {...getHeroTitleAnimation()}>
-        {hero.title[0]}
+        {'welcome'}
       </motion.span>
       <motion.span client:load {...getHeroTitleAnimation()}>
-        {hero.title[1]}
+        {'to'}
       </motion.span>
       <br class="hidden md:block" />
       <motion.span client:load {...getHeroTitleAnimation()}>
-        {hero.title[2]}
+        {'a'}
       </motion.span>
       <motion.span
         client:load
         {...getHeroTitleAnimation()}
         className="italic text-coral"
       >
-        {hero.title[3]}
+        {'calmer'}
       </motion.span>
       <motion.span client:load {...getHeroTitleAnimation()}>
-        {hero.title[4]}
+        {'internet'}
       </motion.span>
     </Title>
     <motion.span client:load {...getHeroTitleAnimation()}>
       <Description class="px-12 text-center lg:px-0">
-        {hero.description[0]}.
+        Beautifully designed, privacy-focused, and packed with features.
         <br class="hidden sm:inline" />
-        {hero.description[1]}</Description
+        We care about your experience, not your data.</Description
       >
     </motion.span>
     <div class="mt-6 flex w-2/3 flex-col gap-3 sm:gap-6 md:w-fit md:flex-row">
       <motion.span client:load {...getHeroTitleAnimation()}>
-        <Button class="w-full" href={getLocalePath('/download')} isPrimary>
-          {hero.buttons.beta}
+        <Button class="w-full" href="/download" isPrimary>
+          Beta is now available!
           <ArrowRight class="size-4" />
         </Button>
       </motion.span>
       <motion.span client:load {...getHeroTitleAnimation()}>
-        <Button href={getLocalePath('/donate')}>{hero.buttons.support}</Button>
+        <Button href="/donate">Support Us ❤️</Button>
       </motion.span>
     </div>
     <motion.span
diff --git a/src/components/MobileMenu.astro b/src/components/MobileMenu.astro
index b63179d..16b5771 100644
--- a/src/components/MobileMenu.astro
+++ b/src/components/MobileMenu.astro
@@ -1,15 +1,3 @@
----
-import { getLocale, getPath, getUI } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-const getLocalePath = getPath(locale)
-const {
-  components: {
-    nav: { menu },
-  },
-} = getUI(locale)
----
-
 <!-- Hidden checkbox for menu toggle -->
 <input
   type="checkbox"
@@ -24,7 +12,7 @@ const {
   class="fixed inset-y-0 right-0 z-40 w-64 translate-x-full transform bg-paper shadow-lg transition-transform duration-300 peer-checked:translate-x-0 lg:hidden"
 >
   <div class="flex items-center justify-between border-b border-dark px-4 py-2">
-    <div class="text-lg font-bold">{menu.menu}</div>
+    <div class="text-lg font-bold">Menu</div>
     <label
       for="mobile-menu-toggle"
       class="cursor-pointer p-2 text-dark"
@@ -49,70 +37,63 @@ const {
     <ul class="space-y-4">
       <!-- Getting Started Links -->
       <li>
-        <div class="mb-2 font-bold">{menu.gettingStarted}</div>
+        <div class="mb-2 font-bold">Getting Started</div>
         <ul class="ml-4 space-y-2">
           <li>
-            <a
-              href={getLocalePath('/mods')}
-              class="block text-dark hover:text-coral">{menu.zenMods}</a
+            <a href="/mods" class="block text-dark hover:text-coral">Zen Mods</a
             >
           </li>
           <li>
-            <a
-              href={getLocalePath('/release-notes')}
-              class="block text-dark hover:text-coral">{menu.releaseNotes}</a
+            <a href="/release-notes" class="block text-dark hover:text-coral"
+              >Release Notes</a
             >
           </li>
           <li>
             <a
               href="https://discord.gg/zen-browser"
-              class="block text-dark hover:text-coral">{menu.discord}</a
+              class="block text-dark hover:text-coral">Discord</a
             >
           </li>
         </ul>
       </li>
       <!-- Useful Links -->
       <li>
-        <div class="mb-2 font-bold">{menu.usefulLinks}</div>
+        <div class="mb-2 font-bold">Useful Links</div>
         <ul class="ml-4 space-y-2">
           <li>
-            <a
-              href={getLocalePath('/donate')}
-              class="block text-dark hover:text-coral">{menu.donate}</a
+            <a href="/donate" class="block text-dark hover:text-coral"
+              >Donate ❤️</a
             >
           </li>
           <li>
-            <a
-              href={getLocalePath('/about')}
-              class="block text-dark hover:text-coral">{menu.aboutUs}</a
+            <a href="/about" class="block text-dark hover:text-coral"
+              >About Us 🌟</a
             >
           </li>
           <li>
             <a
               href="https://docs.zen-browser.app"
-              class="block text-dark hover:text-coral">{menu.documentation}</a
+              class="block text-dark hover:text-coral">Documentation</a
             >
           </li>
           <li>
             <a
               href="https://github.com/zen-browser"
               target="_blank"
-              class="block text-dark hover:text-coral">{menu.github}</a
+              class="block text-dark hover:text-coral">GitHub</a
             >
           </li>
         </ul>
       </li>
       <!-- Extra Links -->
       <li>
-        <a
-          href={getLocalePath('/mods')}
-          class="block font-bold text-dark hover:text-coral">{menu.mods}</a
+        <a href="/mods" class="block font-bold text-dark hover:text-coral"
+          >Mods</a
         >
       </li>
       <li>
-        <a
-          href={getLocalePath('/download')}
-          class="block font-bold text-dark hover:text-coral">{menu.download}</a
+        <a href="/download" class="block font-bold text-dark hover:text-coral"
+          >Download</a
         >
       </li>
     </ul>
diff --git a/src/components/ModsList.tsx b/src/components/ModsList.tsx
index 200d938..49298f1 100644
--- a/src/components/ModsList.tsx
+++ b/src/components/ModsList.tsx
@@ -1,9 +1,8 @@
 import { useState, useEffect } from 'preact/hooks'
-import type { ZenTheme } from '~/mods'
+import type { ZenTheme } from '../mods'
 import { library, icon } from '@fortawesome/fontawesome-svg-core'
 import { faSort, faSortUp, faSortDown } from '@fortawesome/free-solid-svg-icons'
-import { useModsSearch } from '~/hooks/useModsSearch'
-import { getUI, type Locale } from '~/utils/i18n'
+import { useModsSearch } from '../hooks/useModsSearch'
 
 // Add icons to the library
 library.add(faSort, faSortUp, faSortDown)
@@ -14,11 +13,10 @@ const ascSortIcon = icon({ prefix: 'fas', iconName: 'sort-up' })
 const descSortIcon = icon({ prefix: 'fas', iconName: 'sort-down' })
 
 interface ModsListProps {
-  allMods: ZenTheme[]
-  locale: Locale
+  mods: ZenTheme[]
 }
 
-export default function ModsList({ allMods, locale }: ModsListProps) {
+export default function ModsList({ mods }: ModsListProps) {
   const {
     search,
     createdSort,
@@ -34,7 +32,7 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
     setLimit,
     mods: paginatedMods,
     searchParams,
-  } = useModsSearch(allMods)
+  } = useModsSearch(mods)
 
   const [pageInput, setPageInput] = useState(page.toString())
 
@@ -80,10 +78,6 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
     window.scrollTo(0, 0)
   }
 
-  const {
-    routes: { mods },
-  } = getUI(locale)
-
   function renderPagination() {
     if (totalPages <= 1) return null
     return (
@@ -100,26 +94,17 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
           &lt;
         </button>
         <form onSubmit={handlePageSubmit} className="flex items-center gap-2">
-          {mods.pagination.pagination.split('{input}').map((value, index) => {
-            if (index === 0) {
-              return (
-                <input
-                  type="text"
-                  value={pageInput}
-                  onInput={handlePageInputChange}
-                  className="w-16 rounded border border-dark bg-transparent px-2 py-1 text-center text-sm"
-                  aria-label="Page number"
-                />
-              )
-            }
-            return (
-              <span className="text-sm">
-                {value
-                  .replace('{totalPages}', totalPages.toString())
-                  .replace('{totalItems}', totalItems.toString())}
-              </span>
-            )
-          })}
+          <span className="text-sm">Page</span>
+          <input
+            type="text"
+            value={pageInput}
+            onInput={handlePageInputChange}
+            className="w-16 rounded border border-dark bg-transparent px-2 py-1 text-center text-sm"
+            aria-label="Page number"
+          />
+          <span className="text-sm">
+            of {totalPages} ({totalItems} items)
+          </span>
         </form>
         <button
           type="button"
@@ -144,7 +129,7 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
             type="text"
             id="search"
             className="w-full rounded-full border-2 border-dark bg-transparent px-6 py-2 text-lg outline-none"
-            placeholder={mods.search}
+            placeholder="Type to search..."
             value={search}
             onInput={handleSearch}
           />
@@ -157,7 +142,7 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
               onClick={toggleCreatedSort}
               className="text-md flex items-center gap-2 px-4 py-2 font-semibold"
             >
-              {mods.sort.lastCreated}
+              Last created
               <span
                 dangerouslySetInnerHTML={{
                   __html: getSortIcon(createdSort).html[0],
@@ -172,7 +157,7 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
               onClick={toggleUpdatedSort}
               className="text-md flex items-center gap-2 px-4 py-2 font-semibold"
             >
-              {mods.sort.lastUpdated}
+              Last updated
               <span
                 dangerouslySetInnerHTML={{
                   __html: getSortIcon(updatedSort).html[0],
@@ -183,7 +168,7 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
 
           <div className="flex items-center gap-2 px-4 py-2">
             <label htmlFor="limit" className="text-md font-semibold">
-              {mods.sort.perPage}
+              Per page:
             </label>
             <select
               id="limit"
@@ -229,8 +214,10 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
           ))
         ) : (
           <div className="col-span-4 grid place-items-center gap-4 place-self-center px-8 text-center">
-            <h2 className="text-lg font-bold">{mods.noResults}</h2>
-            <p className="text-sm font-thin">{mods.noResultsDescription}</p>
+            <h2 className="text-lg font-bold">No results found</h2>
+            <p className="text-sm font-thin">
+              Try searching for a different term or check back later.
+            </p>
           </div>
         )}
       </div>
diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
index 55009ae..8f8ee6b 100644
--- a/src/components/NavBar.astro
+++ b/src/components/NavBar.astro
@@ -1,21 +1,12 @@
 ---
 import { motion } from 'motion/react'
-import Button from '~/components/Button.astro'
+import Button from '../components/Button.astro'
 import { Astronav, MenuItems, Dropdown, DropdownItems } from 'astro-navbar'
 import { ArrowRight, ChevronDown, Download, Menu } from 'lucide-astro'
 import Logo from './Logo.astro'
 import { getTitleAnimation } from '../animations.ts'
 import ThemeSwitch from './ThemeSwitch.astro'
 import MobileMenu from './MobileMenu.astro'
-import { getLocale, getPath, getUI } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-const getLocalePath = getPath(locale)
-const {
-  components: {
-    nav: { brand, menu },
-  },
-} = getUI(locale)
 ---
 
 <!-- Desktop Navigation -->
@@ -23,19 +14,16 @@ const {
   <MenuItems
     class="relative z-20 mx-auto grid w-full grid-cols-2 items-center gap-2 bg-paper px-4 py-3 lg:grid lg:min-w-fit lg:grid-cols-[auto_1fr_auto] lg:p-6 xl:w-3/4"
   >
-    <a
-      class="flex items-center gap-2 text-lg font-bold"
-      href={getLocalePath('/')}
-    >
+    <a class="flex items-center gap-2 text-lg font-bold" href="/">
       <Logo class="text-coral" />
-      <span>{brand}</span>
+      <span>zen browser</span>
     </a>
     <div
       class="hidden items-center gap-6 place-self-center text-xs sm:text-sm lg:flex lg:text-base"
     >
       <Dropdown class="group">
         <button class="flex items-center">
-          <span>{menu.gettingStarted}</span>
+          <span>Getting Started</span>
           <ChevronDown
             class="size-4 transform transition-transform duration-200 group-open:rotate-180 md:ml-2"
           />
@@ -46,29 +34,26 @@ const {
             {...getTitleAnimation(0, 0.3, false)}
             client:load
           >
-            <a
-              class="dropdown-item bg-dark/5 row-span-2"
-              href={getLocalePath('/mods')}
-            >
-              <div class="dropdown-title">{menu.zenMods}</div>
+            <a class="dropdown-item bg-dark/5 row-span-2" href="/mods">
+              <div class="dropdown-title">Zen Mods</div>
               <div class="dropdown-description">
-                {menu.zenModsDesc}
+                Customize your browsing experience with Zen Mods.
               </div>
               <Button isPrimary class="mt-auto">
-                {menu.tryZenMods}
+                Try Zen Mods
                 <ArrowRight class="size-4" />
               </Button>
             </a>
-            <a class="dropdown-item" href={getLocalePath('/release-notes')}>
-              <div class="dropdown-title">{menu.releaseNotes}</div>
+            <a class="dropdown-item" href="/release-notes">
+              <div class="dropdown-title">Release Notes</div>
               <div class="dropdown-description">
-                {menu.releaseNotesDesc}
+                Stay up to date with the latest features and improvements.
               </div>
             </a>
             <a class="dropdown-item" href="https://discord.gg/zen-browser">
-              <div class="dropdown-title">{menu.discord}</div>
+              <div class="dropdown-title">Discord</div>
               <div class="dropdown-description">
-                {menu.discordDesc}
+                Join our community on Discord to chat with other Zen users!
               </div>
             </a>
           </motion.div>
@@ -76,7 +61,7 @@ const {
       </Dropdown>
       <Dropdown class="group">
         <button class="flex items-center">
-          <span>{menu.usefulLinks}</span>
+          <span>Useful Links</span>
           <ChevronDown
             class="size-4 transform transition-transform duration-200 group-open:rotate-180 md:ml-2"
           />
@@ -87,22 +72,22 @@ const {
             {...getTitleAnimation(0, 0.3, false)}
             client:load
           >
-            <a class="dropdown-item" href={getLocalePath('/donate')}>
-              <div class="dropdown-title">{menu.donate}</div>
+            <a class="dropdown-item" href="/donate">
+              <div class="dropdown-title">Donate ❤️</div>
               <div class="dropdown-description">
-                {menu.donateDesc}
+                Support the development of Zen Browser with a donation.
               </div>
             </a>
-            <a class="dropdown-item" href={getLocalePath('/about')}>
-              <div class="dropdown-title">{menu.aboutUs}</div>
+            <a class="dropdown-item" href="/about">
+              <div class="dropdown-title">About Us 🌟</div>
               <div class="dropdown-description">
-                {menu.aboutUsDesc}
+                Learn more about the team behind Zen Browser.
               </div>
             </a>
             <a class="dropdown-item" href="https://docs.zen-browser.app">
-              <div class="dropdown-title">{menu.documentation}</div>
+              <div class="dropdown-title">Documentation</div>
               <div class="dropdown-description">
-                {menu.documentationDesc}
+                Learn how to use Zen Browser with our documentation.
               </div>
             </a>
             <a
@@ -110,16 +95,16 @@ const {
               href="https://github.com/zen-browser"
               target="_blank"
             >
-              <div class="dropdown-title">{menu.github}</div>
+              <div class="dropdown-title">GitHub</div>
               <div class="dropdown-description">
-                {menu.githubDesc}
+                Contribute to the development of Zen Browser on GitHub.
               </div>
             </a>
           </motion.div>
         </DropdownItems>
       </Dropdown>
-      <a class="hidden items-center lg:block" href={getLocalePath('/mods')}>
-        <span>{menu.mods}</span>
+      <a class="hidden items-center lg:block" href="/mods">
+        <span>Mods</span>
       </a>
     </div>
     <div class="flex items-center gap-2 place-self-end lg:gap-4">
@@ -128,7 +113,7 @@ const {
       </div>
       <Button href="/download" class="hidden lg:flex" isPrimary>
         <span class="hidden items-center gap-2 lg:flex">
-          {menu.download}
+          Download
           <ArrowRight class="size-4" />
         </span>
         <span class="flex items-center gap-2 lg:hidden">
diff --git a/src/components/ReleaseNoteItem.astro b/src/components/ReleaseNoteItem.astro
index e00e0d6..b2fac6d 100644
--- a/src/components/ReleaseNoteItem.astro
+++ b/src/components/ReleaseNoteItem.astro
@@ -6,38 +6,27 @@ import {
   type ReleaseNote,
   type BreakingChange,
   getReleaseNoteFirefoxVersion,
-} from '../release-notes'
-import { releaseNotes as releaseNotesData } from '~/release-notes'
-import { getLocale, getUI, getPath } from '~/utils/i18n'
+} from '../release-notes';
+import { releaseNotes } from '../release-notes'
 export type Props = ReleaseNote
 const { isTwilight, ...props } = Astro.props
 
-const locale = getLocale(Astro)
-const getLocalePath = getPath(locale)
-const {
-  routes: {
-    releaseNotes: {
-      components: { releaseNoteItem },
-    },
-  },
-} = getUI(locale)
-
 let date
 if (props.date) {
   const [day, month, year] = props.date.split('/')
   date = new Date(Date.parse(`${year}-${month}-${day}`))
 }
 
-const ffVersion = getReleaseNoteFirefoxVersion(props)
-const currentReleaseIndex = releaseNotesData.findIndex(
+const ffVersion = getReleaseNoteFirefoxVersion(props);
+const currentReleaseIndex = releaseNotes.findIndex(
   (releaseNote: ReleaseNote) => releaseNote.version === props.version
-)
-const prevReleaseNote = releaseNotesData[currentReleaseIndex + 1]
-let compareLink = ''
+);
+const prevReleaseNote = releaseNotes[currentReleaseIndex + 1];
+let compareLink = '';
 if (prevReleaseNote && !isTwilight) {
-  compareLink = `https://github.com/zen-browser/desktop/compare/${prevReleaseNote.version}...${props.version}`
+  compareLink = `https://github.com/zen-browser/desktop/compare/${prevReleaseNote.version}...${props.version}`;
 }
----
+--- 
 
 <section
   class="release-note-item relative mt-24 flex flex-col border-t pt-24 lg:flex-row"
@@ -48,28 +37,24 @@ if (prevReleaseNote && !isTwilight) {
       isTwilight ? (
         <a
           class="!mb-2 block w-fit rounded-full bg-coral px-3 py-1 text-xs text-paper"
-          href={getLocalePath('/download?twilight')}
+          href="/download?twilight"
         >
-          {releaseNoteItem.twilight}
+          Twilight
         </a>
       ) : null
     }
     <h1 class="flex items-center text-3xl font-bold">
       {
         isTwilight ? (
-          <>
-            {releaseNoteItem.twilightChanges} {props.version} 🌙
-          </>
+          <>Twilight changes for {props.version} 🌙</>
         ) : (
-          <>
-            {releaseNoteItem.releaseChanges} {props.version} 🎉
-          </>
+          <>Release notes for {props.version} 🎉</>
         )
       }
       {
         ffVersion ? (
           <div class="!mb-2 ml-6 mt-1 block inline w-fit rounded-full bg-blue-500 px-3 py-1 text-xs text-paper dark:bg-blue-50">
-            {releaseNoteItem.firefoxVersion.replace('{version}', ffVersion)}
+            Firefox {ffVersion}
           </div>
         ) : null
       }
@@ -81,7 +66,7 @@ if (prevReleaseNote && !isTwilight) {
         class="zen-link whitespace-nowrap text-sm opacity-60"
         target="_blank"
         href={`https://github.com/zen-browser/desktop/releases/tag/${isTwilight ? 'twilight' : props.version}`}
-        >{releaseNoteItem.githubRelease}</a
+        >GitHub Release</a
       >
       {
         !isTwilight ? (
@@ -93,7 +78,7 @@ if (prevReleaseNote && !isTwilight) {
               target="_blank"
               href={`https://github.com/zen-browser/desktop/actions/runs/${props.workflowId}`}
             >
-              {releaseNoteItem.workflowRun}
+              Workflow run
             </a>
           </>
         ) : null
@@ -108,7 +93,7 @@ if (prevReleaseNote && !isTwilight) {
               target="_blank"
               href={compareLink}
             >
-              {releaseNoteItem.compareChanges}
+              Compare changes
             </a>
           </>
         ) : null
@@ -117,8 +102,20 @@ if (prevReleaseNote && !isTwilight) {
     <div class="text-muted-forground mt-6 flex text-sm opacity-70">
       {isTwilight ? <Info class="mx-4 my-0 size-6 text-yellow-500" /> : null}
       <p class="m-0">
-        {isTwilight ? <>{releaseNoteItem.twilightWarning}</> : null}
-        <span set:html={releaseNoteItem.reportIssues} />
+        {
+          isTwilight ? (
+            <>
+              Please note that Twilight is a pre-release version of Zen Browser.
+              It may contain bugs and unfinished features.
+            </>
+          ) : null
+        }
+        If you encounter any issues, please report them on <a
+          rel="noopener noreferrer"
+          target="_blank"
+          href="https://github.com/zen-browser/desktop/issues/"
+          class="zen-link">the issues page</a
+        >.
       </p>
     </div>
 
@@ -150,10 +147,7 @@ if (prevReleaseNote && !isTwilight) {
                             href={`https://github.com/zen-browser/desktop/issues/${fix.issue}`}
                             rel="noopener noreferrer"
                             target="_blank"
-                            aria-label={releaseNoteItem.viewIssue.replace(
-                              '{issue}',
-                              fix.issue
-                            )}
+                            aria-label={`View issue number ${fix.issue} on GitHub`}
                           >
                             #{fix.issue}
                           </a>
@@ -169,7 +163,7 @@ if (prevReleaseNote && !isTwilight) {
       }
       {
         props.features?.length ? (
-          <AccordionItem title={releaseNoteItem.sections.features}>
+          <AccordionItem title="Features">
             <ul class="list-inside list-disc">
               {props.features.map((feature: string) => (
                 <li class="text-md text-muted-foreground">{feature}</li>
@@ -180,7 +174,7 @@ if (prevReleaseNote && !isTwilight) {
       }
       {
         props.themeChanges?.length ? (
-          <AccordionItem title={releaseNoteItem.sections.themeChanges}>
+          <AccordionItem title="Theme Changes">
             <ul class="list-inside list-disc">
               {props.themeChanges.map((themeChange: string) => (
                 <li class="text-md text-muted-foreground">{themeChange}</li>
@@ -191,7 +185,7 @@ if (prevReleaseNote && !isTwilight) {
       }
       {
         props.breakingChanges?.length ? (
-          <AccordionItem title={releaseNoteItem.sections.breakingChanges.title}>
+          <AccordionItem title="Breaking Changes">
             <ul class="list-inside list-disc">
               {props.breakingChanges.map((breakingChange: BreakingChange) => (
                 <li class="text-md text-muted-foreground">
@@ -205,11 +199,9 @@ if (prevReleaseNote && !isTwilight) {
                         href={breakingChange.link}
                         rel="noopener noreferrer"
                         target="_blank"
-                        aria-label={
-                          releaseNoteItem.sections.breakingChanges.description
-                        }
+                        aria-label={`View breaking change on GitHub`}
                       >
-                        {releaseNoteItem.learnMore}
+                        Learn more
                       </a>
                     </>
                   )}
diff --git a/src/components/Sponsors.astro b/src/components/Sponsors.astro
index 72ed4c6..61e60d3 100644
--- a/src/components/Sponsors.astro
+++ b/src/components/Sponsors.astro
@@ -1,21 +1,12 @@
 ---
-import Description from '~/components/Description.astro'
+import Description from '../components/Description.astro'
 import { motion } from 'motion/react'
-import { getTitleAnimation } from '~/animations'
-import { getLocale, getUI } from '~/utils/i18n'
+import { getTitleAnimation } from '../animations'
 
-const locale = getLocale(Astro)
-
-import tutaLogo from '~/assets/tuta-logo.png'
+import tutaLogo from '../assets/tuta-logo.png'
 
 import Image from 'astro/components/Image.astro'
 const { showSponsors = true } = Astro.props
-
-const {
-  routes: {
-    index: { sponsors },
-  },
-} = getUI(locale)
 ---
 
 <section id="sponsors" class:list={['mb-32 px-4', !showSponsors && 'hidden']}>
@@ -26,16 +17,18 @@ const {
       >
     </motion.span>
     <motion.span client:load {...getTitleAnimation(0.4)}>
-      <Description set:html={sponsors.description} />
+      <Description>
+        We are grateful to our sponsors for their support. They help us to keep
+        the project alive.<br />You can also be part of this journey by <a
+          href="/donate"
+          class="zen-link">donating us directly</a
+        >!
+      </Description>
     </motion.span>
     <div class="relative mt-8 flex items-center justify-center">
       <motion.span client:load {...getTitleAnimation(0.6)}>
-        <a href={sponsors.sponsors['tuta'].url} target="_blank" class="w-fit">
-          <Image
-            src={tutaLogo}
-            alt={sponsors.sponsors['tuta'].name}
-            class="h-16 w-fit object-contain"
-          />
+        <a href="https://tuta.com/" target="_blank" class="w-fit">
+          <Image src={tutaLogo} alt="Tuta" class="h-16 w-fit object-contain" />
         </a>
       </motion.span>
     </div>
diff --git a/src/components/download/PlatformDownload.astro b/src/components/download/PlatformDownload.astro
index 58ecc39..dd47497 100644
--- a/src/components/download/PlatformDownload.astro
+++ b/src/components/download/PlatformDownload.astro
@@ -9,8 +9,8 @@ interface Props {
 
 const { platform, icon, title, description, releases } = Astro.props
 import { Image } from 'astro:assets'
-import AppIconDark from '~/assets/app-icon-dark.png'
-import AppIconLight from '~/assets/app-icon-light.png'
+import AppIconDark from '../../assets/app-icon-dark.png'
+import AppIconLight from '../../assets/app-icon-light.png'
 import DownloadCard from './ButtonCard.astro'
 ---
 
diff --git a/src/constants/i18n.ts b/src/constants/i18n.ts
deleted file mode 100644
index f1e141a..0000000
--- a/src/constants/i18n.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const I18N = {
-  DEFAULT_LOCALE: 'en',
-  LOCALES: [
-    { label: 'English', value: 'en' },
-  ],
-} as const
diff --git a/src/constants/index.ts b/src/constants/index.ts
deleted file mode 100644
index b364db8..0000000
--- a/src/constants/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { I18N } from './i18n'
-
-export const CONSTANT = {
-  I18N,
-}
\ No newline at end of file
diff --git a/src/hooks/useModsSearch.ts b/src/hooks/useModsSearch.ts
index 98bd461..54829fb 100644
--- a/src/hooks/useModsSearch.ts
+++ b/src/hooks/useModsSearch.ts
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'preact/hooks'
-import type { ZenTheme } from '~/mods'
+import type { ZenTheme } from '../mods'
 
 type SortOrder = 'default' | 'asc' | 'desc'
 
diff --git a/src/i18n/en.json b/src/i18n/en.json
deleted file mode 100644
index 14ae198..0000000
--- a/src/i18n/en.json
+++ /dev/null
@@ -1,467 +0,0 @@
-{
-  "routes": {
-    "index": {
-      "title": "Zen Browser",
-      "hero": {
-        "title": ["welcome", "to", "a", "calmer", "internet"],
-        "description": [
-          "Beautifully designed, privacy-focused, and packed with features.",
-          "We care about your experience, not your data."
-        ],
-        "buttons": {
-          "beta": "Beta is now available!",
-          "support": "Support Us ❤️"
-        }
-      },
-      "features": {
-        "title1": "Productivity",
-        "title2": "at",
-        "title3": "its best",
-        "description": "Zen Browser is packed with features that help you stay productive and focused. Browsers should be tools that help you get things done, not distractions that keep you from your work.",
-        "featureTabs": {
-          "workspaces": {
-            "title": "Workspaces",
-            "description": "Organize your tabs into Workspaces to keep your projects separate and organized, and switch between them with ease."
-          },
-          "compactMode": {
-            "title": "Compact Mode",
-            "description": "Zen's Compact Mode gives you more screen real estate by hiding the tab bar when you don't need it, and showing it when you do."
-          },
-          "glance": {
-            "title": "Glance",
-            "description": "Glance allows you to quickly switch between your most used tabs, without having to scroll through your history."
-          },
-          "splitView": {
-            "title": "Split View",
-            "description": "Split View allows you to view two tabs side by side, making it easier to compare and switch between them."
-          }
-        }
-      },
-      "sponsors": {
-        "title": "Our Sponsors",
-        "description": "We are grateful to our sponsors for their support. They help us to keep the project alive.<br />You can also be part of this journey by <a href=\"/donate\" class=\"zen-link\">donating us directly</a>!",
-        "sponsors": {
-          "tuta": {
-            "name": "Tuta",
-            "url": "https://tuta.com/"
-          }
-        }
-      },
-      "community": {
-        "title": ["Our", "Core", "Values"],
-        "description": "We make it not only a priority, but a necessity to ensure that Zen always strikes the right balance between beauty, performance, and privacy. We are committed to making Zen the most beautiful, productive, and privacy-respecting browser out there — without compromising on your experience.",
-        "lists": {
-          "freeAndOpenSource": {
-            "title": "Free and open-source",
-            "description": "Zen is free and open-source software, which means you can use it without any cost and can modify it to suit your needs."
-          },
-          "simpleYetPowerful": {
-            "title": "Simple yet powerful",
-            "description": "Zen is simple to use, but powerful enough to handle your daily tasks."
-          },
-          "privateAndAlwaysUpToDate": {
-            "title": "Private and always up-to-date",
-            "description": "Zen is private and always up-to-date, which means you can use it without any cost and can modify it to suit your needs."
-          }
-        },
-        "images": {
-          "community": {
-            "alt": "Community"
-          }
-        }
-      }
-    },
-    "mods": {
-      "title": "Zen Mods",
-      "description": "Browse our diverse collection of Zen Mods, community-made plugins and themes for Zen Browser. Discover a theme to match every mood, and a plugin to fulfill every requirement. Start customizing your browser experience today!",
-      "pagination": {
-        "pagination": "{input} of {totalPages} ({totalItems} items)"
-      },
-      "search": "Type to search...",
-      "sort": {
-        "lastCreated": "Last created",
-        "lastUpdated": "Last updated",
-        "perPage": "Per page"
-      },
-      "noResults": "No results found",
-      "noResultsDescription": "Try searching for a different term or check back later.",
-      "slug": {
-        "title": "{name} - Zen Mods",
-        "description": "Learn more about {name} mod available on Zen Browser",
-        "alert": {
-          "description": "You need to have Zen Browser installed to install this theme.",
-          "button": "Download now!"
-        },
-        "createdBy": "Created by <a href={link} class=\"zen-link font-bold\">{author}</a> • <span class=\"font-bold\">v{version}</span>",
-        "creationDate": "Creation date • <b>{createdAt}</b>",
-        "latestUpdate": "Latest update • <b>{updatedAt}</b>",
-        "visitModHomepage": "Visit mod homepage",
-        "installMod": "Install Mod 🎉",
-        "uninstallMod": "Uninstall Mod",
-        "back": "Back"
-      }
-    },
-    "releaseNotes": {
-      "title": "Release notes - Zen Browser",
-      "topSection": {
-        "title": "Release Notes",
-        "description": "Stay up to date with the latest changes to Zen Browser! Since the <a class=\"zen-link\" href=\"#1.0.0-a.1\">first release</a> till <a class=\"zen-link\" href=\"#{latestVersion}\">{latestVersion}</a>, we've been working hard to make Zen Browser the best it can be. Thanks everyone for your feedback! ❤️"
-      },
-      "list": {
-        "support": "Give us some support!",
-        "expandAll": "Expand all",
-        "navigateToVersion": "Navigate to version..."
-      },
-      "backToTop": "Back to the top",
-      "chooseVersion": "Choose version",
-      "components": {
-        "releaseNoteItem": {
-          "twilight": "Twilight",
-          "twilightChanges": "Twilight changes for {version} 🌙",
-          "releaseChanges": "Release notes for {version} 🎉",
-          "firefoxVersion": "Firefox {version}",
-          "githubRelease": "GitHub Release",
-          "workflowRun": "Workflow run",
-          "compareChanges": "Compare changes",
-          "twilightWarning": "Please note that Twilight is a pre-release version of Zen Browser. It may contain bugs and unfinished features.",
-          "reportIssues": " If you encounter any issues, please report them on <a rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://github.com/zen-browser/desktop/issues/\" class=\"zen-link\">the issues page</a>.",
-          "sections": {
-            "fixes": "Fixes",
-            "features": "Features",
-            "themeChanges": "Theme Changes",
-            "breakingChanges": {
-              "title": "Breaking Changes",
-              "description": "View breaking changes on GitHub"
-            }
-          },
-          "learnMore": "Learn more",
-          "viewIssue": "View issue number {issue} on GitHub"
-        }
-      },
-      "slug": {
-        "title": "Release notes",
-        "redirect": "Redirecting to release notes for version {version}..."
-      }
-    },
-    "about": {
-      "title": "About - Zen Browser",
-      "description": "We are simply a group of developers and designers who care about your experience on the web. We believe that the internet should be a place where you can explore, learn, and connect without worrying about your data being collected.",
-      "littleHelp": "A little help?",
-      "mainTeam": {
-        "title": "Main Team",
-        "description": "This list shows the main team members who are working hard to bring you the best browsing experience.",
-        "members": {
-          "mauro": {
-            "name": "Mauro B.",
-            "description": "Creator, Main Developer",
-            "link": "https://cheff.dev/"
-          },
-          "oscar": {
-            "name": "Oscar Gonzalez",
-            "description": "Site Reliability Engineer (SRE) and code signing.",
-            "link": false
-          },
-          "jan": {
-            "name": "Jan Heres",
-            "description": "Active contributor and helps with MacOS builds",
-            "link": "https://janheres.eu/"
-          },
-          "brhm": {
-            "name": "BrhmDev",
-            "description": "Active contributor with great contributions",
-            "link": "https://github.com/BrhmDev"
-          },
-          "canoa": {
-            "name": "Canoa",
-            "description": "Active contributor, and very active in issue handling and website management",
-            "link": "https://thatcanoa.org/"
-          },
-          "adam": {
-            "name": "Adam",
-            "description": "Branding and design",
-            "link": "https://cybrneon.xyz/"
-          },
-          "kristijanribaric": {
-            "name": "Kristijan Ribaric",
-            "description": "Active contributor",
-            "link": "https://github.com/kristijanribaric"
-          },
-          "n7itro": {
-            "name": "n7itro",
-            "description": "Active contributor and release notes writer",
-            "link": "https://github.com/n7itro"
-          },
-          "bryan": {
-            "name": "Bryan Galdámez",
-            "description": "Huge contributor on theme functionalities",
-            "link": "https://josuegalre.netlify.app/"
-          },
-          "jafeth": {
-            "name": "Jafeth Garro",
-            "description": "Documentation writer",
-            "link": "https://iamjafeth.com/"
-          },
-          "larvey": {
-            "name": "Larvey",
-            "description": "AUR maintainer",
-            "link": "https://github.com/LarveyOfficial/"
-          },
-          "daniel": {
-            "name": "Daniel García",
-            "description": "MacOS certificate and app notarization maintainer",
-            "link": false
-          }
-        }
-      },
-      "contributors": {
-        "title": "Contributors",
-        "description": "This list shows the contributors who have helped us to make Zen Browser the best it can be."
-      }
-    },
-    "donate": {
-      "title": "Donate - Zen Browser",
-      "description": "We are a small team of developers working hard to bring you the best browsing experience. If you like what we do, please consider supporting us.",
-      "patreon": {
-        "title": "Patreon",
-        "description": "Patreon allows you to support us with a monthly donation. You can choose the level of support that works best for you."
-      },
-      "koFi": {
-        "title": "Ko-fi",
-        "description": "Ko-fi allows you to support us with a one-time donation. You can choose the amount that works best for you. Monthly donations are also available.",
-        "button": "Go to Ko-fi"
-      }
-    },
-    "download": {
-      "title": "Download - Zen Browser",
-      "description": "Download Zen Browser for your platform and experience a more mindful internet browsing experience. All downloads include SHA256 checksums for verification.",
-      "twilightInfo": "You're currently in Twilight mode, this means you're downloading the latest experimental features and updates.",
-      "alertInfo": {
-        "description": "<strong class='font-medium text-zen-blue'>Twilight Mode:</strong> You're currently in Twilight mode, this means you're downloading the latest experimental features and updates."
-      },
-      "platformSelector": {
-        "title": "Platform Selector",
-        "description": "Select your platform to download Zen Browser."
-      },
-      "additionalResources": {
-        "title": "Additional Resources",
-        "sourceCode": {
-          "title": "Source Code",
-          "description": "Explore Zen Browser's source code on GitHub. Contribute to the project or build your own version."
-        },
-        "documentation": {
-          "title": "Documentation",
-          "description": "Access comprehensive documentation, guides, and tutorials for Zen Browser."
-        }
-      },
-      "securityNotice": {
-        "title": "Verified & Secure Downloads",
-        "description": "All Zen downloads are signed and verified for your security. We recommend downloading directly from our official website or GitHub repository. If your download seems broken or gets flagged by your antivirus, please <a href='https://github.com/zen-browser/desktop/issues/new/choose' class='zen-link ml-1'>report it to us</a>."
-      },
-      "platformNames": {
-        "mac": "macOS",
-        "windows": "Windows",
-        "linux": "Linux",
-        "macDownload": "MacOS Download",
-        "windowsDownload": "Windows Download",
-        "linuxDownload": "Linux Download"
-      },
-      "platformDescriptions": {
-        "mac": "Works on both new Apple (M-Series) and older Intel Macs.<br />Requires macOS 11.0 or later.",
-        "windows": "Works on Windows 10 and Windows 11.<br />Not sure which version to get? Most people should choose the 64-bit installer.",
-        "linux": "Works with many Linux versions.<br />Pick the download that matches your system."
-      }
-    },
-    "privacyPolicy": {
-      "title": "Privacy Policy",
-      "lastUpdated": "Last updated: 2025-02-5",
-      "sections": {
-        "introduction": {
-          "title": "Introduction",
-          "body": "Welcome to Zen Browser! Your privacy is our priority. This Privacy Policy outlines the types of personal information we collect, how we use it, and the steps we take to protect your data when you use Zen Browser.",
-          "summary": "We don't sell data - We don't collect data - We don't track you"
-        },
-        "noCollect": {
-          "title": "1. Information We Do Not Collect",
-          "body": "Zen Browser is designed with privacy in mind. We do not collect, store, or share any of your personal data. Here's what that means:"
-        },
-        "noTelemetry": {
-          "title": "1.1. No Telemetry",
-          "body": "We do not collect any telemetry data or crash reports.",
-          "body2": "Zen Browser has stripped out telemetry built into Mozilla Firefox. We have removed all telemetry data collection and crash reports."
-        },
-        "noPersonalData": {
-          "title": "1.2. No Personal Data Collection",
-          "body": "Zen Browser does not collect any personal information such as your IP address, browsing history, search queries, or form data."
-        },
-        "noThirdParty": {
-          "title": "1.3. No Third-Party Tracking",
-          "body": "We do not allow third-party trackers or analytics tools to operate within Zen Browser. Your browsing activity remains entirely private and is not shared with any third party. Mozilla is not considered a third party as it is the base of Zen Browser."
-        },
-        "externalConnections": {
-          "title": "1.4. External connections made at startup",
-          "body": "Zen Browser may make external connections at startup to check for updates and ensure the browser is up to date on plugins, addons, check for connectivity and Geolocation/push notifications services in order to comply with web standards. We, at Zen, do not collect any data from these connections, but they may be logged by third-party services or websites you visit. These connections are necessary for the proper functioning of the browser and are not used for tracking or profiling purposes. They can be disabled through the browser flags (about:config)."
-        },
-        "localStorage": {
-          "title": "2. Information Stored Locally on Your Device"
-        },
-        "browsingData": {
-          "title": "2.1. Browsing Data",
-          "body": "Zen Browser stores certain data locally on your device to enhance your browsing experience. This includes:"
-        },
-        "cookies": {
-          "title": "Cookies",
-          "body": "Cookies are stored locally on your device and are not shared with Zen Browser or any third party. You have full control over the management of cookies through the browser's settings."
-        },
-        "cache": {
-          "title": "Cache and Temporary Files",
-          "body": "Zen Browser may store cache files and other temporary data locally to improve performance. These files can be cleared at any time through the browser's settings."
-        },
-        "settings": {
-          "title": "2.2. Settings and Preferences",
-          "body": "Any customizations, settings, and preferences you make within Zen Browser are stored locally on your device. We do not have access to or control over this data."
-        },
-        "sync": {
-          "title": "3. Sync Feature",
-          "body": "Zen Browser offers a \"Sync\" feature, which is implemented using Mozilla Firefox's Sync feature. This feature allows you to synchronize your bookmarks, history, passwords, and other data across multiple devices. For this feature to work, your data is encrypted and stored on Mozilla's servers and is treated in accordance with their Privacy Policy. We, at Zen, cannot view any of this data.",
-          "link1": "Mozilla Firefox Sync",
-          "link2": "This is how we store your passwords"
-        },
-        "addons": {
-          "title": "4. Add-ons and \"Mods\"",
-          "body": "You can install Add-ons from addons.mozilla.org. Zen Browser periodically checks for updates to these Add-ons.\nYou can also install \"Mods\" from zen-browser.app/mods. These Mods are hosted by our services and follow the same privacy policy our website. We do not collect any data from these Mods, they are purely static content that is downloaded to your device."
-        },
-        "security": {
-          "title": "5. Data Security",
-          "body": "Although Zen Browser does not collect your data, we are committed to protecting the information that is stored locally on your device and, if you use the Sync feature, the encrypted data stored on Mozilla's servers. We recommend that you use secure passwords, enable device encryption, and regularly update your software to ensure your data remains safe.",
-          "note": "Note that most of the security measures are taken care by Mozilla Firefox."
-        },
-        "control": {
-          "title": "6. Your Control",
-          "deletionTitle": "6.1. Data Deletion",
-          "deletionBody": "You have full control over all data stored locally on your device by Zen Browser. You can clear your browsing data, cookies, and cache at any time using the browser's settings."
-        },
-        "website": {
-          "title": "7. Our Website and Services",
-          "body": "Zen Browser's website and services do not use any third-party analytics, tracking, or CDN services. We do not collect any personal information from users visiting our website. The website is hosted on Cloudflare but with analytics and tracking disabled, Cloudflare may collect some analytics data from HTTP requests in order to provide security and performance improvements. However, this data is not linked to any personal information and is not used for tracking purposes.",
-          "externalLinksTitle": "7.1. External links",
-          "externalLinksBody": "Zen Browser may contain links to external websites or services that are not owned or operated by us. We are not responsible for the content or privacy practices of these sites. We recommend that you review the privacy policies of these sites before providing them with any personal information."
-        },
-        "changes": {
-          "title": "8. Changes to This Privacy Policy",
-          "body": "We may update this Privacy Policy from time to time to reflect changes in our practices or legal requirements. We will notify you of any significant changes by updating the effective date at the top of this policy. Continued use of Zen Browser after such changes constitutes your acceptance of the new terms."
-        },
-        "otherTelemetry": {
-          "title": "9. Other telemetry done by Mozilla Firefox",
-          "body": "We try to disable all telemetry data collection in Zen Browser. But, we may have missed some. Check the below links for more information.",
-          "firefoxPrivacyNotice": "Firefox Privacy Notice",
-          "forMoreInformation": "for more information."
-        },
-        "contact": {
-          "title": "10. Contact Us",
-          "body": "If you have any questions or concerns about this Privacy Policy or Zen Browser, please contact us at:",
-          "discord": "Discord: ",
-          "discordLink": "Zen Browser's Discord",
-          "github": "GitHub: ",
-          "githubLink": "Organization"
-        }
-      }
-    },
-    "welcome": {
-      "title": ["Welcome", "to", "Zen!"]
-    },
-    "whatsNew": {
-      "title": "What's New in {latestVersion.version}!",
-      "reportIssue": "Report an issue",
-      "joinDiscord": "Join our Discord",
-      "readFullReleaseNotes": "Read the full release notes"
-    },
-    "notFound": {
-      "title": "Page Not Found",
-      "description": "Sorry, the page you are looking for does not exist or has been moved.",
-      "button": "Go Home"
-    }
-  },
-  "layout": {
-    "index": {
-      "title": "Zen Browser",
-      "description": "Beautifully designed, privacy-focused, and packed with features."
-    },
-    "mods": {
-      "title": "Zen Mods",
-      "description": "Browse our diverse collection of Zen Mods, community-made plugins and themes for Zen Browser. Discover a theme to match every mood, and a plugin to fulfill every requirement. Start customizing your browser experience today!"
-    },
-    "releaseNotes": {
-      "title": "Release notes - Zen",
-      "description": "Stay up to date with the latest changes to Zen Browser! Since the first release till {latestVersion}, we've been working hard to make Zen Browser the best it can be. Thanks everyone for your feedback! ❤️"
-    },
-    "about": {
-      "title": "About - Zen",
-      "description": "We are simply a group of developers and designers who care about your experience on the web. We believe that the internet should be a place where you can explore, learn, and connect without worrying about your data being collected."
-    },
-    "donate": {
-      "title": "Donate - Zen",
-      "description": "We are a small team of developers working hard to bring you the best browsing experience. If you like what we do, please consider supporting us."
-    },
-    "download": {
-      "title": "Download - Zen",
-      "description": "Download Zen Browser for your platform and experience a more mindful internet browsing experience. All downloads include SHA256 checksums for verification."
-    },
-    "privacyPolicy": {
-      "title": "Privacy Policy - Zen",
-      "description": "Your privacy is our priority. This Privacy Policy outlines the types of personal information we collect, how we use it, and the steps we take to protect your data when you use Zen Browser."
-    },
-    "welcome": {
-      "title": "Welcome!",
-      "description": "Welcome to Zen!"
-    },
-    "whatsNew": {
-      "title": "What's New in {latestVersion.version}!"
-    }
-  },
-  "components": {
-    "footer": {
-      "title": "Zen Browser",
-      "description": "Beautifully designed, privacy-focused, and packed with features. We care about your experience, not your data.",
-      "download": "Download",
-      "followUs": "Follow Us",
-      "aboutUs": "About Us",
-      "teamAndContributors": "Team & Contributors",
-      "privacyPolicy": "Privacy Policy",
-      "getStarted": "Get Started",
-      "documentation": "Documentation",
-      "zenMods": "Zen Mods",
-      "releaseNotes": "Release Notes",
-      "getHelp": "Get Help",
-      "discord": "Discord",
-      "uptimeStatus": "Uptime Status",
-      "reportAnIssue": "Report an Issue",
-      "twilight": "Twilight",
-      "madeWith": "Made with <span aria-label='love'>❤️</span> by the <a href='{link}' class='zen-link inline-block font-bold'>Zen Team</a>"
-    },
-    "nav": {
-      "brand": "Zen Browser",
-      "menu": {
-        "gettingStarted": "Getting Started",
-        "usefulLinks": "Useful Links",
-        "mods": "Mods",
-        "download": "Download",
-        "discord": "Discord",
-        "releaseNotes": "Release Notes",
-        "zenMods": "Zen Mods",
-        "tryZenMods": "Try Zen Mods",
-        "zenModsDesc": "Customize your browsing experience with Zen Mods.",
-        "releaseNotesDesc": "Stay up to date with the latest features and improvements.",
-        "discordDesc": "Join our community on Discord to chat with other Zen users!",
-        "donate": "Donate ❤️",
-        "donateDesc": "Support the development of Zen Browser with a donation.",
-        "aboutUs": "About Us 🌟",
-        "aboutUsDesc": "Learn more about the team behind Zen Browser.",
-        "documentation": "Documentation",
-        "documentationDesc": "Learn how to use Zen Browser with our documentation.",
-        "github": "GitHub",
-        "githubDesc": "Contribute to the development of Zen Browser on GitHub.",
-        "menu": "Menu"
-      }
-    }
-  }
-}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 43e8726..f54e448 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -13,11 +13,8 @@ const defaultOgImage = '/share-pic.png';
 import '@fontsource/bricolage-grotesque/400.css'
 import '@fontsource/bricolage-grotesque/500.css'
 import '@fontsource/bricolage-grotesque/600.css'
-import NavBar from '~/components/NavBar.astro'
-import Footer from '~/components/Footer.astro'
-import { getLocale } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
+import NavBar from '../components/NavBar.astro'
+import Footer from '../components/Footer.astro'
 ---
 
 <script is:inline data-cfasync="false">
@@ -40,7 +37,7 @@ const locale = getLocale(Astro)
 </script>
 
 <!doctype html>
-<html lang={locale}>
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     {redirect ? <meta http-equiv="refresh" content={`0;url=${redirect}`} /> : null}
diff --git a/src/pages/404.astro b/src/pages/404.astro
deleted file mode 100644
index 0f4e363..0000000
--- a/src/pages/404.astro
+++ /dev/null
@@ -1,5 +0,0 @@
----
-import NotFound from './[...locale]/404.astro'
----
-
-<NotFound />
diff --git a/src/pages/[...locale]/404.astro b/src/pages/[...locale]/404.astro
deleted file mode 100644
index 7ad890f..0000000
--- a/src/pages/[...locale]/404.astro
+++ /dev/null
@@ -1,31 +0,0 @@
----
-import Title from '~/components/Title.astro'
-import Description from '~/components/Description.astro'
-import Button from '~/components/Button.astro'
-import { getLocale, getPath, getUI } from '~/utils/i18n'
-import Layout from '~/layouts/Layout.astro'
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-const getLocalePath = getPath(locale)
-const {
-  routes: { notFound },
-} = getUI(locale)
----
-
-<Layout title={notFound.title}>
-  <main
-    class="flex min-h-[70vh] flex-col items-center justify-center py-24 text-center"
-  >
-    <Title class="mb-4 text-7xl font-bold text-coral md:text-9xl">404</Title>
-    <Description class="mb-6 text-xl md:text-2xl">
-      {notFound.title}
-    </Description>
-    <p class="mb-8 max-w-xl text-lg text-gray-500 dark:text-gray-400">
-      {notFound.description}
-    </p>
-    <Button href={getLocalePath('/')} isPrimary>
-      {notFound.button}
-    </Button>
-  </main>
-</Layout>
diff --git a/src/pages/[...locale]/about.astro b/src/pages/[...locale]/about.astro
deleted file mode 100644
index d9a82b0..0000000
--- a/src/pages/[...locale]/about.astro
+++ /dev/null
@@ -1,84 +0,0 @@
----
-import Button from '~/components/Button.astro'
-import Description from '~/components/Description.astro'
-import Layout from '~/layouts/Layout.astro'
-import { getLocale, getUI } from '~/utils/i18n'
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const {
-  routes: {
-    about,
-  },
-  layout
-} = getUI(locale)
----
-
-<Layout
-  title={layout.about.title}
-  description={layout.about.description}
->
-  <main
-    class="relative flex min-h-screen flex-col items-center justify-center py-24"
-  >
-    <div class="mb-24 p-4 text-center lg:w-1/2">
-      <Description class="text-6xl font-bold">{about.title}</Description>
-      <Description>
-        {about.description}
-      </Description>
-      <Button href="/donate" class="mx-auto mt-4 w-fit" isPrimary
-        >{about.littleHelp}</Button
-      >
-    </div>
-    <div
-      class="relative flex w-full flex-col items-center justify-center lg:flex-row"
-    >
-      <div class="flex flex-col p-8 lg:w-1/3 lg:pr-24">
-        <div class="text-4xl font-bold lg:text-6xl">{about.mainTeam.title}</div>
-        <Description>
-          {about.mainTeam.description}
-        </Description>
-        <div class="mt-4">
-          <ul>
-            {Object.entries(about.mainTeam.members).map(([key, member]) => (
-              <li class="text-sm">
-                {member.link ? (
-                  <a href={member.link === true ? '' : member.link}>
-                    <strong class="zen-link font-bold">{member.name}</strong>
-                  </a>
-                  <span class="opacity-60"> : {member.description}</span>
-                ) : (
-                  <strong class="font-bold">{member.name}</strong>
-                  <span class="opacity-60"> : {member.description}</span>
-                )}
-              </li>
-            ))}
-          </ul>
-        </div>
-      </div>
-      <div class="absolute hidden h-full w-[1px] bg-dark opacity-15 lg:block">
-      </div>
-      <div class="flex flex-col p-8 lg:w-1/3 lg:pl-24">
-        <div class="text-4xl font-bold lg:text-6xl">{about.contributors.title}</div>
-        <Description>
-          {about.contributors.description}
-        </Description>
-        <a href="https://github.com/zen-browser/desktop/graphs/contributors"
-          ><img
-            src="https://contributors-img.web.app/image?repo=zen-browser/desktop"
-            alt="Contributors"
-            class="mt-8"
-          /></a
-        >
-        <a href="https://github.com/zen-browser/www/graphs/contributors"
-          ><img
-            src="https://contributors-img.web.app/image?repo=zen-browser/www"
-            alt="Contributors (website)"
-            class="mt-8"
-          /></a
-        >
-      </div>
-    </div>
-  </main>
-</Layout>
diff --git a/src/pages/[...locale]/index.astro b/src/pages/[...locale]/index.astro
deleted file mode 100644
index 7bb1e45..0000000
--- a/src/pages/[...locale]/index.astro
+++ /dev/null
@@ -1,41 +0,0 @@
----
-import Layout from '~/layouts/Layout.astro'
-import Hero from '~/components/Hero.astro'
-import Community from '~/components/Community.astro'
-import Features from '~/components/Features.astro'
-import Sponsors from '~/components/Sponsors.astro'
-import { getLocale, getUI } from '~/utils/i18n'
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const { layout } = getUI(locale)
----
-
-<Layout
-  title={layout.index.title}
-  description={layout.index.description}
-  isHome
->
-  <main>
-    <Hero />
-    <Features />
-    <Sponsors showSponsors />
-    <Community />
-  </main>
-</Layout>
-<style>
-  @keyframes headerSlideIn {
-    0% {
-      transform: translateY(100%);
-    }
-    100% {
-      transform: translateY(0);
-    }
-  }
-
-  #header-browser-image {
-    animation: headerSlideIn 0.5s ease-in-out;
-  }
-</style>
-<script></script>
diff --git a/src/pages/[...locale]/mods/index.astro b/src/pages/[...locale]/mods/index.astro
deleted file mode 100644
index b804984..0000000
--- a/src/pages/[...locale]/mods/index.astro
+++ /dev/null
@@ -1,40 +0,0 @@
----
-import Description from '~/components/Description.astro'
-import Layout from '~/layouts/Layout.astro'
-import ModsList from '~/components/ModsList'
-import { getAllMods } from '~/mods'
-import { getLocale, getUI } from '~/utils/i18n'
-import { CONSTANT } from '~/constants'
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const {
-  routes: { mods },
-  layout,
-} = getUI(locale)
-
-const allMods = (await getAllMods()) || []
----
-
-<Layout title={layout.mods.title}>
-  <main class="mx-auto mt-32 max-w-[120rem] 2xl:mt-0">
-    <header class="mb-10 mt-32 flex w-full flex-col justify-center border-dark">
-      <div class="mx-auto flex flex-col gap-6 px-8 lg:w-1/2">
-        <div>
-          <Description class="text-6xl font-bold">{mods.title}</Description>
-          <Description>
-            {mods.description}
-          </Description>
-        </div>
-      </div>
-    </header>
-
-    <!-- Importing ModList component -->
-    <ModsList
-      allMods={allMods}
-      locale={locale ?? CONSTANT.I18N.DEFAULT_LOCALE}
-      client:load
-    />
-  </main>
-</Layout>
diff --git a/src/pages/[...locale]/privacy-policy.astro b/src/pages/[...locale]/privacy-policy.astro
deleted file mode 100644
index dd552b4..0000000
--- a/src/pages/[...locale]/privacy-policy.astro
+++ /dev/null
@@ -1,201 +0,0 @@
----
-import Title from '~/components/Title.astro'
-import Layout from '~/layouts/Layout.astro'
-import { getLocale, getUI } from '~/utils/i18n'
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const {
-  routes: { privacyPolicy },
-  layout,
-} = getUI(locale)
----
-
-<Layout
-  title={layout.privacyPolicy.title}
-  description={layout.privacyPolicy.description}
->
-  <main class="mx-auto mt-52 w-1/2 pb-24">
-    <Title id="privacy-policy">{privacyPolicy.title}</Title>
-    <div class="ml-4 font-bold">{privacyPolicy.lastUpdated}</div>
-    <Title class="mt-16 !text-4xl font-bold" id="introduction">
-      {privacyPolicy.sections.introduction.title}
-    </Title>
-    <p>{privacyPolicy.sections.introduction.body}</p>
-    <div class="mx-12 my-12 flex gap-4 font-bold">
-      {privacyPolicy.sections.introduction.summary}
-    </div>
-    <Title
-      class="mt-16 !text-4xl font-bold"
-      id="1-information-we-do-not-collect"
-    >
-      {privacyPolicy.sections.noCollect.title}
-    </Title>
-    <p>{privacyPolicy.sections.noCollect.body}</p>
-    <h3 class="mt-4 text-xl !font-bold" id="-1-1-no-telemetry-">
-      <strong class="font-bold"
-        >{privacyPolicy.sections.noTelemetry.title}</strong
-      >
-    </h3>
-    <p>{privacyPolicy.sections.noTelemetry.body}</p>
-    <p>{privacyPolicy.sections.noTelemetry.body2}</p>
-    <h3 class="mt-4 text-xl !font-bold" id="-1-2-no-personal-data-collection-">
-      <strong class="font-bold"
-        >{privacyPolicy.sections.noPersonalData.title}</strong
-      >
-    </h3>
-    <p>{privacyPolicy.sections.noPersonalData.body}</p>
-    <h3 class="mt-4 text-xl !font-bold" id="-1-4-no-third-party-tracking-">
-      <strong class="font-bold"
-        >{privacyPolicy.sections.noThirdParty.title}</strong
-      >
-    </h3>
-    <p>{privacyPolicy.sections.noThirdParty.body}</p>
-    <h3 class="mt-4 text-xl !font-bold" id="-1-3-no-third-party-tracking-">
-      <strong class="font-bold"
-        >{privacyPolicy.sections.externalConnections.title}</strong
-      >
-    </h3>
-    <p>{privacyPolicy.sections.externalConnections.body}</p>
-    <Title
-      class="mt-16 !text-4xl font-bold"
-      id="2-information-stored-locally-on-your-device"
-    >
-      {privacyPolicy.sections.localStorage.title}
-    </Title>
-    <h3 class="mt-4 text-xl !font-bold" id="-2-1-browsing-data-">
-      <strong class="font-bold"
-        >{privacyPolicy.sections.browsingData.title}</strong
-      >
-    </h3>
-    <p>{privacyPolicy.sections.browsingData.body}</p>
-    <ul>
-      <li>
-        <strong class="font-bold">{privacyPolicy.sections.cookies.title}</strong
-        >: {privacyPolicy.sections.cookies.body}
-      </li>
-      <li>
-        <strong class="font-bold">{privacyPolicy.sections.cache.title}</strong>: {
-          privacyPolicy.sections.cache.body
-        }
-      </li>
-    </ul>
-    <h3 class="mt-4 text-xl !font-bold" id="-2-2-settings-and-preferences-">
-      <strong class="font-bold">{privacyPolicy.sections.settings.title}</strong>
-    </h3>
-    <p>{privacyPolicy.sections.settings.body}</p>
-    <Title class="mt-16 !text-4xl font-bold" id="3-sync-feature">
-      {privacyPolicy.sections.sync.title}
-    </Title>
-    <p>{privacyPolicy.sections.sync.body}</p>
-    <ul>
-      <li>
-        <a
-          class="zen-link"
-          href="https://www.mozilla.org/en-US/privacy/mozilla-accounts/"
-          >{privacyPolicy.sections.sync.link1}</a
-        >
-      </li>
-      <li>
-        <a
-          class="zen-link"
-          href="https://support.mozilla.org/en-US/kb/how-firefox-securely-saves-passwords#:~:text=Firefox%20Desktop%20encrypts%20your%20passwords,cryptography%20to%20obscure%20your%20passwords."
-          >{privacyPolicy.sections.sync.link2}</a
-        >
-      </li>
-    </ul>
-    <Title class="mt-16 !text-4xl font-bold" id="4-add-ons-and-mods">
-      {privacyPolicy.sections.addons.title}
-    </Title>
-    <p>{privacyPolicy.sections.addons.body}</p>
-    <Title class="mt-16 !text-4xl font-bold" id="5-data-security">
-      {privacyPolicy.sections.security.title}
-    </Title>
-    <p>{privacyPolicy.sections.security.body}</p>
-    <ul>
-      <li>{privacyPolicy.sections.security.note}</li>
-    </ul>
-    <Title class="mt-16 !text-4xl font-bold" id="6-your-control">
-      {privacyPolicy.sections.control.title}
-    </Title>
-    <h3 class="mt-4 text-xl !font-bold" id="-6-1-data-deletion-">
-      <strong class="font-bold"
-        >{privacyPolicy.sections.control.deletionTitle}</strong
-      >
-    </h3>
-    <p>{privacyPolicy.sections.control.deletionBody}</p>
-    <Title class="mt-16 !text-4xl font-bold" id="7-our-website-and-services">
-      {privacyPolicy.sections.website.title}
-    </Title>
-    <p>{privacyPolicy.sections.website.body}</p>
-    <h3 class="mt-4 text-xl !font-bold" id="-7-1-external-links-">
-      <strong class="font-bold"
-        >{privacyPolicy.sections.website.externalLinksTitle}</strong
-      >
-    </h3>
-    <p>{privacyPolicy.sections.website.externalLinksBody}</p>
-    <Title
-      class="mt-16 !text-4xl font-bold"
-      id="8-changes-to-this-privacy-policy"
-    >
-      {privacyPolicy.sections.changes.title}
-    </Title>
-    <p>
-      {privacyPolicy.sections.changes.body}
-    </p>
-    <Title
-      class="mt-16 !text-4xl font-bold"
-      id="9-other-telemetry-done-by-mozilla-firefox"
-    >
-      {privacyPolicy.sections.otherTelemetry.title}
-    </Title>
-    <p>
-      {privacyPolicy.sections.otherTelemetry.body}
-    </p>
-    <ul>
-      <li>
-        Please check <a
-          class="zen-link"
-          href="https://www.mozilla.org/en-US/privacy/"
-          >{privacyPolicy.sections.otherTelemetry.firefoxPrivacyNotice}</a
-        >
-        {privacyPolicy.sections.otherTelemetry.forMoreInformation}
-      </li>
-    </ul>
-    <Title class="mt-16 !text-4xl font-bold" id="10-contact-us">
-      {privacyPolicy.sections.contact.title}
-    </Title>
-    <p>
-      {privacyPolicy.sections.contact.body}
-    </p>
-    <ul>
-      <li>
-        {privacyPolicy.sections.contact.discord}
-        <a class="zen-link" href="https://discord.gg/zen-browser">
-          {privacyPolicy.sections.contact.discordLink}
-        </a>
-      </li>
-      <li>
-        {privacyPolicy.sections.contact.github}
-        <a class="zen-link" href="https://github.com/zen-browser">
-          {privacyPolicy.sections.contact.githubLink}
-        </a>
-      </li>
-    </ul>
-  </main>
-</Layout>
-<style>
-  p,
-  li {
-    @apply opacity-55;
-  }
-
-  ul {
-    @apply mt-4;
-  }
-
-  li {
-    @apply ml-4 list-disc;
-  }
-</style>
diff --git a/src/pages/[...locale]/release-notes/[...slug].astro b/src/pages/[...locale]/release-notes/[...slug].astro
deleted file mode 100644
index d1be3f9..0000000
--- a/src/pages/[...locale]/release-notes/[...slug].astro
+++ /dev/null
@@ -1,36 +0,0 @@
----
-import { releaseNotes } from '~/release-notes'
-import Layout from '~/layouts/Layout.astro'
-import { getLocale, getUI, getStaticPaths as getI18nPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const {
-  routes: {
-    releaseNotes: { slug },
-  },
-} = getUI(locale)
-
-export async function getStaticPaths() {
-  const i18nPaths = getI18nPaths()
-
-  return i18nPaths.flatMap(({ params: { locale } }) => [
-    ...releaseNotes.map((release: any) => ({
-      params: { slug: release.version, locale },
-      props: { ...release },
-    })),
-    {
-      params: { slug: 'latest', locale },
-      props: { ...releaseNotes[0] },
-    },
-  ])
-}
-
-const release = Astro.props
----
-
-<Layout title={slug.title} redirect={`/release-notes#${release.version}`}>
-  <main class="flex flex-col items-center pb-52 pt-36">
-    {slug.redirect.replace('{version}', release.version)}
-  </main>
-</Layout>
diff --git a/src/pages/[...locale]/welcome.astro b/src/pages/[...locale]/welcome.astro
deleted file mode 100644
index 0e2e72b..0000000
--- a/src/pages/[...locale]/welcome.astro
+++ /dev/null
@@ -1,25 +0,0 @@
----
-import Layout from '~/layouts/Layout.astro'
-import Features from '~/components/Features.astro'
-import { getLocale, getUI } from '~/utils/i18n'
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const {
-  routes: { welcome },
-  layout,
-} = getUI(locale)
----
-
-<Layout title={layout.welcome.title} description={layout.welcome.description}>
-  <main
-    class="relative mx-auto flex flex-col items-center gap-24 px-6 lg:gap-0 lg:px-24"
-  >
-    <Features
-      title1={welcome.title[0]}
-      title2={welcome.title[1]}
-      title3={welcome.title[2]}
-    />
-  </main>
-</Layout>
diff --git a/src/pages/about.astro b/src/pages/about.astro
new file mode 100644
index 0000000..e91a4c7
--- /dev/null
+++ b/src/pages/about.astro
@@ -0,0 +1,142 @@
+---
+import Button from '../components/Button.astro'
+import Description from '../components/Description.astro'
+import Title from '../components/Title.astro'
+import Layout from '../layouts/Layout.astro'
+---
+
+<Layout
+  title="About - Zen Browser"
+  description="We are simply a group of developers and designers who care about your experience on the web. We believe that the internet should be a place where you can explore, learn, and connect without worrying about your data being collected."
+>
+  <main
+    class="relative flex min-h-screen flex-col items-center justify-center py-24"
+  >
+    <div class="mb-24 p-4 text-center lg:w-1/2">
+      <Description class="text-6xl font-bold">About Us</Description>
+      <Description>
+        We are simply a group of developers and designers who care about your
+        experience on the web. We believe that the internet should be a place
+        where you can explore, learn, and connect without worrying about your
+        data being collected.
+      </Description>
+      <Button href="/donate" class="mx-auto mt-4 w-fit" isPrimary
+        >A little help?</Button
+      >
+    </div>
+    <div
+      class="relative flex w-full flex-col items-center justify-center lg:flex-row"
+    >
+      <div class="flex flex-col p-8 lg:w-1/3 lg:pr-24">
+        <div class="text-4xl font-bold lg:text-6xl">Main Team</div>
+        <Description>
+          This list shows the main team members who are working hard to bring
+          you the best browsing experience.
+        </Description>
+        <div class="mt-4">
+          <ul>
+            <li class="text-sm">
+              <a href="https://cheff.dev/"
+                ><strong class="zen-link font-bold">Mauro B.</strong></a
+              ><span class="opacity-60"> : Creator, Main Developer</span>
+            </li>
+            <li class="mt-2 text-sm">
+              <strong class="font-bold">Oscar Gonzalez</strong><span
+                class="opacity-60"
+              >
+                : Site Reliability Engineer (SRE) and code signing.</span
+              >
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://janheres.eu/"
+                ><strong class="zen-link font-bold">Jan Heres</strong></a
+              ><span class="opacity-60">
+                : Active contributor and helps with MacOS builds</span
+              >
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://github.com/BrhmDev"
+                ><strong class="zen-link font-bold">BrhmDev</strong></a
+              ><span class="opacity-60">
+                : Active contributor with great contributions</span
+              >
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://thatcanoa.org/"
+                ><strong class="zen-link font-bold">Canoa</strong></a
+              ><span class="opacity-60">
+                : Active contributor, and very active in issue handling and
+                website management</span
+              >
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://cybrneon.xyz/"
+                ><strong class="zen-link font-bold">Adam</strong></a
+              ><span class="opacity-60"> : Branding and design</span>
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://github.com/kristijanribaric"
+                ><strong class="zen-link font-bold">kristijanribaric</strong></a
+              ><span class="opacity-60"> : Active contributor</span>
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://github.com/n7itro"
+                ><strong class="zen-link font-bold">n7itro</strong></a
+              ><span class="opacity-60">
+                : Active contributor and release notes writer</span
+              >
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://josuegalre.netlify.app/"
+                ><strong class="zen-link font-bold">Bryan Galdámez</strong></a
+              ><span class="opacity-60">
+                : Huge contributor on theme functionalities</span
+              >
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://iamjafeth.com/"
+                ><strong class="zen-link font-bold">Jafeth Garro</strong></a
+              ><span class="opacity-60"> : Documentation writer</span>
+            </li>
+            <li class="mt-2 text-sm">
+              <a href="https://github.com/LarveyOfficial/"
+                ><strong class="zen-link font-bold">Larvey</strong></a
+              ><span class="opacity-60"> : AUR maintainer</span>
+            </li>
+            <li class="mt-2 text-sm">
+              <strong class="font-bold">Daniel García</strong><span
+                class="opacity-60"
+              >
+                : MacOS certificate and app notarization maintainer</span
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="absolute hidden h-full w-[1px] bg-dark opacity-15 lg:block">
+      </div>
+      <div class="flex flex-col p-8 lg:w-1/3 lg:pl-24">
+        <div class="text-4xl font-bold lg:text-6xl">Contributors</div>
+        <Description>
+          Here are all the wonderful people that decided to contribute to the
+          project! The first set of images are from the desktop repository, and
+          the second set is from the website repository.
+        </Description>
+        <a href="https://github.com/zen-browser/desktop/graphs/contributors"
+          ><img
+            src="https://contributors-img.web.app/image?repo=zen-browser/desktop"
+            alt="Contributors"
+            class="mt-8"
+          /></a
+        >
+        <a href="https://github.com/zen-browser/www/graphs/contributors"
+          ><img
+            src="https://contributors-img.web.app/image?repo=zen-browser/www"
+            alt="Contributors (website)"
+            class="mt-8"
+          /></a
+        >
+      </div>
+    </div>
+  </main>
+</Layout>
diff --git a/src/pages/[...locale]/donate.astro b/src/pages/donate.astro
similarity index 53%
rename from src/pages/[...locale]/donate.astro
rename to src/pages/donate.astro
index cbee1e1..42a953b 100644
--- a/src/pages/[...locale]/donate.astro
+++ b/src/pages/donate.astro
@@ -1,34 +1,32 @@
 ---
-import { ArrowRight } from 'lucide-astro'
-import Button from '~/components/Button.astro'
-import Description from '~/components/Description.astro'
-import Layout from '~/layouts/Layout.astro'
-import { getLocale, getUI } from '~/utils/i18n'
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-const {
-  routes: { donate },
-  layout,
-} = getUI(locale)
+import { ArrowRight, ChevronRight } from 'lucide-astro'
+import Button from '../components/Button.astro'
+import Description from '../components/Description.astro'
+import Title from '../components/Title.astro'
+import Layout from '../layouts/Layout.astro'
 ---
 
-<Layout title={layout.donate.title} description={layout.donate.description}>
+<Layout title="Donate - Zen Browser">
   <main class="pb-52 pt-36">
     <div
       class="relative flex w-full flex-col items-center justify-center gap-12"
     >
       <div class="px-8 lg:w-2/5 lg:text-center xl:px-0">
-        <Description class="text-6xl font-bold">{donate.title}</Description>
+        <Description class="text-6xl font-bold"
+          >Help us build <br class="hidden lg:block" />a better browser!</Description
+        >
         <Description>
-          {donate.description}
+          We are a small team of developers working hard to bring you the best
+          browsing experience. If you like what we do, please consider
+          supporting us.
         </Description>
       </div>
       <div class="flex w-full flex-col items-center justify-center lg:flex-row">
         <div class="flex flex-col p-8 lg:w-1/3 lg:pr-24">
-          <div class="text-6xl font-bold">{donate.patreon.title}</div>
+          <div class="text-6xl font-bold">Patreon</div>
           <Description>
-            {donate.patreon.description}
+            Patreon allows you to support us with a monthly donation. You can
+            choose the level of support that works best for you.
           </Description>
           <div class="mt-6">
             <Button
@@ -43,9 +41,11 @@ const {
         </div>
         <div class="hidden h-72 w-[1px] bg-dark opacity-15 lg:block"></div>
         <div class="flex flex-col p-8 lg:w-1/3 lg:pl-24">
-          <div class="text-6xl font-bold">{donate.koFi.title}</div>
+          <div class="text-6xl font-bold">Ko-fi</div>
           <Description>
-            {donate.koFi.description}
+            Ko-fi allows you to support us with a one-time donation. You can
+            choose the amount that works best for you. Monthly donations are
+            also available.
           </Description>
           <div class="mt-6">
             <Button
@@ -53,7 +53,7 @@ const {
               isPrimary
               class="w-fit"
             >
-              {donate.koFi.button}
+              Go to Ko-fi
               <ArrowRight class="size-4" />
             </Button>
           </div>
diff --git a/src/pages/[...locale]/download.astro b/src/pages/download.astro
similarity index 70%
rename from src/pages/[...locale]/download.astro
rename to src/pages/download.astro
index 62c3f2e..841cef5 100644
--- a/src/pages/[...locale]/download.astro
+++ b/src/pages/download.astro
@@ -1,11 +1,11 @@
 ---
-import Description from '~/components/Description.astro'
-import Layout from '~/layouts/Layout.astro'
-import { getReleasesWithChecksums } from '~/components/download/release-data.astro'
-import PlatformDownload from '~/components/download/PlatformDownload.astro'
-import DownloadScript from '~/components/download/DownloadScript.astro'
-import { getChecksums } from '~/utils/githubChecksums'
-import { getLocale, getUI } from '~/utils/i18n'
+import Description from '../components/Description.astro'
+import Title from '../components/Title.astro'
+import Layout from '../layouts/Layout.astro'
+import { getReleasesWithChecksums } from '../components/download/release-data.astro'
+import PlatformDownload from '../components/download/PlatformDownload.astro'
+import DownloadScript from '../components/download/DownloadScript.astro'
+import { getChecksums } from '../utils/githubChecksums'
 
 import { library, icon } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -16,14 +16,6 @@ import {
 } from '@fortawesome/free-brands-svg-icons'
 import { Lock, ExternalLink } from 'lucide-astro'
 
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-const {
-  routes: { download },
-  layout,
-} = getUI(locale)
-
 library.add(faWindows, faLinux, faApple, faGithub)
 const windowsIcon = icon({ prefix: 'fab', iconName: 'windows' })
 const linuxIcon = icon({ prefix: 'fab', iconName: 'linux' })
@@ -32,22 +24,21 @@ const githubIcon = icon({ prefix: 'fab', iconName: 'github' })
 
 const checksums = await getChecksums()
 const releases = getReleasesWithChecksums(checksums)
-
-const platformNames = download.platformNames
-const platformDescriptions = download.platformDescriptions
 ---
 
 <DownloadScript />
 
-<Layout title={layout.download.title} description={layout.download.description}>
-  <main class="flex min-h-screen flex-col px-6 data-[os='windows']:bg-zen-blue">
+<Layout title="Download Zen">
+  <main class="flex min-h-screen flex-col px-2 data-[os='windows']:bg-zen-blue">
     <div class="container relative mx-auto max-w-5xl py-12">
       <div class="mb-6 mt-12 flex flex-col gap-4">
         <Description id="download-title" class="text-6xl font-bold"
-          >{download.title}</Description
+          >Download Zen</Description
         >
         <Description class="max-w-xl text-pretty">
-          {download.description}
+          Download Zen Browser for your platform and experience a more mindful
+          internet browsing experience. All downloads include SHA256 checksums
+          for verification.
         </Description>
         <div
           id="twilight-info"
@@ -67,7 +58,11 @@ const platformDescriptions = download.platformDescriptions
             <line x1="12" y1="8" x2="12" y2="12"></line>
             <line x1="12" y1="16" x2="12.01" y2="16"></line>
           </svg>
-          <Description set:html={download.alertInfo.description} />
+          <Description>
+            <strong class="font-medium text-zen-blue">Twilight Mode:</strong> You're
+            currently in Twilight mode, this means you're downloading the latest
+            experimental features and updates.
+          </Description>
         </div>
       </div>
 
@@ -82,7 +77,7 @@ const platformDescriptions = download.platformDescriptions
           >
             <span class="flex items-center gap-2">
               <Fragment set:html={appleIcon.html} />
-              <span>{platformNames.mac}</span>
+              <span>macOS</span>
             </span>
           </button>
           <button
@@ -91,7 +86,7 @@ const platformDescriptions = download.platformDescriptions
           >
             <span class="flex items-center gap-2">
               <Fragment set:html={windowsIcon.html} />
-              <span>{platformNames.windows}</span>
+              <span>Windows</span>
             </span>
           </button>
           <button
@@ -100,7 +95,7 @@ const platformDescriptions = download.platformDescriptions
           >
             <span class="flex items-center gap-2">
               <Fragment set:html={linuxIcon.html} />
-              <span>{platformNames.linux}</span>
+              <span>Linux</span>
             </span>
           </button>
         </div>
@@ -114,16 +109,16 @@ const platformDescriptions = download.platformDescriptions
         <PlatformDownload
           platform="mac"
           icon={appleIcon.html}
-          title={platformNames.macDownload}
-          description={platformDescriptions.mac}
+          title="MacOS Download"
+          description="Works on both new Apple (M-Series) and older Intel Macs.<br />Requires macOS 11.0 or later."
           releases={releases.macos}
         />
         <!-- Windows Download -->
         <PlatformDownload
           platform="windows"
           icon={windowsIcon.html}
-          title={platformNames.windowsDownload}
-          description={platformDescriptions.windows}
+          title="Windows Download"
+          description="Works on Windows 10 and Windows 11.<br />Not sure which version to get? Most people should choose the 64-bit installer."
           releases={releases.windows}
         />
 
@@ -131,16 +126,16 @@ const platformDescriptions = download.platformDescriptions
         <PlatformDownload
           platform="linux"
           icon={linuxIcon.html}
-          title={platformNames.linuxDownload}
-          description={platformDescriptions.linux}
+          title="Linux Download"
+          description="Works with many Linux versions.<br />Pick the download that matches your system."
           releases={releases.linux}
         />
       </div>
 
       <!-- Additional resources -->
       <section class="mb-16">
-        <h2 class="mb-4 text-3xl font-semibold">
-          {download.additionalResources.title}
+        <h2 class="mb-4 text-3xl font-bold font-medium">
+          Additional Resources
         </h2>
 
         <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
@@ -150,11 +145,10 @@ const platformDescriptions = download.platformDescriptions
           >
             <div class="flex items-start justify-between">
               <div>
-                <h3 class="mb-2 text-xl font-medium">
-                  {download.additionalResources.sourceCode.title}
-                </h3>
+                <h3 class="mb-2 text-xl font-medium">Source Code</h3>
                 <p class="text-muted-foreground">
-                  {download.additionalResources.sourceCode.description}
+                  Explore Zen Browser's source code on GitHub. Contribute to the
+                  project or build your own version.
                 </p>
               </div>
               <div
@@ -175,11 +169,10 @@ const platformDescriptions = download.platformDescriptions
           >
             <div class="flex items-start justify-between">
               <div>
-                <h3 class="mb-2 text-xl font-medium">
-                  {download.additionalResources.documentation.title}
-                </h3>
+                <h3 class="mb-2 text-xl font-medium">Documentation</h3>
                 <p class="text-muted-foreground">
-                  {download.additionalResources.documentation.description}
+                  Access comprehensive documentation, guides, and tutorials for
+                  Zen Browser.
                 </p>
               </div>
               <div
@@ -203,13 +196,17 @@ const platformDescriptions = download.platformDescriptions
         </div>
 
         <div>
-          <h3 class="mb-2 text-lg font-medium">
-            {download.securityNotice.title}
-          </h3>
-          <p
-            class="text-muted-foreground"
-            set:html={download.securityNotice.description}
-          />
+          <h3 class="mb-2 text-lg font-medium">Verified & Secure Downloads</h3>
+          <p class="text-muted-foreground">
+            All Zen downloads are signed and verified for your security. We
+            recommend downloading directly from our official website or GitHub
+            repository. If your download seems broken or gets flagged by your
+            antivirus, please
+            <a
+              href="https://github.com/zen-browser/desktop/issues/new/choose"
+              class="text-accent zen-link ml-1">report it to us</a
+            >.
+          </p>
         </div>
       </div>
     </div>
diff --git a/src/pages/[...locale]/feed.xml.ts b/src/pages/feed.xml.ts
similarity index 97%
rename from src/pages/[...locale]/feed.xml.ts
rename to src/pages/feed.xml.ts
index ccd5661..cb10b28 100644
--- a/src/pages/[...locale]/feed.xml.ts
+++ b/src/pages/feed.xml.ts
@@ -1,7 +1,6 @@
 import rss, { type RSSOptions } from '@astrojs/rss'
-import { releaseNotes } from '~/release-notes'
-import type { ReleaseNote } from '~/release-notes'
-export { getStaticPaths } from '~/utils/i18n'
+import { releaseNotes } from '../release-notes'
+import type { ReleaseNote } from '../release-notes'
 
 /** The default number of entries to include in the RSS feed. */
 const RSS_ENTRY_LIMIT = 20
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..a09e6a0
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,31 @@
+---
+import Layout from '../layouts/Layout.astro'
+import Hero from '../components/Hero.astro'
+import Community from '../components/Community.astro'
+import Features from '../components/Features.astro'
+import Sponsors from '../components/Sponsors.astro'
+---
+
+<Layout title="Zen Browser" isHome>
+  <main>
+    <Hero />
+    <Features />
+    <Sponsors showSponsors />
+    <Community />
+  </main>
+</Layout>
+<style>
+  @keyframes headerSlideIn {
+    0% {
+      transform: translateY(100%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  }
+
+  #header-browser-image {
+    animation: headerSlideIn 0.5s ease-in-out;
+  }
+</style>
+<script></script>
diff --git a/src/pages/[...locale]/mods/[...slug].astro b/src/pages/mods/[...slug].astro
similarity index 61%
rename from src/pages/[...locale]/mods/[...slug].astro
rename to src/pages/mods/[...slug].astro
index 695cb11..d22e624 100644
--- a/src/pages/[...locale]/mods/[...slug].astro
+++ b/src/pages/mods/[...slug].astro
@@ -1,37 +1,19 @@
 ---
-import { getAllMods, getAuthorLink, getLocalizedDate } from '~/mods'
-import Layout from '~/layouts/Layout.astro'
-import Description from '~/components/Description.astro'
-import Button from '~/components/Button.astro'
-import BackButton from '~/components/BackButton.astro'
+import { getAbsoluteLocaleUrl } from 'astro:i18n'
+import { getAllMods, getAuthorLink, getLocalizedDate } from '../../mods'
+import Layout from '../../layouts/Layout.astro'
+import Title from '../../components/Title.astro'
+import Description from '../../components/Description.astro'
+import Button from '../../components/Button.astro'
+import BackButton from '../../components/BackButton.astro'
 import { ArrowRight, Info } from 'lucide-astro'
-import { getUI } from '~/utils/i18n'
-import { getLocales, getLocale } from '~/utils/i18n'
 
 export async function getStaticPaths() {
   const mods = await getAllMods()
-  return mods.flatMap((mod) => [
-    ...getLocales().map((locale) => ({
-      params: {
-        slug: mod.id,
-        locale: locale,
-      },
-      props: {
-        ...mod,
-        locale: locale,
-      },
-    })),
-    {
-      params: {
-        slug: mod.id,
-        locale: undefined,
-      },
-      props: {
-        ...mod,
-        locale: undefined,
-      },
-    },
-  ])
+  return mods.map((mod) => ({
+    params: { slug: mod.id },
+    props: { ...mod },
+  }))
 }
 
 // https://github.com/TeaClientMC/Website/blob/7faacc9f8b2c79c74f711d413b155c84faafc00d/src/pages/news/%5B...slug%5D.astro
@@ -42,19 +24,11 @@ const dates = {
   createdAt: getLocalizedDate(mod.createdAt),
   updatedAt: getLocalizedDate(mod.updatedAt),
 }
-
-const locale = getLocale(Astro)
-
-const {
-  routes: {
-    mods: { slug },
-  },
-} = getUI(locale)
 ---
 
 <Layout
-  title={slug.title.replace('{name}', mod.name)}
-  description={slug.description.replace('{name}', mod.name)}
+  title={`${mod.name} - Zen Mods`}
+  description={`Learn more about ${mod.name} mod available on Zen Browser`}
   ogImage={mod.image}
 >
   <main class="mt-6 2xl:mt-0">
@@ -66,7 +40,7 @@ const {
         <div class="flex items-center gap-2 text-center md:text-left">
           <Info />
           <p class="text-sm">
-            {slug.alert.description}
+            You need to have Zen Browser installed to install this theme.{' '}
           </p>
         </div>
         <Button
@@ -74,7 +48,7 @@ const {
           class="inline-flex flex-shrink-0 whitespace-nowrap !rounded-lg bg-red-300 dark:bg-red-800"
           isAlert
         >
-          {slug.alert.button}
+          Download now!
           <ArrowRight class="size-4" />
         </Button>
       </div>
@@ -90,23 +64,18 @@ const {
       />
       <div class="flex flex-col justify-between gap-2 sm:flex-row">
         <div class="flex flex-shrink-0 flex-col gap-2 font-normal">
-          <p
-            set:html={slug.createdBy
-              .replace('{author}', mod.author)
-              .replace('{version}', mod.version)
-              .replace('{link}', getAuthorLink(mod.author))}
-          />
-          <p
-            set:html={slug.creationDate.replace('{createdAt}', dates.createdAt)}
-          />
+          <p>
+            Created by <a
+              href={getAuthorLink(mod.author)}
+              class="zen-link font-bold">@{mod.author}</a
+            > • <span class="font-bold">v{mod.version}</span>
+          </p>
+          <p>Creation date • <b>{dates.createdAt}</b></p>
           {
             dates.createdAt !== dates.updatedAt && (
-              <p
-                set:html={slug.latestUpdate.replace(
-                  '{updatedAt}',
-                  dates.updatedAt
-                )}
-              />
+              <p>
+                Latest update • <b>{dates.updatedAt}</b>
+              </p>
             )
           }
           {
@@ -117,7 +86,7 @@ const {
                 rel="noopener noreferrer"
                 class="zen-link"
               >
-                {slug.visitModHomepage}
+                Visit mod homepage
               </a>
             )
           }
@@ -129,7 +98,7 @@ const {
             extra={{ 'zen-theme-id': mod.id }}
             isPrimary
           >
-            {slug.installMod}
+            Install Theme 🎉
           </Button>
           <Button
             class="hidden"
@@ -137,7 +106,7 @@ const {
             extra={{ 'zen-theme-id': mod.id }}
             isPrimary
           >
-            {slug.uninstallMod}
+            Uninstall Theme
           </Button>
         </div>
       </div>
diff --git a/src/pages/mods/index.astro b/src/pages/mods/index.astro
new file mode 100644
index 0000000..71b2d3e
--- /dev/null
+++ b/src/pages/mods/index.astro
@@ -0,0 +1,30 @@
+---
+import Description from '../../components/Description.astro'
+import Title from '../../components/Title.astro'
+import Layout from '../../layouts/Layout.astro'
+import ModsList from '../../components/ModsList'
+import { getAllMods } from '../../mods'
+
+const mods = (await getAllMods()) || []
+---
+
+<Layout title="Zen Mods">
+  <main class="mx-auto mt-32 max-w-[120rem] 2xl:mt-0">
+    <header class="mb-10 mt-32 flex w-full flex-col justify-center border-dark">
+      <div class="mx-auto flex flex-col gap-6 px-8 lg:w-1/2">
+        <div>
+          <Description class="text-6xl font-bold">Zen Mods</Description>
+          <Description>
+            Browse our diverse collection of Zen Mods, community-made plugins
+            and themes for Zen Browser. Discover a theme to match every mood,
+            and a plugin to fulfill every requirement. Start customizing your
+            browser experience today!
+          </Description>
+        </div>
+      </div>
+    </header>
+
+    <!-- Importing ModList component -->
+    <ModsList mods={mods} client:load />
+  </main>
+</Layout>
diff --git a/src/pages/privacy-policy.astro b/src/pages/privacy-policy.astro
new file mode 100644
index 0000000..e54a57b
--- /dev/null
+++ b/src/pages/privacy-policy.astro
@@ -0,0 +1,256 @@
+---
+import Title from '../components/Title.astro'
+import Layout from '../layouts/Layout.astro'
+---
+
+<Layout title="Privacy Policy - Zen">
+  <main class="mx-auto mt-52 w-1/2 pb-24">
+    <Title id="privacy-policy">Privacy Policy</Title>
+    <div class="ml-4 font-bold">Last updated: 2025-02-5</div>
+    <Title class="mt-16 !text-4xl font-bold" id="introduction"
+      >Introduction</Title
+    >
+    <p>
+      Welcome to Zen Browser! Your privacy is our priority. This Privacy Policy
+      outlines the types of personal information we collect, how we use it, and
+      the steps we take to protect your data when you use Zen Browser.
+    </p>
+    <div class="mx-12 my-12 flex gap-4 font-bold">
+      We don't sell data - We don't collect data - We don't track you
+    </div>
+    <Title
+      class="mt-16 !text-4xl font-bold"
+      id="1-information-we-do-not-collect"
+      >1. Information We Do Not Collect</Title
+    >
+    <p>
+      Zen Browser is designed with privacy in mind. We do not collect, store, or
+      share any of your personal data. Here’s what that means:
+    </p>
+    <h3 class="mt-4 text-xl !font-bold" id="-1-1-no-telemetry-">
+      <strong class="font-bold">1.1. No Telemetry</strong>
+    </h3>
+    <p>We do not collect any telemetry data or crash reports.</p>
+    <p>
+      Zen Browser has stripped out telemetry built into Mozilla Firefox. We have
+      removed all telemetry data collection and crash reports.
+    </p>
+    <h3 class="mt-4 text-xl !font-bold" id="-1-2-no-personal-data-collection-">
+      <strong class="font-bold">1.2. No Personal Data Collection</strong>
+    </h3>
+    <p>
+      Zen Browser does not collect any personal information such as your IP
+      address, browsing history, search queries, or form data.
+    </p>
+    <h3 class="mt-4 text-xl !font-bold" id="-1-4-no-third-party-tracking-">
+      <strong class="font-bold">1.3. No Third-Party Tracking</strong>
+    </h3>
+    <p>
+      We do not allow third-party trackers or analytics tools to operate within
+      Zen Browser. Your browsing activity remains entirely private and is not
+      shared with any third party. Mozilla is not considered a third party as it
+      is the base of Zen Browser.
+    </p>
+    <h3 class="mt-4 text-xl !font-bold" id="-1-3-no-third-party-tracking-">
+      <strong class="font-bold"
+        >1.4. External connections made at startup</strong
+      >
+    </h3>
+    <p>
+      Zen Browser may make external connections at startup to check for updates
+      and ensure the browser is up to date on plugins, addons, check for
+      connectivity and Geolocation/push notifications services in order to
+      comply with web standards. We, at Zen, do not collect any data from these
+      connections, but they may be logged by third-party services or websites
+      you visit. These connections are necessary for the proper functioning of
+      the browser and are not used for tracking or profiling purposes. They can
+      be disabled through the browser flags (about:config).
+    </p>
+    <Title
+      class="mt-16 !text-4xl font-bold"
+      id="2-information-stored-locally-on-your-device"
+      >2. Information Stored Locally on Your Device</Title
+    >
+    <h3 class="mt-4 text-xl !font-bold" id="-2-1-browsing-data-">
+      <strong class="font-bold">2.1. Browsing Data</strong>
+    </h3>
+    <p>
+      Zen Browser stores certain data locally on your device to enhance your
+      browsing experience. This includes:
+    </p>
+    <ul>
+      <li>
+        <strong class="font-bold">Cookies</strong>: Cookies are stored locally
+        on your device and are not shared with Zen Browser or any third party.
+        You have full control over the management of cookies through the
+        browser’s settings.
+      </li>
+      <li>
+        <strong class="font-bold">Cache and Temporary Files</strong>: Zen
+        Browser may store cache files and other temporary data locally to
+        improve performance. These files can be cleared at any time through the
+        browser’s settings.
+      </li>
+    </ul>
+    <h3 class="mt-4 text-xl !font-bold" id="-2-2-settings-and-preferences-">
+      <strong class="font-bold">2.2. Settings and Preferences</strong>
+    </h3>
+    <p>
+      Any customizations, settings, and preferences you make within Zen Browser
+      are stored locally on your device. We do not have access to or control
+      over this data.
+    </p>
+    <Title class="mt-16 !text-4xl font-bold" id="3-sync-feature"
+      >3. Sync Feature</Title
+    >
+    <p>
+      Zen Browser offers a &quot;Sync&quot; feature, which is implemented using
+      Mozilla Firefox&#39;s Sync feature. This feature allows you to synchronize
+      your bookmarks, history, passwords, and other data across multiple
+      devices. For this feature to work, your data is encrypted and stored on
+      Mozilla’s servers and is treated in accordance with their Privacy Policy.
+      We, at Zen, cannot view any of this data.
+    </p>
+    <ul>
+      <li>
+        <a
+          class="zen-link"
+          href="https://www.mozilla.org/en-US/privacy/mozilla-accounts/"
+          >Mozilla Firefox Sync</a
+        >
+      </li>
+      <li>
+        <a
+          class="zen-link"
+          href="https://support.mozilla.org/en-US/kb/how-firefox-securely-saves-passwords#:~:text=Firefox%20Desktop%20encrypts%20your%20passwords,cryptography%20to%20obscure%20your%20passwords."
+          >This is how we store your passwords</a
+        >
+      </li>
+    </ul>
+    <Title class="mt-16 !text-4xl font-bold" id="4-add-ons-and-mods"
+      >4. Add-ons and &quot;Mods&quot;</Title
+    >
+    <p>
+      You can install Add-ons from addons.mozilla.org. Zen Browser periodically
+      checks for updates to these Add-ons.
+      <br />
+      You can also install &quot;Mods&quot; from zen-browser.app/mods. These Mods
+      are hosted by our services and follow the same privacy policy our website.
+      We do not collect any data from these Mods, they are purely static content
+      that is downloaded to your device.
+    </p>
+    <Title class="mt-16 !text-4xl font-bold" id="5-data-security"
+      >5. Data Security</Title
+    >
+    <p>
+      Although Zen Browser does not collect your data, we are committed to
+      protecting the information that is stored locally on your device and, if
+      you use the Sync feature, the encrypted data stored on Mozilla&#39;s
+      servers. We recommend that you use secure passwords, enable device
+      encryption, and regularly update your software to ensure your data remains
+      safe.
+    </p>
+    <ul>
+      <li>
+        Note that most of the security measures are taken care by Mozilla
+        Firefox.
+      </li>
+    </ul>
+    <Title class="mt-16 !text-4xl font-bold" id="6-your-control"
+      >6. Your Control</Title
+    >
+    <h3 class="mt-4 text-xl !font-bold" id="-6-1-data-deletion-">
+      <strong class="font-bold">6.1. Data Deletion</strong>
+    </h3>
+    <p>
+      You have full control over all data stored locally on your device by Zen
+      Browser. You can clear your browsing data, cookies, and cache at any time
+      using the browser’s settings.
+    </p>
+    <Title class="mt-16 !text-4xl font-bold" id="7-our-website-and-services"
+      >7. Our Website and Services</Title
+    >
+    <p>
+      Zen Browser's website and services do not use any third-party analytics,
+      tracking, or CDN services. We do not collect any personal information from
+      users visiting our website. The website is hosted on Cloudflare but with
+      analytics and tracking disabled, Cloudflare may collect some analytics
+      data from HTTP requests in order to provide security and performance
+      improvements. However, this data is not linked to any personal information
+      and is not used for tracking purposes.
+    </p>
+    <h3 class="mt-4 text-xl !font-bold" id="-7-1-external-links-">
+      <strong class="font-bold">7.1. External links</strong>
+    </h3>
+    <p>
+      Zen Browser may contain links to external websites or services that are
+      not owned or operated by us. We are not responsible for the content or
+      privacy practices of these sites. We recommend that you review the privacy
+      policies of these sites before providing them with any personal
+      information.
+    </p>
+    <Title
+      class="mt-16 !text-4xl font-bold"
+      id="8-changes-to-this-privacy-policy"
+      >8. Changes to This Privacy Policy</Title
+    >
+    <p>
+      We may update this Privacy Policy from time to time to reflect changes in
+      our practices or legal requirements. We will notify you of any significant
+      changes by updating the effective date at the top of this policy.
+      Continued use of Zen Browser after such changes constitutes your
+      acceptance of the new terms.
+    </p>
+    <Title
+      class="mt-16 !text-4xl font-bold"
+      id="9-other-telemetry-done-by-mozilla-firefox"
+      >9. Other telemetry done by Mozilla Firefox</Title
+    >
+    <p>
+      We try to disable all telemetry data collection in Zen Browser. But, we
+      may have missed some. Check the below links for more information.
+    </p>
+    <ul>
+      <li>
+        Please check <a
+          class="zen-link"
+          href="https://www.mozilla.org/en-US/privacy/"
+          >Firefox Privacy Notice</a
+        > for more information.
+      </li>
+    </ul>
+    <Title class="mt-16 !text-4xl font-bold" id="10-contact-us"
+      >10. Contact Us</Title
+    >
+    <p>
+      If you have any questions or concerns about this Privacy Policy or Zen
+      Browser, please contact us at:
+    </p>
+    <ul>
+      <li>
+        Discord: <a class="zen-link" href="https://discord.gg/zen-browser"
+          >Zen Browser&#39;s Discord</a
+        >
+      </li>
+      <li>
+        GitHub: <a class="zen-link" href="https://github.com/zen-browser"
+          >Organization</a
+        >
+      </li>
+    </ul>
+  </main>
+</Layout>
+<style>
+  p,
+  li {
+    @apply opacity-55;
+  }
+
+  ul {
+    @apply mt-4;
+  }
+
+  li {
+    @apply ml-4 list-disc;
+  }
+</style>
diff --git a/src/pages/release-notes/[...slug].astro b/src/pages/release-notes/[...slug].astro
new file mode 100644
index 0000000..2c66131
--- /dev/null
+++ b/src/pages/release-notes/[...slug].astro
@@ -0,0 +1,25 @@
+---
+import { releaseNotes } from '../../release-notes'
+import Layout from '../../layouts/Layout.astro'
+
+export async function getStaticPaths() {
+  return [
+    ...releaseNotes.map((release: any) => ({
+      params: { slug: release.version },
+      props: { ...release },
+    })),
+    {
+      params: { slug: 'latest' },
+      props: { ...releaseNotes[0] },
+    },
+  ]
+}
+
+const release = Astro.props
+---
+
+<Layout title="Release notes" redirect={`/release-notes#${release.version}`}>
+  <main class="flex flex-col items-center pb-52 pt-36">
+    Redirecting to release notes for version {release.version}...
+  </main>
+</Layout>
diff --git a/src/pages/[...locale]/release-notes/index.astro b/src/pages/release-notes/index.astro
similarity index 77%
rename from src/pages/[...locale]/release-notes/index.astro
rename to src/pages/release-notes/index.astro
index a51c96a..5017e26 100644
--- a/src/pages/[...locale]/release-notes/index.astro
+++ b/src/pages/release-notes/index.astro
@@ -1,26 +1,14 @@
 ---
-import Layout from '~/layouts/Layout.astro'
-import ReleaseNoteItem from '~/components/ReleaseNoteItem.astro'
-import {
-  releaseNotes as releaseNotesData,
-  releaseNotesTwilight,
-} from '~/release-notes'
-import Description from '~/components/Description.astro'
-import Button from '~/components/Button.astro'
+import Layout from '../../layouts/Layout.astro'
+import ReleaseNoteItem from '../../components/ReleaseNoteItem.astro'
+import { releaseNotes, releaseNotesTwilight } from '../../release-notes'
+import Description from '../../components/Description.astro'
+import Button from '../../components/Button.astro'
 import { Modal, ModalBody, ModalHeader } from 'free-astro-components'
 import { ArrowUp } from 'lucide-astro'
-import { getLocale, getUI } from '~/utils/i18n'
-export { getStaticPaths } from '~/utils/i18n'
-
-const locale = getLocale(Astro)
-
-const {
-  routes: { releaseNotes },
-  layout,
-} = getUI(locale)
 ---
 
-<Layout title={layout.releaseNotes.title}>
+<Layout title="Release Notes - Zen Browser">
   <main
     class="flex h-full min-h-[1000px] flex-1 flex-col items-center justify-center py-4"
   >
@@ -29,24 +17,26 @@ const {
       class="py-42 flex min-h-screen flex-col justify-center px-10 lg:px-10 xl:px-10 2xl:w-3/5"
     >
       <Description class="mt-48 text-4xl font-bold">Release Notes</Description>
-      <p
-        class="text-base opacity-55"
-        set:html={releaseNotes.topSection.description.replaceAll(
-          '{latestVersion}',
-          releaseNotesData[0].version
-        )}
-      />
+      <p class="text-base opacity-55">
+        Stay up to date with the latest changes to Zen Browser! Since the <a
+          class="zen-link"
+          href="#1.0.0-a.1">first release</a
+        > till <a class="zen-link" href={`#${releaseNotes[0].version}`}
+          >{releaseNotes[0].version}</a
+        >, we've been working hard to make Zen Browser the best it can be.
+        Thanks everyone for your feedback! ❤️
+      </p>
       <div
         class="mx-auto mt-8 flex w-fit flex-col gap-4 sm:mr-0 sm:flex-row sm:items-center"
       >
         <Button class="flex" isPrimary href="/donate">
-          {releaseNotes.list.support}
+          Give us some support!
         </Button>
         <Button id="toggle-notes" class="flex" data-open="false" href="#">
-          {releaseNotes.list.expandAll}
+          Expand all
         </Button>
         <Button id="navigate-to-version" href="#" class="flex">
-          {releaseNotes.list.navigateToVersion}
+          Navigate to version...
         </Button>
       </div>
       {
@@ -55,25 +45,29 @@ const {
           <ReleaseNoteItem {...releaseNotesTwilight} isTwilight />
         ) : null
       }
-      {releaseNotesData.map((notes: any) => <ReleaseNoteItem {...notes} />)}
+      {releaseNotes.map((notes: any) => <ReleaseNoteItem {...notes} />)}
     </div>
   </main>
-  <Button href="#" id="scroll-top" isPrimary class="fixed bottom-8 right-8">
+  <Button
+    href="#"
+    id="scroll-top"
+    isPrimary
+    class="fixed bottom-8 right-8"
+  >
     <p class="hidden items-center gap-2 sm:flex">
-      {releaseNotes.backToTop}
-      <ArrowUp aria-hidden="true" class="size-4" />
+      Back to the top <ArrowUp aria-hidden="true" class="size-4" />
     </p>
     <ArrowUp aria-label="Back to the top" class="size-4 sm:hidden" />
   </Button>
 </Layout>
 <Modal id="version-modal" class="m-auto border border-[--zen-dark] !bg-paper">
   <ModalHeader class="border-b border-[--zen-dark]">
-    <p class="text-4xl font-bold text-dark">{releaseNotes.chooseVersion}</p>
+    <p class="text-4xl font-bold text-dark">Choose version</p>
   </ModalHeader>
   <ModalBody>
     <div id="version-list" class="flex flex-col gap-2 text-xl text-dark">
       {
-        releaseNotesData.map((note) => (
+        releaseNotes.map((note) => (
           <button
             aria-label={`Navigate to version ${note.version}`}
             class="w-full text-left transition-colors duration-150 hover:text-coral"
diff --git a/src/pages/welcome.astro b/src/pages/welcome.astro
new file mode 100644
index 0000000..bf2c73a
--- /dev/null
+++ b/src/pages/welcome.astro
@@ -0,0 +1,12 @@
+---
+import Layout from '../layouts/Layout.astro'
+import Features from '../components/Features.astro'
+---
+
+<Layout title="Welcome!">
+  <main
+    class="relative mx-auto flex flex-col items-center gap-24 px-6 lg:gap-0 lg:px-24"
+  >
+    <Features title1="Welcome" title2="to" title3="Zen!" />
+  </main>
+</Layout>
diff --git a/src/pages/[...locale]/whatsnew.astro b/src/pages/whatsnew.astro
similarity index 62%
rename from src/pages/[...locale]/whatsnew.astro
rename to src/pages/whatsnew.astro
index b335e85..2cde27b 100644
--- a/src/pages/[...locale]/whatsnew.astro
+++ b/src/pages/whatsnew.astro
@@ -1,26 +1,18 @@
 ---
 import { ArrowRight } from 'lucide-astro'
-import Button from '~/components/Button.astro'
-import Description from '~/components/Description.astro'
-import SocialMediaStrip from '~/components/SocialMediaStrip.astro'
-import Layout from '~/layouts/Layout.astro'
+import Button from '../components/Button.astro'
+import Description from '../components/Description.astro'
+import SocialMediaStrip from '../components/SocialMediaStrip.astro'
+import Layout from '../layouts/Layout.astro'
 
-import { releaseNotes } from '~/release-notes'
-import whatsNewText from '~/release-notes/whats-new.json'
-import Video from '~/components/Video.astro'
-import { getLocale, getUI } from '~/utils/i18n'
-import whatsNewVideo from '~/assets/whats-new.mp4'
-export { getStaticPaths } from '~/utils/i18n'
+import { releaseNotes } from '../release-notes'
+import whatsNewText from '../release-notes/whats-new.json'
+import Video from '../components/Video.astro'
+
+import whatsNewVideo from '../assets/whats-new.mp4'
 
 const latestVersion = releaseNotes[0]
 
-const locale = getLocale(Astro)
-
-const {
-  routes: { whatsNew },
-  layout,
-} = getUI(locale)
-
 // Just redirect to the release notes if we are in a patch version
 if (
   latestVersion.version.split('.').length > 2 &&
@@ -30,24 +22,14 @@ if (
 }
 ---
 
-<Layout
-  title={layout.whatsNew.title.replace(
-    '{latestVersion.version}',
-    latestVersion.version
-  )}
->
+<Layout title="What's New - Zen Browser">
   <main
     class="relative mx-auto flex flex-col items-center gap-24 px-6 pb-52 pt-36 lg:px-24 xl:flex-row"
   >
     <div class="flex flex-col gap-8">
       <div>
         <Description class="text-5xl font-bold md:text-6xl"
-          >{
-            whatsNew.title.replace(
-              '{latestVersion.version}',
-              latestVersion.version
-            )
-          }</Description
+          >What's New in {latestVersion.version}!</Description
         >
         <Description>{latestVersion.date}</Description>
       </div>
@@ -61,14 +43,14 @@ if (
         >
           <li class="ml-3 list-disc">
             <Description class="text-base font-bold"
-              >{whatsNew.reportIssue}</Description
+              >Report an issue</Description
             >
           </li>
         </a>
         <a href="https://discord.gg/zen-browser" target="_blank">
           <li class="ml-3 list-disc">
             <Description class="text-base font-bold"
-              >{whatsNew.joinDiscord}</Description
+              >Join our Discord</Description
             >
           </li>
         </a>
@@ -79,7 +61,7 @@ if (
           isPrimary
           class="flex w-fit items-center gap-2"
         >
-          <span>{whatsNew.readFullReleaseNotes}</span>
+          <span>Read the full release notes</span>
           <ArrowRight />
         </Button>
         <SocialMediaStrip gap="6" />
diff --git a/src/utils/i18n.ts b/src/utils/i18n.ts
deleted file mode 100644
index c184ac3..0000000
--- a/src/utils/i18n.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import type { AstroGlobal, GetStaticPaths } from 'astro'
-import { CONSTANT } from '~/constants'
-import UI_EN from '~/i18n/en.json'
-
-export type Locale = (typeof locales)[number]
-
-export const getPath = (locale?: Locale) => (path: string) => {
-  if (locale && !path.startsWith(`/${locale}`)) {
-    return `/${locale}${path.startsWith('/') ? '' : '/'}${path}`
-  }
-  return path
-}
-
-export const getLocale = (Astro: AstroGlobal) => {
-  if (Astro.params.locale) {
-    return Astro.params.locale as Locale
-  }
-}
-
-export const locales = CONSTANT.I18N.LOCALES.map(({ value }) => value)
-
-export const otherLocales = CONSTANT.I18N.LOCALES.map(
-  ({ value }) => value,
-).filter((locale) => locale !== CONSTANT.I18N.DEFAULT_LOCALE)
-
-export type UI = typeof UI_EN
-
-export const ui = { en: UI_EN }
-
-export const getUI = (locale?: Locale | string): UI => {
-  const validLocale = locales.includes(locale as Locale)
-    ? locale
-    : CONSTANT.I18N.DEFAULT_LOCALE
-  const defaultUI = ui[CONSTANT.I18N.DEFAULT_LOCALE]
-  const localeUI = ui[validLocale as Locale]
-
-  function deepMerge<T>(defaultObj: T, overrideObj: Partial<T>): T {
-    if (typeof defaultObj !== 'object' || defaultObj === null)
-      return (overrideObj ?? defaultObj) as T
-    if (typeof overrideObj !== 'object' || overrideObj === null)
-      return (overrideObj ?? defaultObj) as T
-    const result: any = Array.isArray(defaultObj)
-      ? [...defaultObj]
-      : { ...defaultObj }
-    for (const key in defaultObj) {
-      if (Object.prototype.hasOwnProperty.call(defaultObj, key)) {
-        result[key] = deepMerge(
-          (defaultObj as any)[key],
-          (overrideObj as any)?.[key],
-        )
-      }
-    }
-    for (const key in overrideObj) {
-      if (!(key in defaultObj)) {
-        result[key] = (overrideObj as any)[key]
-      }
-    }
-    return result as T
-  }
-
-  return deepMerge<UI>(defaultUI, localeUI)
-}
-
-export const getStaticPaths = (() => {
-  return [
-    {
-      params: { locale: undefined },
-      props: { locale: CONSTANT.I18N.DEFAULT_LOCALE },
-    },
-    ...CONSTANT.I18N.LOCALES.map(({ value }) => ({
-      params: { locale: value },
-      props: {
-        locale: value,
-      },
-    })),
-  ]
-}) satisfies GetStaticPaths
-
-export const getLocales = () => {
-  return [...locales, ...otherLocales]
-}
diff --git a/tsconfig.json b/tsconfig.json
index 2cc0867..e43d02f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,12 +2,6 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "preact",
-    "baseUrl": ".",
-    "paths": {
-      "~/*": [
-        "./src/*"
-      ]
-    }
+    "jsxImportSource": "preact"
   }
-}
\ No newline at end of file
+}