diff --git a/package-lock.json b/package-lock.json
index b922d265..bfa4a640 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,7 @@
             "devDependencies": {
                 "@alpinejs/collapse": "^3.14.9",
                 "@alpinejs/persist": "^3.14.9",
+                "@alpinejs/resize": "^3.14.9",
                 "@docsearch/js": "^3.9.0",
                 "@fontsource/poppins": "^5.2.5",
                 "@tailwindcss/typography": "^0.5.16",
@@ -292,6 +293,13 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/@alpinejs/resize": {
+            "version": "3.14.9",
+            "resolved": "https://registry.npmjs.org/@alpinejs/resize/-/resize-3.14.9.tgz",
+            "integrity": "sha512-UmKDn8MiuBLQxhohidze3NniMmXwFkLoul+IWnCDZO1mPCR0Q4227wjAYyj0P8pQwgARMUTiHrwdpYUId3vtnA==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/@docsearch/css": {
             "version": "3.9.0",
             "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.9.0.tgz",
diff --git a/package.json b/package.json
index f5c3e6c5..3f820b33 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "devDependencies": {
         "@alpinejs/collapse": "^3.14.9",
         "@alpinejs/persist": "^3.14.9",
+        "@alpinejs/resize": "^3.14.9",
         "@docsearch/js": "^3.9.0",
         "@fontsource/poppins": "^5.2.5",
         "@tailwindcss/typography": "^0.5.16",
diff --git a/resources/css/app.css b/resources/css/app.css
index 1c94dfe5..43eec39f 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -50,12 +50,12 @@
 }
 
 /* Whole menu */
-nav ul {
+nav.docs-navigation ul {
     @apply list-none text-sm;
 }
 
 /* Categories */
-nav > ul > li {
+nav.docs-navigation > ul > li {
     @apply mb-3;
 
     & > a {
@@ -65,7 +65,7 @@ nav > ul > li {
     }
 }
 
-nav > ul > li.active > a {
+nav.docs-navigation > ul > li.active > a {
     @apply text-black dark:text-white;
 
     & > svg {
@@ -73,16 +73,16 @@ nav > ul > li.active > a {
     }
 }
 
-nav > ul > li > a {
+nav.docs-navigation > ul > li > a {
     @apply transition duration-200 will-change-transform;
 }
 
-nav > ul > li:hover > a {
+nav.docs-navigation > ul > li:hover > a {
     @apply translate-x-0.5 bg-gray-50 dark:bg-gray-900/50;
 }
 
 /* Sub menus */
-nav > ul > li > ul {
+nav.docs-navigation > ul > li > ul {
     & > li {
         @apply font-normal;
 
diff --git a/resources/js/app.js b/resources/js/app.js
index 8fe0f668..3f275f91 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -2,6 +2,7 @@ import './fonts'
 import './bootstrap'
 import Alpine from 'alpinejs'
 import collapse from '@alpinejs/collapse'
+import resize from '@alpinejs/resize'
 import persist from '@alpinejs/persist'
 import codeBlock from './alpine/codeBlock.js'
 import docsearch from '@docsearch/js'
@@ -58,6 +59,7 @@ Alpine.magic('refAll', (el) => {
 
 Alpine.plugin(collapse)
 Alpine.plugin(persist)
+Alpine.plugin(resize)
 Alpine.start()
 
 // Docsearch
diff --git a/resources/views/components/alert-beta.blade.php b/resources/views/components/alert-beta.blade.php
index e7cbd9ff..9a22b52a 100644
--- a/resources/views/components/alert-beta.blade.php
+++ b/resources/views/components/alert-beta.blade.php
@@ -1,17 +1,17 @@
 <div
-    class="relative z-0 mt-5 flex items-center gap-6 overflow-hidden rounded-2xl bg-yellow-50/50 px-6 py-5 ring-1 ring-black/5 dark:bg-mirage"
+    class="relative z-0 mt-5 flex flex-col items-start gap-x-6 gap-y-4 overflow-hidden rounded-2xl bg-yellow-50/50 px-6 py-5 ring-1 ring-black/5 min-[450px]:flex-row min-[450px]:items-center dark:bg-mirage"
     role="alert"
     aria-labelledby="beta-alert-title"
     aria-describedby="beta-alert-description"
 >
     <div
-        class="absolute left-0 top-1/2 -z-10 size-16 -translate-y-1/2 rounded-full bg-yellow-400/60 blur-2xl dark:block"
+        class="absolute left-0 top-0 -z-10 size-16 rounded-full bg-yellow-400/60 blur-2xl min-[450px]:top-1/2 min-[450px]:-translate-y-1/2 dark:block"
         aria-hidden="true"
     ></div>
 
     {{-- Icon --}}
     <x-icons.alert-diamond
-        class="size-10 shrink-0"
+        class="size-10 shrink-0 mix-blend-hard-light"
         aria-hidden="true"
     />
 
diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php
index 32ccf27e..9b59e755 100644
--- a/resources/views/components/footer.blade.php
+++ b/resources/views/components/footer.blade.php
@@ -190,13 +190,15 @@ class="flex flex-col flex-wrap items-center gap-2 opacity-0 md:flex-row"
             <div class="flex gap-1">
                 <div>Website designed by</div>
                 <a
-                    href="https://x.com/HassanZahirnia"
+                    href="https://zahirnia.com"
                     target="_blank"
-                    class="font-medium text-black/80 transition duration-200 hover:text-black dark:text-white/80 dark:hover:text-white"
-                    aria-label="Hassan's Twitter profile"
-                    rel="noopener noreferrer"
+                    class="group relative font-medium text-black/80 transition duration-200 hover:text-black dark:text-white/80 dark:hover:text-white"
+                    aria-label="Hassan's website"
                 >
                     Hassan Zahirnia
+                    <div
+                        class="absolute -bottom-0.5 left-0 h-px w-full origin-right scale-x-0 bg-current transition duration-300 ease-out will-change-transform group-hover:origin-left group-hover:scale-x-100"
+                    ></div>
                 </a>
             </div>
             <div
@@ -207,11 +209,14 @@ class="hidden h-3 w-0.5 bg-gray-300 md:block dark:bg-[#242734]"
                 <a
                     href="https://x.com/caneco"
                     target="_blank"
-                    class="font-medium text-black/80 transition duration-200 hover:text-black dark:text-white/80 dark:hover:text-white"
+                    class="group relative font-medium text-black/80 transition duration-200 hover:text-black dark:text-white/80 dark:hover:text-white"
                     aria-label="Caneco's Twitter profile"
                     rel="noopener noreferrer"
                 >
                     Caneco
+                    <div
+                        class="absolute -bottom-0.5 left-0 h-px w-full origin-right scale-x-0 bg-current transition duration-300 ease-out will-change-transform group-hover:origin-left group-hover:scale-x-100"
+                    ></div>
                 </a>
             </div>
         </div>
@@ -239,21 +244,27 @@ class="opacity-0"
             <a
                 href="https://x.com/marcelpociot"
                 target="_blank"
-                class="font-medium text-black/80 transition duration-200 hover:text-black dark:text-white/80 dark:hover:text-white"
+                class="group relative font-medium text-black/80 transition duration-200 hover:text-black dark:text-white/80 dark:hover:text-white"
                 aria-label="Marcel Pociot's Twitter profile"
                 rel="noopener noreferrer"
             >
                 Marcel Pociot
+                <div
+                    class="absolute -bottom-0.5 left-0 h-px w-full origin-right scale-x-0 bg-current transition duration-300 ease-out will-change-transform group-hover:origin-left group-hover:scale-x-100"
+                ></div>
             </a>
             <span>and</span>
             <a
                 href="https://x.com/simonhamp"
                 target="_blank"
-                class="font-medium text-black/80 transition duration-200 hover:text-black dark:text-white/80 dark:hover:text-white"
+                class="group relative font-medium text-black/80 transition duration-200 hover:text-black dark:text-white/80 dark:hover:text-white"
                 aria-label="Simon Hamp's Twitter profile"
                 rel="noopener noreferrer"
             >
                 Simon Hamp
+                <div
+                    class="absolute -bottom-0.5 left-0 h-px w-full origin-right scale-x-0 bg-current transition duration-300 ease-out will-change-transform group-hover:origin-left group-hover:scale-x-100"
+                ></div>
             </a>
         </div>
     </section>
diff --git a/resources/views/components/icons/briefcase.blade.php b/resources/views/components/icons/briefcase.blade.php
deleted file mode 100644
index ccfaf69f..00000000
--- a/resources/views/components/icons/briefcase.blade.php
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg
-    {{ $attributes }}
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    version="1.1"
->
-    <path
-        d="M10.08 0.735696C9.245208 0.8760720000000001 8.700144 1.1440080000000001 8.158992000000001 1.68C7.537751999999999 2.295288 7.224384000000001 3.029136 7.183944 3.9631920000000003L7.168583999999999 4.318392 4.91028 4.3253520000000005L2.652 4.332336000000001 2.441088 4.3983360000000005C1.6938959999999998 4.63212 1.121568 5.163504 0.865248 5.861496000000001C0.722736 6.249552 0.732 5.992992 0.732 9.552L0.732 12.804 0.7880880000000001 12.966384C0.9485760000000001 13.431096 1.43028 13.846079999999999 1.8931680000000002 13.918415999999999C1.977432 13.931591999999998 2.050608 13.946616 2.055816 13.951824C2.061048 13.957032 1.8155280000000003 15.585503999999998 1.510272 17.57064C0.9710880000000001 21.076992 0.9556319999999999 21.187535999999998 0.9687359999999999 21.444C0.982992 21.722784 1.0118399999999999 21.856056 1.109448 22.093944C1.295208 22.546656 1.72536 22.968264 2.185344 23.148528000000002C2.544696 23.28936 1.846584 23.28 12 23.28C20.393016 23.28 21.332160000000002 23.276256 21.497496 23.242104C22.200048 23.096976 22.773456 22.564392 22.97352 21.871176C23.01828 21.716088 23.027424 21.626376 23.026872 21.348C23.026272 21.030888 22.995552 20.813784000000002 22.480536 17.486568C22.180416 15.547584 21.939096 13.956912 21.944256000000003 13.951751999999999C21.949416 13.946591999999999 22.022568 13.931591999999998 22.106832 13.918415999999999C22.562472 13.847208 23.023032 13.456199999999999 23.207016 12.98436L23.268 12.828 23.268 9.564C23.268 5.99172 23.277288 6.249599999999999 23.134752 5.861496000000001C22.878432 5.163504 22.306104 4.63212 21.558912 4.3983360000000005L21.348 4.332336000000001 19.08972 4.3253520000000005L16.831416 4.318392 16.816056 3.9631920000000003C16.775544 3.02748 16.46304 2.2956000000000003 15.841152000000001 1.68C15.378696 1.222224 14.860920000000002 0.936504 14.22 0.7854000000000001C14.010167999999998 0.735912 13.948896 0.734352 12.072000000000001 0.730032C11.009400000000001 0.727608 10.113 0.730152 10.08 0.735696M10.09584 1.752648C9.652728 1.828872 9.198984 2.06268 8.875704 2.381352C8.44416 2.806776 8.223528 3.32544 8.191392 3.99L8.176584 4.296 12 4.296L15.823416 4.296 15.808608000000001 3.99C15.756672 2.9159520000000003 15.150888000000002 2.12064 14.146104000000001 1.807416L13.932 1.7406720000000002 12.072000000000001 1.736688C11.049 1.73448 10.159728 1.74168 10.09584 1.752648M2.94 5.3320799999999995C2.426784 5.38116 1.9731839999999998 5.741016 1.7955359999999998 6.24L1.74 6.396 1.74 9.529872L1.74 12.66372 1.809216 12.754488C1.84728 12.804383999999999 1.9228800000000001 12.865416 1.977216 12.890088C2.07228 12.933264 2.212536 12.934968 5.706 12.935471999999999L9.336 12.936 9.336408 12.054C9.336984 10.87584 9.359928 10.775256 9.707592 10.427592C9.903984 10.231200000000001 10.063008 10.139256 10.289280000000002 10.091304000000001C10.528368 10.04064 13.471632 10.04064 13.71072 10.091304000000001C13.936992 10.139256 14.096015999999999 10.231200000000001 14.292408000000002 10.427592C14.640072000000002 10.775256 14.663015999999999 10.87584 14.663592 12.054L14.664 12.936 18.288768 12.936C21.49644 12.936 21.923712000000002 12.931752 22.001904 12.899088C22.115904 12.851448 22.170408000000002 12.800952 22.226544 12.690959999999999C22.27044 12.604944000000001 22.271976000000002 12.497952000000002 22.27164 9.55896C22.271256 6.186024 22.2792 6.361752 22.112640000000003 6.04476C21.951312 5.737776 21.661272 5.494632 21.324 5.38368L21.132 5.320512 12.120000000000001 5.318256C7.163400000000001 5.317008 3.0324 5.323224 2.94 5.3320799999999995M10.461312 11.1C10.342056 11.1648 10.340615999999999 11.1828 10.349136 12.506352L10.35708 13.74 10.421928000000001 13.932C10.511904 14.198376000000001 10.638552 14.401800000000001 10.838832 14.6016C11.117496 14.879591999999999 11.399616 15.019295999999999 11.793744 15.074424C11.954376 15.096888000000002 12.045624 15.096888000000002 12.206256 15.074424C12.600384 15.019295999999999 12.882503999999999 14.879591999999999 13.161167999999998 14.6016C13.361448 14.401800000000001 13.488096 14.198376000000001 13.578072 13.932L13.642920000000002 13.74 13.650863999999999 12.506352C13.659432 11.174688000000002 13.658496000000001 11.163336000000001 13.533816 11.098872C13.43448 11.047512 10.555944 11.048568000000001 10.461312 11.1M3.084984 13.974C3.079752 13.990512 2.825112 15.6402 2.519088 17.64C2.07744 20.526264 1.965 21.30864 1.97388 21.434256C1.995792 21.744552000000002 2.1984 22.037184 2.491056 22.181256L2.650992 22.26 12 22.26L21.349008 22.26 21.507024 22.182216C21.69828 22.088064 21.866976 21.915672 21.95424 21.725232C22.076424 21.458592 22.089072 21.567528000000003 21.473088 17.580000000000002L20.913287999999998 13.956 17.765591999999998 13.949904L14.617896 13.943832000000002 14.592144 14.045904C14.308416 15.170568 13.382544 15.971136000000001 12.239664 16.080023999999998C10.93404 16.204439999999998 9.735144 15.343296 9.40788 14.046000000000001L9.382152 13.944 6.23832 13.944C3.744336 13.944 3.09252 13.950192000000001 3.084984 13.974"
-        stroke="none"
-        fill="currentColor"
-        fill-rule="evenodd"
-        stroke-width="0.024"
-    ></path>
-</svg>
diff --git a/resources/views/components/icons/heart.blade.php b/resources/views/components/icons/heart.blade.php
new file mode 100644
index 00000000..82995c06
--- /dev/null
+++ b/resources/views/components/icons/heart.blade.php
@@ -0,0 +1,14 @@
+<svg
+    {{ $attributes }}
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 14 14"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M13.9999 4.90123c-0.0243 -1.61475 -0.957 -3.19764 -2.3809 -3.84786 -0.7225 -0.329946 -1.5595 -0.412005 -2.43315 -0.140193C8.45112 1.14176 7.71291 1.61309 7 2.35813 6.28709 1.61309 5.54887 1.14177 4.81414 0.913202 3.94046 0.641407 3.10347 0.723494 2.38096 1.05346 0.957106 1.70373 0.0244119 3.28666 0.0000568628 4.90141L0 4.90141v0.00754c0 2.35206 1.42699 4.43436 2.9363 5.89465 0.76215 0.7374 1.5664 1.3374 2.26745 1.756 0.35035 0.2092 0.68156 0.3771 0.97447 0.4942 0.28057 0.1123 0.56991 0.1961 0.82177 0.1961s0.5412 -0.0839 0.82177 -0.1961c0.29292 -0.1171 0.62413 -0.285 0.97448 -0.4942 0.70105 -0.4187 1.50526 -1.0186 2.26746 -1.7561C12.573 9.34318 14 7.26083 14 4.90877h0.0001l-0.0002 -0.00754Z"
+        clip-rule="evenodd"
+        stroke-width="1"
+    ></path>
+</svg>
diff --git a/resources/views/components/icons/love-baloons.blade.php b/resources/views/components/icons/love-baloons.blade.php
deleted file mode 100644
index 60ba274c..00000000
--- a/resources/views/components/icons/love-baloons.blade.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<svg
-    {{ $attributes }}
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
->
-    <path
-        d="M11.28 16.97a33.953 33.953 0 0 0 1.678 3.7 0.486 0.486 0 0 0 0.544 0.25c1.632 -0.372 8.235 -2.043 9.6 -5.013 1.8 -3.918 -2.793 -7.523 -6.124 -3.281A5.956 5.956 0 0 0 17.082 11c-0.845 -3.046 -4.794 -2.347 -5.715 -0.821 -0.887 1.467 -0.961 4.281 -0.087 6.791Z"
-        fill="#FFACE7"
-        stroke-width="1"
-    ></path>
-    <path
-        d="M9 16.045s8.5 -5.805 8.5 -10.5c0 -5.5 -6.5 -7 -8.5 -2 -2 -5 -8.5 -3.5 -8.5 2 0 4.695 8.5 10.5 8.5 10.5Z"
-        fill="#eba0d5"
-        stroke-width="1"
-    ></path>
-    <path
-        d="M9 3.545c-2 -5 -8.5 -3.5 -8.5 2a4.347 4.347 0 0 0 0.091 0.849A12.359 12.359 0 0 0 9 9.5a12.357 12.357 0 0 0 8.409 -3.106 4.347 4.347 0 0 0 0.091 -0.849c0 -5.5 -6.5 -7 -8.5 -2Z"
-        fill="#FFACE7"
-        stroke-width="1"
-    ></path>
-    <path
-        d="M11.282 16.975a34.023 34.023 0 0 0 1.682 3.7 0.485 0.485 0 0 0 0.544 0.249c1.632 -0.374 8.232 -2.052 9.59 -5.023 1.791 -3.921 -2.8 -7.521 -6.128 -3.275A5.949 5.949 0 0 0 17.077 11"
-        fill="none"
-        stroke="#341441"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="1"
-    ></path>
-    <path
-        d="M9 16.045s8.5 -5.805 8.5 -10.5c0 -5.5 -6.5 -7 -8.5 -2 -2 -5 -8.5 -3.5 -8.5 2 0 4.695 8.5 10.5 8.5 10.5Z"
-        fill="none"
-        stroke="#341441"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="1"
-    ></path>
-    <path
-        d="M9 16.045s0.25 5.7 -1.5 7.455"
-        fill="none"
-        stroke="#341441"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="1"
-    ></path>
-</svg>
diff --git a/resources/views/components/layout-three-columns.blade.php b/resources/views/components/layout-three-columns.blade.php
index f11b064d..fa68ab25 100644
--- a/resources/views/components/layout-three-columns.blade.php
+++ b/resources/views/components/layout-three-columns.blade.php
@@ -1,7 +1,7 @@
 <x-layout :hasMenu="! empty($sidebarLeft)">
     {{-- Main container --}}
     <main
-        class="mx-auto flex w-full max-w-5xl grow px-4 pt-1 xl:max-w-7xl 2xl:max-w-[90rem]"
+        class="mx-auto flex w-full max-w-5xl grow items-start px-4 pt-1 xl:max-w-7xl 2xl:max-w-[90rem]"
     >
         {{-- Left sidebar --}}
         @if (! empty($sidebarLeft))
@@ -10,7 +10,7 @@ class="mx-auto flex w-full max-w-5xl grow px-4 pt-1 xl:max-w-7xl 2xl:max-w-[90re
             </x-sidebar-left-navigation>
         @endif
 
-        <div class="flex w-full min-w-0 grow px-2 pt-2">
+        <div class="flex w-full min-w-0 grow items-start px-2 pt-2">
             {{-- Content --}}
             <article class="flex w-full min-w-0 grow flex-col lg:pl-5 xl:pr-5">
                 {{ $slot }}
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index e8fb94ec..7ef78dfe 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -58,12 +58,30 @@
     </head>
     <body
         x-cloak
-        x-data="{ showDocsNavigation: false, scrolled: false }"
+        x-data="{
+            showDocsNavigation: false,
+            scrolled: window.scrollY > 50,
+            width: window.innerWidth,
+            get showPlatformSwitcherHeader() {
+                return ! this.scrolled && this.width >= 1024
+            },
+        }"
+        x-resize="
+            width = $width
+            if (width >= 1024) showDocsNavigation = false
+        "
         x-init="
             window.addEventListener('scroll', () => {
                 scrolled = window.scrollY > 50
             })
         "
+        x-effect="
+            if (showDocsNavigation) {
+                document.body.style.overflow = 'hidden'
+            } else {
+                document.body.style.overflow = ''
+            }
+        "
         class="min-h-screen overflow-x-clip font-poppins antialiased selection:bg-black selection:text-[#b4a9ff] dark:bg-[#050714] dark:text-white"
     >
         <x-navigation-bar :hasMenu="$hasMenu ?? false" />
diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php
index 795fd1b0..d4c554d2 100644
--- a/resources/views/components/navigation-bar.blade.php
+++ b/resources/views/components/navigation-bar.blade.php
@@ -1,11 +1,19 @@
 @props(['hasMenu' => false])
-<x-eap-banner />
+<div
+    x-collapse
+    x-show="!showDocsNavigation"
+>
+    <x-eap-banner />
+</div>
 <nav
     class="sticky top-0 z-50 flex flex-col items-center justify-center px-3"
     aria-label="Main Navigation"
 >
     <div
-        :class="scrolled ? 'ring-gray-200/80 dark:ring-gray-800/50 translate-y-3 bg-white/50 dark:bg-white/5' : 'ring-transparent dark:bg-transparent'"
+        :class="{
+            'ring-gray-200/80 dark:ring-gray-800/50 bg-white/50 dark:bg-white/5 translate-y-3': scrolled || showDocsNavigation,
+            'ring-transparent dark:bg-transparent': ! scrolled && ! showDocsNavigation,
+        }"
         class="mx-auto flex w-full max-w-5xl items-center justify-between gap-5 rounded-2xl px-5 py-4 ring-1 backdrop-blur-md transition duration-200 ease-out xl:max-w-7xl 2xl:max-w-[90rem]"
     >
         {{-- Left side --}}
@@ -77,11 +85,13 @@ class="hidden size-[3px] rotate-45 rounded-sm bg-gray-400 transition duration-20
                 >
                     Mobile
                 </a>
+
                 {{-- Decorative circle --}}
                 <div
                     class="hidden size-[3px] rotate-45 rounded-sm bg-gray-400 transition duration-200 lg:block dark:opacity-60"
                     aria-hidden="true"
                 ></div>
+
                 @if ($hasMenu)
                     <button
                         type="button"
@@ -129,6 +139,163 @@ class="h-6 w-6 text-gray-600"
                     </a>
                 @endif
 
+                {{-- Decorative circle --}}
+                <div
+                    class="hidden size-[3px] rotate-45 rounded-sm bg-gray-400 transition duration-200 lg:block dark:opacity-60"
+                    aria-hidden="true"
+                ></div>
+
+                {{-- Link --}}
+                <a
+                    x-init="
+                        () => {
+                            motion.hover($el, (element) => {
+                                motion.animate(
+                                    $refs.sponsorHeart1,
+                                    {
+                                        y: -8,
+                                        x: 6,
+                                        opacity: 1,
+                                        scale: 1,
+                                    },
+                                    {
+                                        duration: 0.25,
+                                        ease: motion.backOut,
+                                    },
+                                )
+                                motion.animate(
+                                    $refs.sponsorHeart2,
+                                    {
+                                        y: -15,
+                                        x: -9,
+                                        opacity: 1,
+                                        scale: 1,
+                                        rotate: -20,
+                                    },
+                                    {
+                                        duration: 0.25,
+                                        ease: motion.backOut,
+                                        delay: 0.05,
+                                    },
+                                )
+                                motion.animate(
+                                    $refs.sponsorHeart3,
+                                    {
+                                        y: -16,
+                                        x: 7,
+                                        opacity: 1,
+                                        scale: 1,
+                                        rotate: 20,
+                                    },
+                                    {
+                                        duration: 0.25,
+                                        ease: motion.backOut,
+                                        delay: 0.1,
+                                    },
+                                )
+
+                                return () =>
+                                    motion.animate(
+                                        [$refs.sponsorHeart1, $refs.sponsorHeart2, $refs.sponsorHeart3],
+                                        {
+                                            y: 0,
+                                            x: 0,
+                                            opacity: 0,
+                                            scale: 0,
+                                            rotate: 0,
+                                        },
+                                        {
+                                            duration: 0.25,
+                                            ease: motion.backIn,
+                                        },
+                                    )
+                            })
+                        }
+                    "
+                    href="/docs/1/getting-started/sponsoring"
+                    class="relative hidden bg-gradient-to-tr from-violet-600 to-violet-300 bg-clip-text font-medium text-transparent lg:block dark:from-violet-500 dark:to-white/80"
+                    aria-label="Sponsor NativePHP"
+                    title="Support NativePHP development"
+                >
+                    Sponsor
+                    <span class="sr-only">NativePHP on GitHub</span>
+
+                    {{-- Heart 1 --}}
+                    <div
+                        x-ref="sponsorHeart1"
+                        class="absolute right-1/2 top-0 origin-center scale-0 opacity-0"
+                        aria-hidden="true"
+                    >
+                        <x-icons.heart class="size-[9px] text-violet-400" />
+                    </div>
+
+                    {{-- Heart 2 --}}
+                    <div
+                        x-ref="sponsorHeart2"
+                        class="absolute left-1/2 top-0 origin-center scale-0 opacity-0"
+                        aria-hidden="true"
+                    >
+                        <x-icons.heart class="size-[7px] text-violet-400" />
+                    </div>
+
+                    {{-- Heart 3 --}}
+                    <div
+                        x-ref="sponsorHeart3"
+                        class="absolute right-1/2 top-0 origin-center scale-0 opacity-0"
+                        aria-hidden="true"
+                    >
+                        <x-icons.heart class="size-[5px] text-violet-400" />
+                    </div>
+
+                    {{-- Line --}}
+                    <div
+                        x-init="
+                            () => {
+                                motion.animate(
+                                    $el,
+                                    {
+                                        x: [-5, 50],
+                                        scaleX: [1, 2.5, 1],
+                                        opacity: [0, 1, 1, 1, 0],
+                                    },
+                                    {
+                                        duration: 1.8,
+                                        repeat: Infinity,
+                                        repeatType: 'reverse',
+                                        ease: motion.easeInOut,
+                                    },
+                                )
+                            }
+                        "
+                        class="absolute -bottom-1 left-0 h-0.5 w-2 origin-left rounded-full bg-violet-400 will-change-transform dark:bg-violet-500"
+                        aria-hidden="true"
+                    ></div>
+
+                    {{-- Blurry line --}}
+                    <div
+                        x-init="
+                            () => {
+                                motion.animate(
+                                    $el,
+                                    {
+                                        x: [-5, 50],
+                                        scaleX: [1, 2.5, 1],
+                                        opacity: [0, 1, 1, 1, 0],
+                                    },
+                                    {
+                                        duration: 1.8,
+                                        repeat: Infinity,
+                                        repeatType: 'reverse',
+                                        ease: motion.easeInOut,
+                                    },
+                                )
+                            }
+                        "
+                        class="absolute -bottom-1.5 left-0 h-8 w-2 origin-left rounded-full bg-gradient-to-t from-violet-500 to-transparent blur-[9px] will-change-transform dark:blur-sm"
+                        aria-hidden="true"
+                    ></div>
+                </a>
+
                 {{-- Theme toggle --}}
                 <x-theme-toggle />
             </div>
diff --git a/resources/views/components/platform-switcher.blade.php b/resources/views/components/platform-switcher.blade.php
index d7ef943c..effb1867 100644
--- a/resources/views/components/platform-switcher.blade.php
+++ b/resources/views/components/platform-switcher.blade.php
@@ -8,12 +8,12 @@
     {{ $attributes }}
     class="mx-1 mb-3 rounded-xl bg-zinc-100/80 transition-all duration-300 ease-in-out dark:bg-mirage"
     :class="{
-        'pb-4 pl-4 pr-5 pt-5' : !scrolled,
-        'pb-2 pl-2 pr-3 pt-3' : scrolled
+        'pb-4 pl-4 pr-5 pt-5' : showPlatformSwitcherHeader,
+        'pb-2 pl-2 pr-3 pt-3' : !showPlatformSwitcherHeader
     }"
 >
     <div
-        x-show="!scrolled"
+        x-show="showPlatformSwitcherHeader"
         x-collapse
         class="space-y-1.5"
     >
@@ -34,7 +34,7 @@ class="h-px w-full rounded-full bg-current opacity-5 dark:opacity-15"
     {{-- Switcher --}}
     <div
         class="flex items-center gap-3 text-xs"
-        :class="{ 'mt-2.5': !scrolled }"
+        :class="{ 'mt-2.5': showPlatformSwitcherHeader }"
     >
         {{-- Desktop --}}
         <a
@@ -44,7 +44,7 @@ class="flex items-center gap-3 text-xs"
                 'bg-white dark:bg-slate-700/30' => ! $isMobile,
                 'hover:bg-zinc-200/50 dark:text-gray-400/80 dark:hover:bg-gray-900/80 dark:hover:text-white' => $isMobile,
             ])
-            :class="{ 'flex-col p-2.5': !scrolled, 'flex-row p-2': scrolled }"
+            :class="{ 'flex-col p-2.5': showPlatformSwitcherHeader, 'flex-row p-2': !showPlatformSwitcherHeader }"
         >
             <div
                 @class([
@@ -77,7 +77,7 @@ class="size-6 dark:text-gray-400/80"
                 'bg-white dark:bg-slate-700/30' => $isMobile,
                 'hover:bg-zinc-200/50 dark:text-gray-400/80 dark:hover:bg-gray-900/80 dark:hover:text-white' => ! $isMobile,
             ])
-            :class="{ 'flex-col p-2.5': !scrolled, 'flex-row p-2': scrolled }"
+            :class="{ 'flex-col p-2.5': showPlatformSwitcherHeader, 'flex-row p-2': !showPlatformSwitcherHeader }"
         >
             <div
                 @class([
diff --git a/resources/views/components/sidebar-left-navigation.blade.php b/resources/views/components/sidebar-left-navigation.blade.php
index 2fa62e5b..f4f579c2 100644
--- a/resources/views/components/sidebar-left-navigation.blade.php
+++ b/resources/views/components/sidebar-left-navigation.blade.php
@@ -1,14 +1,14 @@
 <aside
-    class="sticky top-20 hidden max-h-[calc(100dvh-8rem)] w-[18rem] shrink-0 overflow-y-auto overflow-x-hidden pr-3 pt-4 lg:block"
+    class="sticky top-20 hidden max-h-[calc(100dvh-7rem)] w-[18rem] shrink-0 overflow-y-auto overflow-x-hidden pr-3 pt-4 lg:block"
 >
-    <nav class="relative flex flex-1 flex-col pb-5">
+    <div class="relative flex flex-1 flex-col pb-5">
         <x-platform-switcher />
 
-        {!! $slot !!}
-    </nav>
+        <nav class="docs-navigation">{!! $slot !!}</nav>
+    </div>
 </aside>
 
-<nav
+<div
     x-show="showDocsNavigation"
     x-transition:enter="transition duration-200 ease-out"
     x-transition:enter-start="translate-y-1 opacity-0"
@@ -16,13 +16,15 @@ class="sticky top-20 hidden max-h-[calc(100dvh-8rem)] w-[18rem] shrink-0 overflo
     x-transition:leave="transition duration-150 ease-in"
     x-transition:leave-start="translate-y-0 opacity-100"
     x-transition:leave-end="translate-y-1 opacity-0"
-    class="fixed left-0 top-20 z-40 h-screen w-full overflow-y-auto bg-white px-4 pb-16 pt-10 dark:bg-mirage"
+    class="fixed inset-0 z-40 h-screen w-screen overflow-y-auto overflow-x-hidden bg-white dark:bg-mirage"
 >
-    <x-platform-switcher />
+    <div class="px-3 pt-24">
+        <x-platform-switcher />
 
-    {!! $slot !!}
+        <nav class="docs-navigation">{!! $slot !!}</nav>
 
-    <div class="my-16 flex items-center justify-center space-x-6">
-        <x-social-networks-all />
+        <div class="my-16 flex items-center justify-center space-x-6">
+            <x-social-networks-all />
+        </div>
     </div>
-</nav>
+</div>
diff --git a/resources/views/components/sidebar-right.blade.php b/resources/views/components/sidebar-right.blade.php
index 6636bf6e..ab9ea57f 100644
--- a/resources/views/components/sidebar-right.blade.php
+++ b/resources/views/components/sidebar-right.blade.php
@@ -1,5 +1,5 @@
 <aside
-    class="sticky top-20 hidden max-h-[calc(100dvh-8rem)] w-[17rem] shrink-0 overflow-y-auto overflow-x-hidden px-3 py-4 xl:block"
+    class="sticky top-20 hidden max-h-[clamp(15rem,100svh,88svh)] w-[17rem] shrink-0 flex-col overflow-y-auto overflow-x-hidden px-3 py-4 xl:flex"
 >
     {{ $slot }}
 </aside>
diff --git a/resources/views/components/sponsors/lists/docs/corporate-sponsors.blade.php b/resources/views/components/sponsors/lists/docs/corporate-sponsors.blade.php
index 549312fa..01247b8a 100644
--- a/resources/views/components/sponsors/lists/docs/corporate-sponsors.blade.php
+++ b/resources/views/components/sponsors/lists/docs/corporate-sponsors.blade.php
@@ -1,71 +1,69 @@
-<a
-    href="https://www.redgalaxy.co.uk/"
-    class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
-    title="Learn more about RedGalaxy"
-    aria-label="Visit RedGalaxy website"
-    rel="noopener"
->
-    <x-sponsors.logos.redgalaxy
-        class="h-auto max-h-8 max-w-full"
-        alt="RedGalaxy logo"
-    />
-    <span class="sr-only">RedGalaxy</span>
-</a>
+@php
+    $sponsors = [
+        [
+            'url' => 'https://www.redgalaxy.co.uk/',
+            'title' => 'Learn more about RedGalaxy',
+            'label' => 'Visit RedGalaxy website',
+            'component' => 'sponsors.logos.redgalaxy',
+            'class' => 'h-auto max-h-8 max-w-full',
+            'alt' => 'RedGalaxy logo',
+            'name' => 'RedGalaxy',
+        ],
+        [
+            'url' => 'https://sevalla.com/?utm_source=nativephp&utm_medium=Referral&utm_campaign=homepage',
+            'title' => 'Learn more about Sevalla',
+            'label' => 'Visit Sevalla website',
+            'component' => 'sponsors.logos.sevalla',
+            'class' => 'h-auto max-h-8 max-w-full text-black dark:text-white',
+            'alt' => 'Sevalla logo',
+            'name' => 'Sevalla',
+        ],
+        [
+            'url' => 'https://www.kaashosting.nl/?lang=en',
+            'title' => 'Learn more about KaasHosting',
+            'label' => 'Visit KaasHosting website',
+            'component' => 'sponsors.logos.kaashosting',
+            'class' => 'block h-auto max-h-8 max-w-full fill-[#042340] dark:fill-white',
+            'alt' => 'KaasHosting logo',
+            'name' => 'KaasHosting',
+        ],
+        // Uncomment these if you want to include the commented sponsors
+        /*
+                                    [
+                                        'url' => 'https://serverauth.com/',
+                                        'title' => 'Learn more about ServerAuth',
+                                        'label' => 'Visit ServerAuth website',
+                                        'component' => 'sponsors.logos.serverauth',
+                                        'class' => 'block h-auto max-h-8 max-w-full fill-[#042340] dark:fill-white',
+                                        'alt' => 'ServerAuth logo',
+                                        'name' => 'ServerAuth'
+                                    ],
+                                    [
+                                        'url' => 'https://borah.digital/',
+                                        'title' => 'Learn more about Borah Digital Labs',
+                                        'label' => 'Visit Borah Digital Labs website',
+                                        'component' => 'sponsors.logos.borah',
+                                        'class' => 'block h-auto max-h-8 max-w-full dark:brightness-125',
+                                        'alt' => 'Borah Digital Labs logo',
+                                        'name' => 'Borah Digital Labs'
+                                    ],
+                                */
+    ];
 
-<a
-    href="https://sevalla.com/?utm_source=nativephp&utm_medium=Referral&utm_campaign=homepage"
-    class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
-    title="Learn more about Sevalla"
-    aria-label="Visit Sevalla website"
-    rel="noopener"
->
-    <x-sponsors.logos.sevalla
-        class="h-auto max-h-8 max-w-full text-black dark:text-white"
-        alt="Sevalla logo"
-    />
-    <span class="sr-only">Sevalla</span>
-</a>
-
-{{--
-    <a
-    href="https://serverauth.com/"
-    class="dark:bg-mirage dark:hover:ring-cloud dark:hover:bg-haiti inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60"
-    title="ServerAuth sponsor"
-    aria-label="Visit ServerAuth website, sponsor"
-    >
-    <x-sponsors.logos.serverauth
-    class="block h-auto max-h-8 max-w-full fill-[#042340] dark:fill-white"
-    />
-    <span class="sr-only">Visit ServerAuth</span>
-    </a>
---}}
-
-<a
-    href="https://www.kaashosting.nl/?lang=en"
-    class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
-    title="Learn more about KaasHosting"
-    aria-label="Visit KaasHosting website"
-    rel="noopener"
->
-    <x-sponsors.logos.kaashosting
-        class="block h-auto max-h-8 max-w-full fill-[#042340] dark:fill-white"
-        alt="KaasHosting logo"
-    />
-    <span class="sr-only">KaasHosting</span>
-</a>
+    $randomSponsor = $sponsors[array_rand($sponsors)];
+@endphp
 
-{{--
 <a
-    href="https://borah.digital/"
+    href="{{ $randomSponsor['url'] }}"
     class="inline-grid h-16 w-full shrink-0 place-items-center rounded-2xl bg-gray-100 px-5 transition duration-200 will-change-transform hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
-    title="Learn more about Borah Digital Labs"
-    aria-label="Visit Borah Digital Labs website"
+    title="{{ $randomSponsor['title'] }}"
+    aria-label="{{ $randomSponsor['label'] }}"
     rel="noopener"
 >
-    <x-sponsors.logos.borah
-        class="block h-auto max-h-8 max-w-full dark:brightness-125"
-        alt="Borah Digital Labs logo"
+    <x-dynamic-component
+        :component="$randomSponsor['component']"
+        class="{{ $randomSponsor['class'] }}"
+        alt="{{ $randomSponsor['alt'] }}"
     />
-    <span class="sr-only">Borah Digital Labs</span>
+    <span class="sr-only">{{ $randomSponsor['name'] }}</span>
 </a>
---}}
diff --git a/resources/views/components/sponsors/lists/home/corporate-sponsors.blade.php b/resources/views/components/sponsors/lists/home/corporate-sponsors.blade.php
index df993c1f..dc5d6b71 100644
--- a/resources/views/components/sponsors/lists/home/corporate-sponsors.blade.php
+++ b/resources/views/components/sponsors/lists/home/corporate-sponsors.blade.php
@@ -4,13 +4,13 @@ class="opacity-0"
 >
     <a
         href="https://www.redgalaxy.co.uk/"
-        class="inline-grid h-32 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
+        class="inline-grid h-16 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
         title="Learn more about RedGalaxy"
         aria-label="Visit RedGalaxy website"
         rel="noopener"
     >
         <x-sponsors.logos.redgalaxy
-            class="h-auto max-h-10 max-w-full"
+            class="h-auto max-h-5 max-w-full"
             alt="RedGalaxy logo"
             loading="lazy"
         />
@@ -24,13 +24,13 @@ class="opacity-0"
 >
     <a
         href="https://sevalla.com/?utm_source=nativephp&utm_medium=Referral&utm_campaign=homepage"
-        class="inline-grid h-32 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
+        class="inline-grid h-16 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
         title="Learn more about Sevalla"
         aria-label="Visit Sevalla website"
         rel="noopener"
     >
         <x-sponsors.logos.sevalla
-            class="h-auto max-h-10 max-w-full text-black dark:text-white"
+            class="h-auto max-h-5 max-w-full text-black dark:text-white"
             alt="Sevalla logo"
             loading="lazy"
         />
@@ -42,12 +42,12 @@ class="h-auto max-h-10 max-w-full text-black dark:text-white"
     <div x-ref="sponsor" class="opacity-0">
     <a
     href="https://serverauth.com/"
-    class="dark:bg-mirage dark:hover:ring-cloud dark:hover:bg-haiti inline-grid h-32 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60"
+    class="dark:bg-mirage dark:hover:ring-cloud dark:hover:bg-haiti inline-grid h-16 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60"
     title="Learn m"
     aria-label="Visit ServerAuth website"
     >
     <x-sponsors.logos.serverauth
-    class="block h-auto max-h-10 max-w-full fill-[#042340] dark:fill-white"
+    class="block h-auto max-h-5 max-w-full fill-[#042340] dark:fill-white"
     alt="ServerAuth logo"
     />
     <span class="sr-only">ServerAuth</span>
@@ -61,13 +61,13 @@ class="opacity-0"
 >
     <a
         href="https://www.kaashosting.nl/?lang=en"
-        class="inline-grid h-32 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
+        class="inline-grid h-16 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
         title="Learn more about KaasHosting"
         aria-label="Visit KaasHosting website"
         rel="noopener"
     >
         <x-sponsors.logos.kaashosting
-            class="block h-auto max-h-10 max-w-full fill-[#042340] dark:fill-white"
+            class="block h-auto max-h-5 max-w-full fill-[#042340] dark:fill-white"
             alt="KaasHosting logo"
             loading="lazy"
         />
@@ -76,23 +76,23 @@ class="block h-auto max-h-10 max-w-full fill-[#042340] dark:fill-white"
 </div>
 
 {{--
-<div
+    <div
     x-ref="sponsor"
     class="opacity-0"
->
+    >
     <a
-        href="https://borah.digital/"
-        class="inline-grid h-32 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
-        title="Learn more about Borah Digital Labs"
-        aria-label="Visit Borah Digital Labs website"
-        rel="noopener"
+    href="https://borah.digital/"
+    class="inline-grid h-16 w-60 shrink-0 place-items-center rounded-2xl bg-gray-100 p-5 transition duration-200 hover:bg-gray-200/70 hover:ring-1 hover:ring-black/60 dark:bg-mirage dark:hover:bg-haiti dark:hover:ring-cloud"
+    title="Learn more about Borah Digital Labs"
+    aria-label="Visit Borah Digital Labs website"
+    rel="noopener"
     >
-        <x-sponsors.logos.borah
-            class="block h-auto max-h-10 max-w-full fill-[#042340] dark:fill-white"
-            alt="Borah Digital Labs logo"
-            loading="lazy"
-        />
-        <span class="sr-only">Borah Digital Labs</span>
+    <x-sponsors.logos.borah
+    class="block h-auto max-h-5 max-w-full fill-[#042340] dark:fill-white"
+    alt="Borah Digital Labs logo"
+    loading="lazy"
+    />
+    <span class="sr-only">Borah Digital Labs</span>
     </a>
-</div>
+    </div>
 --}}
diff --git a/resources/views/components/toc-and-sponsors.blade.php b/resources/views/components/toc-and-sponsors.blade.php
index 2ea10aef..100a550f 100644
--- a/resources/views/components/toc-and-sponsors.blade.php
+++ b/resources/views/components/toc-and-sponsors.blade.php
@@ -1,5 +1,5 @@
 {{-- On this page --}}
-<h3 class="inline-flex items-center gap-1.5 text-sm opacity-60">
+<h3 class="flex items-center gap-1.5 text-sm opacity-60">
     {{-- Icon --}}
     <x-icons.stacked-lines class="size-[18px]" />
 
@@ -10,7 +10,7 @@
 {{-- Table of contents --}}
 @if (count($tableOfContents) > 0)
     <div
-        class="mt-2 flex flex-col space-y-2 border-l text-xs dark:border-l-white/15"
+        class="mt-4 flex min-h-20 flex-col space-y-2 overflow-y-auto overflow-x-hidden border-l text-xs dark:border-l-white/15"
     >
         @foreach ($tableOfContents as $item)
             <a
@@ -27,27 +27,16 @@ class="mt-2 flex flex-col space-y-2 border-l text-xs dark:border-l-white/15"
     </div>
 @endif
 
-<div class="max-w-52">
-    {{-- Sponsor us --}}
-    <a
-        href="https://github.com/nativephp/laravel?sponsor=1"
-        class="mt-10 flex w-full items-center justify-center gap-3 rounded-xl bg-pink-100 p-5 text-center transition duration-300 ease-in-out hover:bg-pink-200/80 dark:bg-pink-600/10 dark:hover:bg-pink-600/15"
-    >
-        <x-icons.love-baloons class="w-8" />
-        <div class="text-sm font-medium dark:font-normal">
-            Sponsor us on GitHub
-        </div>
-    </a>
-
-    {{-- Featured sponsors --}}
-    <h3
-        class="mt-7 flex items-center gap-1.5 border-t border-t-black/20 pt-5 text-sm opacity-60 dark:border-t-white/15"
-    >
+<div
+    class="mt-7 max-w-52 border-t border-t-black/20 pt-5 dark:border-t-white/15"
+>
+    {{-- Sponsors --}}
+    <h3 class="flex items-center gap-1.5 text-sm opacity-60">
         {{-- Icon --}}
         <x-icons.star-circle class="size-[18px]" />
 
         {{-- Label --}}
-        <div>Featured sponsors</div>
+        <div>Sponsors</div>
     </h3>
 
     {{-- List --}}
@@ -55,17 +44,6 @@ class="mt-7 flex items-center gap-1.5 border-t border-t-black/20 pt-5 text-sm op
         <x-sponsors.lists.docs.featured-sponsors />
     </div>
 
-    {{-- Corporate sponsors --}}
-    <h3
-        class="mt-7 flex items-center gap-1.5 border-t border-t-black/20 pt-5 text-sm opacity-60 dark:border-t-white/15"
-    >
-        {{-- Icon --}}
-        <x-icons.briefcase class="size-[18px]" />
-
-        {{-- Label --}}
-        <div>Corporate sponsors</div>
-    </h3>
-
     {{-- List --}}
     <div class="space-y-3 pt-2.5">
         <x-sponsors.lists.docs.corporate-sponsors />