diff --git a/app/views/home/hero-v2.php b/app/views/home/hero-v2.php
index 16f909d..68a793b 100644
--- a/app/views/home/hero-v2.php
+++ b/app/views/home/hero-v2.php
@@ -1,4 +1,5 @@
 <!-- splash hero -->
+<script type="module" src="https://unpkg.com/@splinetool/viewer@1.10.37/build/spline-viewer.js" defer></script>
 <div id="splash-hero">
     <div class="splash-hero-bg">
         <video autoplay muted loop playsinline>
@@ -76,8 +77,17 @@
                     </a>
                 </div>
             </div>
+            <div id="hero-spline" class="absolute">
+                <spline-viewer 
+                  url="https://prod.spline.design/pgOI6SpSS4Iamiob/scene.splinecode"
+                  role="application"
+                  aria-label="Interactive 3D scene"
+                  loading="lazy">
+                </spline-viewer>
+            </div>
         </div>
 
+     
 
         <div id="logos" class="overflow-x-hidden">
             <div class="animate-marquee flex items-center invert">
diff --git a/html/static/css/style.css b/html/static/css/style.css
index f0ca46e..d216acd 100644
--- a/html/static/css/style.css
+++ b/html/static/css/style.css
@@ -2743,6 +2743,30 @@ section:not(.hero) > div:first-of-type {
     max-width: var(--container-7xl);
   }
 }
+#hero-spline {
+  position: absolute;
+  right: 10px;
+  bottom: 40px;
+}
+#hero-spline spline-viewer {
+  display: none;
+
+  @media (width >= 60rem) {
+    display: block;
+    width: 300px;
+    height: 300px;
+  }
+
+  @media (width >= 80rem) {
+    width: 400px;
+    height: 400px;
+  }
+
+  @media (width >= 96rem) {
+    width: 500px;
+    height: 500px;
+  }
+}
 .hero > div#hero-content > div:first-of-type {
   width: fit-content;
   --tw-gradient-position: to right in oklab;