diff --git a/src/components/Animations/Home.svelte b/src/components/Animations/Home.svelte
new file mode 100644
index 00000000..b444bf92
--- /dev/null
+++ b/src/components/Animations/Home.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { base } from '$app/paths';
+  import LottieWrapper from '$lib/vendor/LottieWrapper.svelte';
+</script>
+
+<LottieWrapper
+  class={$$restProps.class}
+  src="{base}/animation/home-dot.lottie"
+  autoplay
+  playOnVisible
+  speed="0.8"
+  layout={{ fit: 'fit-width', align: [0.5, 0.5] }}
+  renderConfig={{ autoResize: true }}
+/>
diff --git a/src/components/Sections/Mission/MissionItems.svelte b/src/components/Sections/Mission/MissionItems.svelte
index 5a8607bd..88ef80b3 100644
--- a/src/components/Sections/Mission/MissionItems.svelte
+++ b/src/components/Sections/Mission/MissionItems.svelte
@@ -51,7 +51,9 @@
   {#each missionItems as item}
     <MissionItem>
       <span slot="icon"><img src={item.icon} alt={item.iconAlt} /></span>
-      <p slot="body" bind:innerHTML={item.body} contenteditable="true"></p>
+      <p slot="body">
+        {@html item.body}
+      </p>
     </MissionItem>
   {/each}
 </div>
diff --git a/src/components/Sections/Top.svelte b/src/components/Sections/Top.svelte
deleted file mode 100644
index 3a11f52d..00000000
--- a/src/components/Sections/Top.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import SectionWrapper from './SectionWrapper.svelte';
-  import SlideIn from '../SlideIn.svelte';
-  import SectionContent from '../SectionContent.svelte';
-</script>
-
-<SectionWrapper class="">
-  <div class="freq-container">
-    <SectionContent>
-      <div class="">
-        <SlideIn>
-          <h2 class="title-100 text-primary">Bringing Humanity Internet of People</h2>
-        </SlideIn>
-      </div>
-    </SectionContent>
-  </div>
-</SectionWrapper>
diff --git a/src/components/Sections/Top/MsaCounter.svelte b/src/components/Sections/Top/MsaCounter.svelte
new file mode 100644
index 00000000..808fee98
--- /dev/null
+++ b/src/components/Sections/Top/MsaCounter.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+  import { onMount, tick } from 'svelte';
+  import { fade } from 'svelte/transition';
+  import { getMsaCount } from '$lib/metrics';
+
+  let msaCount = 1_333_820;
+  const msaCountAnimationMs = 300;
+  let updateIntervalMs = 5000;
+  let showMsaCount = false;
+  $: displayMsaCount = msaCount.toLocaleString();
+  // Make this as long as possible for the variable width font handling
+  $: widthMsaCount = displayMsaCount.replaceAll(/[0-9]/g, '8');
+
+  async function updateMsaCount(skipAnimation = false) {
+    const newMsaCount = await getMsaCount();
+    if (newMsaCount !== msaCount) {
+      // Toggle the animation classes so it is reapplied
+      showMsaCount = skipAnimation ? showMsaCount : false;
+      await tick();
+      await new Promise((r) => setTimeout(r, msaCountAnimationMs + 100));
+      msaCount = newMsaCount;
+      showMsaCount = true;
+    }
+  }
+
+  onMount(() => {
+    // Setup number and skip the animation first time
+    // Try to prevent showing the static number if we can get it in under 1000ms
+    const showStatic = setTimeout(() => {
+      if (!showMsaCount) showMsaCount = true;
+    }, 1000);
+    updateMsaCount(true);
+    const intervalId = setInterval(updateMsaCount, updateIntervalMs);
+    return () => {
+      clearTimeout(showStatic);
+      clearInterval(intervalId);
+    };
+  });
+</script>
+
+<div
+  class="bg-navy px-4 py-3 text-[40px] leading-none text-white sm:text-[50px] md:text-[calc(100vw/23)] xl:text-[75px]"
+>
+  {#if showMsaCount}
+    <div
+      in:fade={{ duration: msaCountAnimationMs }}
+      out:fade={{ duration: msaCountAnimationMs }}
+      class="absolute left-0 w-full px-4 text-right font-title tracking-wide"
+    >
+      {displayMsaCount}
+    </div>
+  {/if}
+  <div class="invisible font-title tracking-wide">
+    {widthMsaCount}
+  </div>
+  <div class="text-right text-[12px] font-semibold uppercase md:text-[0.25em]">New User Activations</div>
+</div>
diff --git a/src/components/Sections/Top/Top.svelte b/src/components/Sections/Top/Top.svelte
new file mode 100644
index 00000000..3db17a97
--- /dev/null
+++ b/src/components/Sections/Top/Top.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+  import SectionWrapper from './../SectionWrapper.svelte';
+  import SlideIn from '../../SlideIn.svelte';
+  import HomeAnimation from '../../Animations/Home.svelte';
+  import MsaCounter from './MsaCounter.svelte';
+
+  // top-[calc(255px-((100vw-1300px)*0.075))] !?!?!?!
+  // That's to be able to responsively handle the movement of the animation
+</script>
+
+<SectionWrapper class="freq-container flex flex-col pb-f64 md:flex-row md:items-center md:justify-center">
+  <div class="mb:h-[500px] relative mb-5 flex h-[300px] w-full self-stretch sm:h-[380px] md:mb-0 md:w-1/2 lg:h-[700px]">
+    <HomeAnimation />
+    <div
+      class="math absolute left-[20px] top-[25%] sm:left-[24%] md:left-[23%] md:top-[calc(85px-((100vw-1300px)*0.075))] lg:top-[calc(250px-((100vw-1300px)*0.075))] xl:top-[220px]"
+    >
+      <SlideIn>
+        <MsaCounter />
+      </SlideIn>
+    </div>
+  </div>
+  <div class="w-full sm:max-w-[260px] sm:pl-f32 md:w-1/2 md:max-w-[300px] md:pl-0 lg:max-w-[380px]">
+    <SlideIn>
+      <div class="title-70 w-full text-primary sm:text-left">Bringing</div>
+      <div class="title-70 relative w-full text-primary sm:text-right">Humanity</div>
+      <div class="w-full italic text-teal sm:text-[28px] lg:text-[32px]">to the</div>
+      <div class="title-70 w-full text-primary sm:text-left">People's</div>
+      <div class="title-70 w-full text-primary sm:text-right">Internet</div>
+    </SlideIn>
+  </div>
+</SectionWrapper>
diff --git a/src/components/Sections/Users/UsersItems.svelte b/src/components/Sections/Users/UsersItems.svelte
index d680673d..c15a11cc 100644
--- a/src/components/Sections/Users/UsersItems.svelte
+++ b/src/components/Sections/Users/UsersItems.svelte
@@ -33,7 +33,9 @@
 <div class="mx-auto grid w-fit gap-f56 xs:grid-cols-1 lg:grid-cols-3">
   {#each userItems as { icon, iconAlt, title, body }}
     <UsersItem {icon} {iconAlt} {title}>
-      <div slot="body" bind:innerHTML={body} contenteditable="true" class="flex flex-col gap-f16"></div>
+      <div slot="body" class="flex flex-col gap-f16">
+        {@html body}
+      </div>
     </UsersItem>
   {/each}
 </div>
diff --git a/src/lib/metrics.ts b/src/lib/metrics.ts
new file mode 100644
index 00000000..a4562c4e
--- /dev/null
+++ b/src/lib/metrics.ts
@@ -0,0 +1,29 @@
+const providerUriList = ['https://0.rpc.frequency.xyz', 'https://1.rpc.frequency.xyz'];
+
+function hexToBigEndian(input: string) {
+  const work = input.replace('0x', '');
+  const reversedString = [];
+  for (let i = 0; i < work.length; i += 2) {
+    reversedString.unshift(`${work[i]}${work[i + 1]}`);
+  }
+  return parseInt(reversedString.join(''), 16);
+}
+
+export async function getMsaCount() {
+  const request = {
+    jsonrpc: '2.0',
+    method: 'state_getStorage',
+    // This is the key for msa.currentMsaIdentifierMaximum
+    params: ['0x9f76716a68a582c703dd9e44700429b921c5be4bcc880b0f4de118246738f8c7'],
+    id: 1,
+  };
+  const options = {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(request),
+  };
+  const response = await (await fetch(providerUriList[0], options)).json();
+  return hexToBigEndian(response.result);
+}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5acb5aa4..f2167b88 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Top from '../components/Sections/Top.svelte';
+  import Top from '../components/Sections/Top/Top.svelte';
   import Mission from '../components/Sections/Mission/Mission.svelte';
   import About from '../components/Sections/About.svelte';
   import Users from '../components/Sections/Users/Users.svelte';
diff --git a/static/animation/home-dot.lottie b/static/animation/home-dot.lottie
new file mode 100644
index 00000000..9b012c3e
Binary files /dev/null and b/static/animation/home-dot.lottie differ