From c6b5a60695449925192e04e1962e64066ad351e8 Mon Sep 17 00:00:00 2001
From: Luka Dekanozishvili <luka.dekanozishvili1@gmail.com>
Date: Sat, 31 Jan 2026 17:07:38 +0100
Subject: [PATCH] feat: replaced blog visual with browser mockup

---
 src/routes/blog/+page.svelte | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 05c225e..ac32c1a 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -23,10 +23,21 @@
             <div class="py-6 leading-8">
               Learn about DNS/DynDNS records, email, mailservers, the internet, security, our services, and more!
             </div>
-            <div class="mockup-code max-w-60 min-w-60 mx-4 not-sm:mb-6">
-              <pre data-prefix="$"><code>Question?</code></pre>
-              <pre data-prefix=">" class="text-warning"><code>Answering...</code></pre>
-              <pre data-prefix=">" class="text-success"><code>Done!</code></pre>
+            <div class="mockup-browser border-2 border-base-100 min-w-83 max-w-83 h-55 bg-base-300 scale-80 not-sm:mb-6 overflow-none">
+              <div class="mockup-browser-toolbar">
+                <div class="input ml-2">https://hexname.com/blog</div>
+              </div>
+              <div class="flex  bg-gradient-to-b from-primary to-accent items-center w-full h-44 justify-center">
+                <div class="text-4xl font-semibold max-w-2xl">
+                  <span class="bg-gradient-to-b from-primary to-accent px-8 py-10">
+                    <span class="bg-gradient-to-b from-primary to-accent px-12 py-6">
+                      <span class="bg-gradient-to-b from-primary to-accent px-2 py-2">
+                        Blogs!
+                      </span>
+                    </span>
+                  </span>
+                </div>
+              </div>
             </div>
           </div>
           <a href="/register" class="btn btn-primary w-full sm:w-40">Get started</a>