1 files changed, 36 insertions, 8 deletions
diff --git a/layouts/_partials/hero.html b/layouts/_partials/hero.html
index 11034be..ac8a4e1 100644
--- a/layouts/_partials/hero.html
+++ b/layouts/_partials/hero.html
@@ -1,11 +1,39 @@
-<section class="hero">
-  {{ partial "matrix-canvas.html" . }}
-  <div class="hero-content">
-    <div class="hero-avatar">{{ .Site.Params.avatar }}</div>
-    <div class="hero-text">
-      <h1>{{ .Site.Params.author }}</h1>
-      <div class="hero-role">// engineer • writer • human</div>
-      <p class="hero-bio">{{ .Site.Params.description }}</p>
+<section class="hero" role="region" aria-label="Hero">
+  <div class="hero-left">
+    <div class="hero-prompt">// Featured</div>
+    <h1 class="hero-name" data-text="{{ .Site.Params.author }}">{{ .Site.Params.author }}</h1>
+    <div class="hero-role" id="typed" data-phrases='{{ .Site.Params.typingPhrases | jsonify }}'></div>
+    <p class="hero-tagline">{{ .Site.Params.description }}</p>
+    <div class="hero-buttons">
+      <a href="/articles/" class="btn btn-primary">Read Articles</a>
+      <a href="#articles" class="btn btn-outline">Explore</a>
     </div>
   </div>
+
+  <div class="hero-right">
+    <div class="hero-terminal">
+      <div class="terminal-bar">
+        <span class="terminal-dot" style="background: #ff6b6b;"></span>
+        <span class="terminal-dot" style="background: #ffd93d;"></span>
+        <span class="terminal-dot" style="background: #6bcf7f;"></span>
+      </div>
+      <div class="terminal-content">
+        <div>$ <span class="terminal-prompt">whoami</span></div>
+        <div>danilo</div>
+        <div>$ <span class="terminal-prompt">pwd</span></div>
+        <div>/home/danilo/web</div>
+        <div>$ <span class="terminal-prompt">ls -la</span></div>
+        <div>total 48</div>
+        <div>drwxr-xr-x  5 danilo  staff   160 Apr 9 2026 .</div>
+        <div>-rw-r--r--  1 danilo  staff  4.2K blog.md</div>
+      </div>
+    </div>
+  </div>
+
+  <div class="scroll-indicator">
+    <span>Scroll to explore</span>
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
+      <path d="M10 3v10M6 9l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+  </div>
 </section>