diff --git a/src/components/FooterEarthrise.astro b/src/components/FooterEarthrise.astro
new file mode 100644
index 0000000..3b851d9
--- /dev/null
+++ b/src/components/FooterEarthrise.astro
@@ -0,0 +1,43 @@
+<div class="pointer-events-none relative mt-10 h-28 overflow-hidden sm:h-32" aria-hidden="true">
+  <svg
+    class="absolute inset-x-0 bottom-0 h-full w-full"
+    viewBox="0 0 1440 260"
+    fill="none"
+    preserveAspectRatio="none"
+  >
+    <defs>
+      <linearGradient id="nx-earthrise-horizon" x1="0" y1="0" x2="1440" y2="0" gradientUnits="userSpaceOnUse">
+        <stop offset="0" stop-color="rgba(56,189,248,0)" />
+        <stop offset="0.5" stop-color="rgba(186,230,253,0.95)" />
+        <stop offset="1" stop-color="rgba(56,189,248,0)" />
+      </linearGradient>
+      <radialGradient id="nx-earthrise-sun" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(720 182) rotate(90) scale(120 270)">
+        <stop offset="0" stop-color="rgba(251,191,36,0.5)" />
+        <stop offset="0.38" stop-color="rgba(125,211,252,0.24)" />
+        <stop offset="1" stop-color="rgba(15,23,42,0)" />
+      </radialGradient>
+      <radialGradient id="nx-earthrise-beam" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(720 84) rotate(90) scale(120 320)">
+        <stop offset="0" stop-color="rgba(255,255,255,0.3)" />
+        <stop offset="0.3" stop-color="rgba(125,211,252,0.2)" />
+        <stop offset="1" stop-color="rgba(15,23,42,0)" />
+      </radialGradient>
+      <filter id="nx-earthrise-soft" x="-12%" y="-20%" width="124%" height="160%" color-interpolation-filters="sRGB">
+        <feGaussianBlur stdDeviation="2.8" />
+      </filter>
+      <filter id="nx-earthrise-glow" x="-20%" y="-80%" width="140%" height="260%" color-interpolation-filters="sRGB">
+        <feGaussianBlur stdDeviation="6.5" />
+      </filter>
+    </defs>
+
+    <path d="M -160 228 Q 720 104 1600 228" stroke="rgba(56,189,248,0.22)" stroke-width="1.2" />
+
+    <path d="M -160 228 Q 720 104 1600 228" stroke="url(#nx-earthrise-horizon)" stroke-width="2.8" filter="url(#nx-earthrise-soft)" />
+    <path d="M -160 228 Q 720 104 1600 228" stroke="rgba(186,230,253,0.45)" stroke-width="1.25" />
+
+    <ellipse cx="720" cy="190" rx="210" ry="62" fill="url(#nx-earthrise-sun)" filter="url(#nx-earthrise-glow)" />
+    <path d="M 720 212 L 660 16 Q 720 -26 780 16 Z" fill="url(#nx-earthrise-beam)" />
+    <path d="M 720 210 L 700 42" stroke="rgba(186,230,253,0.3)" stroke-width="1.1" />
+    <path d="M 720 210 L 742 52" stroke="rgba(186,230,253,0.24)" stroke-width="0.95" />
+    <path d="M 720 210 L 674 58" stroke="rgba(186,230,253,0.2)" stroke-width="0.95" />
+  </svg>
+</div>
diff --git a/src/components/SiteFooter.astro b/src/components/SiteFooter.astro
index a0f57c1..27b9a7b 100644
--- a/src/components/SiteFooter.astro
+++ b/src/components/SiteFooter.astro
@@ -1,5 +1,6 @@
 ---
 import { footer } from '../data/home';
+import FooterEarthrise from './FooterEarthrise.astro';
 
 const hasNewsletterAction =
   typeof footer.newsletter.actionUrl === 'string' &&
@@ -216,4 +217,5 @@ const linkClass =
       </p>
     </div>
   </div>
+  <FooterEarthrise />
 </footer>