diff --git a/src/lib/layouts/stats/Main.svelte b/src/lib/layouts/stats/Main.svelte
index 840dbd88..6eac4216 100644
--- a/src/lib/layouts/stats/Main.svelte
+++ b/src/lib/layouts/stats/Main.svelte
@@ -7,10 +7,12 @@
   import Armor from "$lib/sections/stats/Armor.svelte";
   import Bestiary from "$lib/sections/stats/Bestiary.svelte";
   import Collections from "$lib/sections/stats/Collections.svelte";
+  import CrimsonIsle from "$lib/sections/stats/CrimsonIsle.svelte";
   import Dungeons from "$lib/sections/stats/Dungeons.svelte";
   import Inventory from "$lib/sections/stats/Inventory.svelte";
   import Minions from "$lib/sections/stats/Minions.svelte";
   import Pets from "$lib/sections/stats/Pets.svelte";
+  import Rift from "$lib/sections/stats/Rift.svelte";
   import SkillsSection from "$lib/sections/stats/SkillsSection.svelte";
   import Slayer from "$lib/sections/stats/Slayer.svelte";
   import Weapons from "$lib/sections/stats/Weapons.svelte";
@@ -38,6 +40,8 @@
   <Minions />
   <Bestiary />
   <Collections />
+  <CrimsonIsle />
+  <Rift />
 </main>
 
 <svg xmlns="http://www.w3.org/2000/svg" height="0" width="0" style="position: fixed;">
diff --git a/src/lib/sections/stats/CrimsonIsle.svelte b/src/lib/sections/stats/CrimsonIsle.svelte
new file mode 100644
index 00000000..f8cada97
--- /dev/null
+++ b/src/lib/sections/stats/CrimsonIsle.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+  import AdditionStat from "$lib/components/AdditionStat.svelte";
+  import Chip from "$lib/components/Chip.svelte";
+  import Items from "$lib/layouts/stats/Items.svelte";
+  import { cn } from "$lib/utils";
+  import type { Stats as StatsType } from "$types/stats";
+  import { format } from "numerable";
+  import { getContext } from "svelte";
+
+  const profile = getContext<StatsType>("profile");
+
+  const isle = profile.crimson_isle;
+</script>
+
+<Items title="Collections" class="flex-col">
+  <div slot="text">
+    {#if isle.factions.selectedFaction === "none"}
+      {profile.username} hasn't visited the Crimson Isle yet.
+    {:else}
+      <AdditionStat text="Selected Faction" class="capitalize" data={isle.factions.selectedFaction} />
+      <AdditionStat text="Mage Reputation" data={isle.factions.magesReputation} />
+      <AdditionStat text="Barbarian Reputation" data={isle.factions.barbariansReputation} />
+    {/if}
+  </div>
+
+  {#if isle.kuudra.totalKills}
+    <div class="flex flex-col gap-4">
+      <h3 class="text-xl font-semibold">Kuudra Completions</h3>
+      <AdditionStat text="Total Completions" data={isle.kuudra.totalKills} />
+      <div class="flex flex-wrap gap-4">
+        {#each isle.kuudra.tiers as tier}
+          {@const hasUnlocked = tier.kills}
+          <Chip image={{ src: tier.texture }} class={cn("h-fit w-fit", { "opacity-50": !hasUnlocked })}>
+            <div class={cn("flex flex-col")}>
+              <div class="font-bold">
+                <span class="opacity-60">{tier.name}</span>
+                <div class="text-sm">
+                  <span class="opacity-60">Kills:</span>
+                  <span class="text-text">{format(tier.kills)}</span>
+                </div>
+              </div>
+            </div>
+          </Chip>
+        {/each}
+      </div>
+    </div>
+  {/if}
+
+  {#if isle.dojo.totalPoints}
+    <div class="flex flex-col gap-4">
+      <h3 class="text-xl font-semibold">Dojo Completions</h3>
+      <AdditionStat text="Total Points" data={format(isle.dojo.totalPoints)} maxed={isle.dojo.totalPoints >= 7000} />
+      <div class="flex flex-wrap gap-4">
+        {#each isle.dojo.challenges as challenge}
+          {@const hasMaxed = challenge.points >= 1000}
+          {@const hasUnlocked = challenge.points}
+          <Chip image={{ src: challenge.texture }} class={cn("h-fit w-fit", { "opacity-50": !hasUnlocked })}>
+            <div class={cn("flex flex-col")}>
+              <div class="font-bold">
+                <span class={cn(hasMaxed ? "text-maxed" : "opacity-60")}>{challenge.name}</span>
+                <div class="text-sm">
+                  <span class="opacity-60">Points:</span>
+                  <span class="text-text">{format(challenge.points)}</span>
+                </div>
+                <div class="text-sm">
+                  <span class="opacity-60">Rank:</span>
+                  <span class="text-text">{challenge.rank}</span>
+                </div>
+                <div class="text-sm">
+                  <span class="opacity-60">Time:</span>
+                  <span class="text-text">{challenge.formattedTime}</span>
+                </div>
+              </div>
+            </div>
+          </Chip>
+        {/each}
+      </div>
+    </div>
+  {/if}
+</Items>
diff --git a/src/lib/sections/stats/Rift.svelte b/src/lib/sections/stats/Rift.svelte
new file mode 100644
index 00000000..442b4ff8
--- /dev/null
+++ b/src/lib/sections/stats/Rift.svelte
@@ -0,0 +1,81 @@
+<script lang="ts">
+  import AdditionStat from "$lib/components/AdditionStat.svelte";
+  import Chip from "$lib/components/Chip.svelte";
+  import Items from "$lib/layouts/stats/Items.svelte";
+  import { cn } from "$lib/utils";
+  import type { Stats as StatsType } from "$types/stats";
+  import { formatDate, formatDistanceToNowStrict } from "date-fns";
+  import { getContext } from "svelte";
+
+  const profile = getContext<StatsType>("profile");
+
+  const rift = profile.rift;
+</script>
+
+<Items title="Rift" class="flex-col">
+  <div slot="text">
+    <AdditionStat text="Motes" data={rift.motes.purse} asterisk={true}>
+      <div class="flex flex-col gap-4">
+        <div class="text-sm font-bold">
+          <span class="text-text/85">Lifetime Motes:</span>
+          <span class="text-text">
+            {rift.motes.lifetime}
+          </span>
+          <span class="block font-normal">Total Motes earned in Rift.</span>
+        </div>
+        <div class="text-sm font-bold">
+          <span class="text-text/85">Motes Orbs:</span>
+          <span class="text-text">
+            {rift.motes.orbs}
+          </span>
+          <span class="block font-normal">Amount of Mote Orbs player has picked up inside of the Rift.</span>
+        </div>
+      </div>
+    </AdditionStat>
+    <AdditionStat text="Enigma Souls" data="{rift.enigma.souls} / {rift.enigma.totalSouls}" maxed={rift.enigma.souls === rift.enigma.totalSouls} asterisk={true}>
+      <div class="text-sm font-bold">
+        <span class="text-text/85">Progress:</span>
+        <span class="text-text">
+          {((rift.enigma.souls / rift.enigma.totalSouls) * 100).toFixed(2)}%
+        </span>
+        <span class="block font-normal"> Percentage of Enigma Souls found. </span>
+      </div>
+    </AdditionStat>
+    <AdditionStat text="McGrubber's Burgers" data="{rift.castle.grubberStacks} / {rift.castle.maxBurgers}" maxed={rift.castle.grubberStacks === rift.castle.maxBurgers} />
+  </div>
+  <div class="space-y-4">
+    <h3 class="text-xl font-semibold">Timecharms</h3>
+    <AdditionStat text="Timecharms Obtained" data={rift.timecharms.timecharmsFound} maxed={rift.timecharms.timecharmsFound === 7} />
+    <div class="flex flex-wrap gap-4">
+      {#each rift.timecharms.timecharms as timecharm}
+        {@const hasUnlocked = timecharm.unlocked}
+        <Chip image={{ src: timecharm.texture }} class={cn("h-fit w-fit", { "opacity-50": !hasUnlocked })} variant="tooltip">
+          <div class={cn("flex flex-col")}>
+            <div class="font-bold">
+              <span class="opacity-60">{timecharm.name}</span>
+              <div class="text-sm">
+                {#if hasUnlocked}
+                  <span class="opacity-60">
+                    Obtained {formatDistanceToNowStrict(timecharm.unlockedAt, {
+                      addSuffix: true
+                    })}
+                  </span>
+                {:else}
+                  <span class="opacity-60">Not Obtained</span>
+                {/if}
+              </div>
+            </div>
+          </div>
+          <div slot="tooltip" class="text-sm font-bold">
+            <div>
+              <span class="opacity-85">Obtained:</span>
+              <span class="text-text">
+                {formatDate(timecharm.unlockedAt, "dd MMMM yyyy 'at' HH:mm")}
+              </span>
+            </div>
+          </div>
+        </Chip>
+      {/each}
+    </div>
+  </div>
+</Items>