diff --git a/explorer/.env.dev b/explorer/.env.dev
index 6e989f54f1..da4e2516d9 100644
--- a/explorer/.env.dev
+++ b/explorer/.env.dev
@@ -14,3 +14,6 @@ DB_HOST=localhost
 
 # Config file
 ALIGNED_CONFIG_FILE="../contracts/script/output/devnet/alignedlayer_deployment_output.json"
+
+# Debug
+DEBUG_ERRORS=true
diff --git a/explorer/.env.example b/explorer/.env.example
index 688bf3aadf..5701c445b0 100644
--- a/explorer/.env.example
+++ b/explorer/.env.example
@@ -14,3 +14,6 @@ DB_HOST=<db_host>
 
 # Config file
 ALIGNED_CONFIG_FILE="<aligned_config_file>"
+
+# Debug
+DEBUG_ERRORS=<true|false>
diff --git a/explorer/config/config.exs b/explorer/config/config.exs
index b98353e0c5..237a62943d 100644
--- a/explorer/config/config.exs
+++ b/explorer/config/config.exs
@@ -16,7 +16,7 @@ config :explorer, ExplorerWeb.Endpoint,
   adapter: Bandit.PhoenixAdapter,
   render_errors: [
     formats: [html: ExplorerWeb.ErrorHTML, json: ExplorerWeb.ErrorJSON],
-    layout: false
+    root_layout: {ExplorerWeb.Layouts, :root}
   ],
   pubsub_server: Explorer.PubSub,
   live_view: [signing_salt: "XkOXIXZ0"]
diff --git a/explorer/config/dev.exs b/explorer/config/dev.exs
index a0a3fa350c..9490802972 100644
--- a/explorer/config/dev.exs
+++ b/explorer/config/dev.exs
@@ -12,7 +12,7 @@ config :explorer, ExplorerWeb.Endpoint,
   http: [ip: {127, 0, 0, 1}, port: 4000],
   check_origin: false,
   code_reloader: true,
-  debug_errors: true,
+  debug_errors: System.get_env("DEBUG_ERRORS") || false,
   secret_key_base: "Ar8XKULLilwSeaCoCwlrv0KVM8dhzo97yhNOZi5e5wXlk7O0UdjZJJbuyzJx1YuX",
   watchers: [
     esbuild: {Esbuild, :install_and_run, [:explorer, ~w(--sourcemap=inline --watch)]},
diff --git a/explorer/config/runtime.exs b/explorer/config/runtime.exs
index 465eecc15c..2f21e4460d 100644
--- a/explorer/config/runtime.exs
+++ b/explorer/config/runtime.exs
@@ -33,7 +33,7 @@ if config_env() == :prod do
       You can generate one by calling: mix phx.gen.secret
       """
 
-  host = System.get_env("PHX_HOST") || "explorer.alignedlayer.com"
+  host = System.get_env("PHX_HOST") || "http://localhost:4000"
   port = String.to_integer(System.get_env("PORT") || "4000")
 
   config :explorer, :dns_cluster_query, System.get_env("DNS_CLUSTER_QUERY")
diff --git a/explorer/lib/explorer_web/components/core_components.ex b/explorer/lib/explorer_web/components/core_components.ex
index 886c0056b8..ce662079ca 100644
--- a/explorer/lib/explorer_web/components/core_components.ex
+++ b/explorer/lib/explorer_web/components/core_components.ex
@@ -244,6 +244,21 @@ defmodule ExplorerWeb.CoreComponents do
     """
   end
 
+  @doc """
+  Root background component.
+  """
+  slot :inner_block, default: nil
+
+  def root_background(assigns) do
+    ~H"""
+    <div class="bg-[url(/images/home.webp)] bg-cover min-h-screen">
+      <main class="px-4 sm:px-6 lg:px-8 pt-20 pb-8 selection:bg-primary/80">
+        <%= render_slot(@inner_block) %>
+      </main>
+    </div>
+    """
+  end
+
   @doc """
     Renders a card background.
   """
diff --git a/explorer/lib/explorer_web/components/dark_mode.ex b/explorer/lib/explorer_web/components/dark_mode.ex
index a4fb6accb6..939e36e679 100644
--- a/explorer/lib/explorer_web/components/dark_mode.ex
+++ b/explorer/lib/explorer_web/components/dark_mode.ex
@@ -9,6 +9,7 @@ defmodule DarkMode do
       phx-update="ignore"
       phx-hook="DarkThemeToggle"
       class="text-foreground hover:bg-foreground/10 rounded-lg text-sm p-2 drop-shadow-md"
+      aria-label="Toggle dark/light mode"
     >
       <svg
         id="theme-toggle-dark-icon"
@@ -17,6 +18,7 @@ defmodule DarkMode do
         viewBox="0 0 20 20"
         xmlns="http://www.w3.org/2000/svg"
       >
+        <title>Toggle light mode</title>
         <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
       </svg>
 
@@ -27,6 +29,7 @@ defmodule DarkMode do
         viewBox="0 0 20 20"
         xmlns="http://www.w3.org/2000/svg"
       >
+        <title>Toggle dark mode</title>
         <path
           d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
           fill-rule="evenodd"
diff --git a/explorer/lib/explorer_web/components/layouts/app.html.heex b/explorer/lib/explorer_web/components/layouts/app.html.heex
index 22b766952e..eab1e52b8a 100644
--- a/explorer/lib/explorer_web/components/layouts/app.html.heex
+++ b/explorer/lib/explorer_web/components/layouts/app.html.heex
@@ -1,35 +1,5 @@
-<nav class="px-4 sm:px-6 lg:px-8 fixed top-0 w-full inline-flex justify-between p-3 border-b border-foreground/10 backdrop-blur-md backdrop-saturate-200 z-50">
-  <div class="flex items-center gap-8 [&>a]:drop-shadow-md">
-    <.link class="text-3xl hover:scale-105 transform duration-150 active:scale-95" navigate={~p"/"}>
-      🟩
-      <span class="sr-only">Aligned Explorer</span>
-    </.link>
-    <.link class="text-foreground/80 hover:text-foreground font-semibold" navigate={~p"/batches"}>
-      Batches
-    </.link>
-    <.live_component module={SearchComponent} id="nav_search" />
-  </div>
-  <div class="items-center gap-4 font-semibold leading-6 text-foreground/80 flex [&>a]:hidden sm:[&>a]:inline-block [&>a]:drop-shadow-md">
-    <a
-      class="hover:text-foreground"
-      target="_blank"
-      href="https://x.com/alignedlayer"
-    >
-      @alignedlayer
-    </a>
-    <a
-      class="hover:text-foreground"
-      target="_blank"
-      href="https://github.com/yetanotherco/aligned_layer"
-    >
-      GitHub
-    </a>
-    <DarkMode.button />
-  </div>
-</nav>
-<div class="bg-[url(/images/home.png)] bg-cover min-h-screen">
+<.live_component module={NavComponent} id="navbar" />
+<.root_background>
   <.flash_group flash={@flash} />
-  <main class="px-4 sm:px-6 lg:px-8 pt-20 pb-8 selection:bg-primary/80">
-    <%= @inner_content %>
-  </main>
-</div>
+  <%= @inner_content %>
+</.root_background>
diff --git a/explorer/lib/explorer_web/components/nav.ex b/explorer/lib/explorer_web/components/nav.ex
new file mode 100644
index 0000000000..b198297731
--- /dev/null
+++ b/explorer/lib/explorer_web/components/nav.ex
@@ -0,0 +1,36 @@
+defmodule NavComponent do
+  use ExplorerWeb, :live_component
+
+  @impl true
+  def render(assigns) do
+    ~H"""
+    <nav class="px-4 sm:px-6 lg:px-8 fixed top-0 w-full inline-flex justify-between p-3 border-b border-foreground/10 backdrop-blur-md backdrop-saturate-200 z-50">
+      <div class="flex items-center gap-8 [&>a]:drop-shadow-md">
+        <.link
+          class="text-3xl hover:scale-105 transform duration-150 active:scale-95"
+          navigate={~p"/"}
+        >
+          🟩 <span class="sr-only">Aligned Explorer</span>
+        </.link>
+        <.link class="text-foreground/80 hover:text-foreground font-semibold" navigate={~p"/batches"}>
+          Batches
+        </.link>
+        <.live_component module={SearchComponent} id="nav_search" />
+      </div>
+      <div class="items-center gap-4 font-semibold leading-6 text-foreground/80 flex [&>a]:hidden sm:[&>a]:inline-block [&>a]:drop-shadow-md">
+        <a class="hover:text-foreground" target="_blank" href="https://x.com/alignedlayer">
+          @alignedlayer
+        </a>
+        <a
+          class="hover:text-foreground"
+          target="_blank"
+          href="https://github.com/yetanotherco/aligned_layer"
+        >
+          GitHub
+        </a>
+        <DarkMode.button />
+      </div>
+    </nav>
+    """
+  end
+end
diff --git a/explorer/lib/explorer_web/components/search.ex b/explorer/lib/explorer_web/components/search.ex
index 1ca4a5144a..9068481165 100644
--- a/explorer/lib/explorer_web/components/search.ex
+++ b/explorer/lib/explorer_web/components/search.ex
@@ -1,7 +1,7 @@
 defmodule SearchComponent do
   use ExplorerWeb, :live_component
 
-  # do live redirect
+  @impl true
   def handle_event("search_batch", %{"batch" => batch_params}, socket) do
     batch_merkle_root = Map.get(batch_params, "merkle_root")
     is_batch_merkle_root_valid = String.match?(batch_merkle_root, ~r/^0x[a-fA-F0-9]+$/)
@@ -21,6 +21,7 @@ defmodule SearchComponent do
 
   attr :class, :string, default: nil
 
+  @impl true
   def render(assigns) do
     ~H"""
     <form
diff --git a/explorer/lib/explorer_web/components/tweet.ex b/explorer/lib/explorer_web/components/tweet.ex
new file mode 100644
index 0000000000..6ab9009ed0
--- /dev/null
+++ b/explorer/lib/explorer_web/components/tweet.ex
@@ -0,0 +1,33 @@
+defmodule TweetComponent do
+  use ExplorerWeb, :live_component
+
+  attr :text, :string, required: true
+  attr :class, :string, default: nil
+
+  @impl true
+  def render(assigns) do
+    ~H"""
+    <div>
+      <a
+        href={"https://twitter.com/intent/tweet?text=#{@text}"}
+        target="_blank"
+        class="twitter-share-button"
+        data-size="large"
+        data-related="alignedlayer"
+        data-dnt="true"
+        data-show-count="truefalse"
+        data-url=" "
+      >
+        <button class={[
+          "bg-black text-neutral-50 hover:bg-neutral-700 px-3 pb-0.5",
+          "font-bold text-sm leading-[18px] tracking-wider rounded-full",
+          @class
+        ]}>
+          <span class="text-xl font-normal">𝕏</span> <span class="tracking-tight">Post</span>
+        </button>
+      </a>
+      <script async src="https://platform.twitter.com/widgets.js" charset="utf-8" />
+    </div>
+    """
+  end
+end
diff --git a/explorer/lib/explorer_web/controllers/error_html.ex b/explorer/lib/explorer_web/controllers/error_html.ex
index b2908417c8..d7562437d9 100644
--- a/explorer/lib/explorer_web/controllers/error_html.ex
+++ b/explorer/lib/explorer_web/controllers/error_html.ex
@@ -6,14 +6,7 @@ defmodule ExplorerWeb.ErrorHTML do
   """
   use ExplorerWeb, :html
 
-  # If you want to customize your error pages,
-  # uncomment the embed_templates/1 call below
-  # and add pages to the error directory:
-  #
-  #   * lib/explorer_web/controllers/error_html/404.html.heex
-  #   * lib/explorer_web/controllers/error_html/500.html.heex
-  #
-  # embed_templates "error_html/*"
+  embed_templates "error_html/*"
 
   # The default is to render a plain text page based on
   # the template name. For example, "404.html" becomes
diff --git a/explorer/lib/explorer_web/controllers/error_html/404.html.heex b/explorer/lib/explorer_web/controllers/error_html/404.html.heex
new file mode 100644
index 0000000000..efccb61624
--- /dev/null
+++ b/explorer/lib/explorer_web/controllers/error_html/404.html.heex
@@ -0,0 +1,7 @@
+<.root_background>
+  <div class={["flex flex-col items-center justify-center gap-3 min-h-96"]}>
+    <.card_preheding class="text-6xl text-foreground font-semibold">Error 404</.card_preheding>
+    <p class={["text-xl text-foreground"]}>Page not found.</p>
+    <.a href="/" class="text-lg text-foreground">Home</.a>
+  </div>
+</.root_background>
diff --git a/explorer/lib/explorer_web/controllers/error_html/500.html.heex b/explorer/lib/explorer_web/controllers/error_html/500.html.heex
new file mode 100644
index 0000000000..f9a8df1676
--- /dev/null
+++ b/explorer/lib/explorer_web/controllers/error_html/500.html.heex
@@ -0,0 +1,7 @@
+<.root_background>
+  <div class={["flex flex-col items-center justify-center gap-3 min-h-96"]}>
+    <.card_preheding class="text-6xl text-foreground font-semibold">Error 500</.card_preheding>
+    <p class={["text-xl text-foreground"]}>Something went wrong on our end.</p>
+    <.a href="/" class="text-lg text-foreground">Home</.a>
+  </div>
+</.root_background>
diff --git a/explorer/lib/explorer_web/live/pages/batch/index.ex b/explorer/lib/explorer_web/live/pages/batch/index.ex
index 7009acd184..10de6c40d4 100644
--- a/explorer/lib/explorer_web/live/pages/batch/index.ex
+++ b/explorer/lib/explorer_web/live/pages/batch/index.ex
@@ -2,6 +2,7 @@ defmodule ExplorerWeb.Batch.Index do
   require Logger
   use ExplorerWeb, :live_view
 
+  @impl true
   def mount(params, _, socket) do
     merkle_root = params["merkle_root"]
 
@@ -25,6 +26,8 @@ defmodule ExplorerWeb.Batch.Index do
       assign(socket,
         merkle_root: merkle_root,
         current_batch: current_batch,
+        network: System.get_env("ENVIRONMENT"),
+        site_url: System.get_env("PHX_HOST"),
         page_title: Utils.shorten_hash(merkle_root)
       )
     }
@@ -33,6 +36,7 @@ defmodule ExplorerWeb.Batch.Index do
       {:ok, assign(socket, merkle_root: :empty, newBatchInfo: :empty, batchWasResponded: :empty)}
   end
 
+  @impl true
   def handle_info(_, socket) do
     IO.puts("Received batch update for #{socket.assigns.merkle_root} from PubSub")
 
diff --git a/explorer/lib/explorer_web/live/pages/batch/index.html.heex b/explorer/lib/explorer_web/live/pages/batch/index.html.heex
index 77cb798cb7..79ac8ffefa 100644
--- a/explorer/lib/explorer_web/live/pages/batch/index.html.heex
+++ b/explorer/lib/explorer_web/live/pages/batch/index.html.heex
@@ -16,7 +16,7 @@
         target="_blank"
         rel="noopener"
         href={
-          "https://#{System.get_env("ENVIRONMENT") |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/block/#{@current_batch.submission_block_number}"
+          "https://#{@network |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/block/#{@current_batch.submission_block_number}"
         }
         class="hover:text-foreground/80"
       >
@@ -26,7 +26,7 @@
       <.a
         target="_blank"
         rel="noopener"
-        href={"https://#{System.get_env("ENVIRONMENT") |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/tx/#{@current_batch.submission_transaction_hash}"}
+        href={"https://#{@network |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/tx/#{@current_batch.submission_transaction_hash}"}
         class="hover:text-foreground/80"
       >
         <%= @current_batch.submission_transaction_hash %>
@@ -41,7 +41,7 @@
         <.a
           target="_blank"
           rel="noopener"
-          href={"https://#{System.get_env("ENVIRONMENT") |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/block/#{@current_batch.response_block_number}"}
+          href={"https://#{@network |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/block/#{@current_batch.response_block_number}"}
           class="hover:text-foreground/80"
         >
           <%= @current_batch.response_block_number |> Utils.format_number() %>
@@ -50,7 +50,7 @@
         <.a
           target="_blank"
           rel="noopener"
-          href={"https://#{System.get_env("ENVIRONMENT") |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/tx/#{@current_batch.response_transaction_hash}"}
+          href={"https://#{@network |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/tx/#{@current_batch.response_transaction_hash}"}
           class="hover:text-foreground/80"
         >
           <%= @current_batch.response_transaction_hash %>
@@ -59,6 +59,17 @@
         <p>
           <%= @current_batch.response_timestamp |> Utils.parse_timestamp() %>
         </p>
+        Share:
+        <%!-- 
+          %20 represents a space
+          %23 represents the hash symbol (#)
+          %0A represents a line feed (LF) or Unix-style newline
+         --%>
+        <.live_component
+          id={"tweet_#{@merkle_root}"}
+          module={TweetComponent}
+          text={"Just%20submitted%20a%20proof%20via%20@alignedlayer%0AI%20am%20now%20%23aligned%20✅%0A#{@site_url}/batches/#{@merkle_root}"}
+        />
       <% end %>
     </.card>
   <% else %>
@@ -70,7 +81,7 @@
       <img
         class="z-0 w-64 rounded-xl mx-auto"
         alt="block not found"
-        src={~p"/images/not-found.jpeg"}
+        src={~p"/images/not-found.webp"}
       />
       <.link navigate={~p"/"}>
         <.button>
diff --git a/explorer/lib/explorer_web/live/pages/batches/index.ex b/explorer/lib/explorer_web/live/pages/batches/index.ex
index 41e314117b..664d1226a5 100644
--- a/explorer/lib/explorer_web/live/pages/batches/index.ex
+++ b/explorer/lib/explorer_web/live/pages/batches/index.ex
@@ -5,6 +5,7 @@ defmodule ExplorerWeb.Batches.Index do
 
   @page_size 15
 
+  @impl true
   def mount(params, _, socket) do
     current_page = get_current_page(params)
 
@@ -15,6 +16,7 @@ defmodule ExplorerWeb.Batches.Index do
     {:ok, assign(socket, current_page: current_page, batches: batches, page_title: "Batches")}
   end
 
+  @impl true
   def handle_info(_, socket) do
     IO.puts("Received update for batches from PubSub")
 
@@ -25,11 +27,12 @@ defmodule ExplorerWeb.Batches.Index do
     {:noreply, assign(socket, batches: batches)}
   end
 
+  @impl true
   def handle_event("change_page", %{"page" => page}, socket) do
     {:noreply, push_navigate(socket, to: ~p"/batches?page=#{page}")}
   end
 
-  def get_current_page(params) do
+  defp get_current_page(params) do
     case params |> Map.get("page") do
       nil ->
         1
diff --git a/explorer/lib/explorer_web/live/pages/batches/index.html.heex b/explorer/lib/explorer_web/live/pages/batches/index.html.heex
index cdadbeb771..ca9ee7b9c3 100644
--- a/explorer/lib/explorer_web/live/pages/batches/index.html.heex
+++ b/explorer/lib/explorer_web/live/pages/batches/index.html.heex
@@ -1,4 +1,4 @@
-<div class="flex flex-col space-y-3 text-foreground px-1 sm:max-w-lg md:max-w-3xl lg:max-w-5xl mx-auto capitalize mb-12">
+<div class="flex flex-col space-y-3 text-foreground px-1 sm:max-w-lg md:max-w-3xl lg:max-w-5xl mx-auto capitalize">
   <.card_preheding>Latest Batches</.card_preheding>
   <%= if @batches != :empty and @batches != [] do %>
     <.card_background class="overflow-x-auto">
@@ -14,35 +14,33 @@
           </tr>
         </thead>
         <tbody>
-          <%= for batch <- @batches do %>
-            <tr class="text-foreground gap-y-2 [&>th]:pt-3">
-              <th class="text-left pr-4">
-                <.link navigate={~p"/batches/#{batch.merkle_root}"} class="group">
-                  <span
-                    title={batch.merkle_root}
-                    class="inline-flex gap-x-3 col-span-2 items-center group-hover:text-foreground/80"
-                  >
-                    <%= Utils.shorten_hash(batch.merkle_root) %>
-                    <.right_arrow />
-                  </span>
-                </.link>
-              </th>
+          <tr :for={batch <- @batches} class="text-foreground gap-y-2 [&>th]:pt-3">
+            <th class="text-left pr-4">
+              <.link navigate={~p"/batches/#{batch.merkle_root}"} class="group">
+                <span
+                  title={batch.merkle_root}
+                  class="inline-flex gap-x-3 col-span-2 items-center group-hover:text-foreground/80"
+                >
+                  <%= Utils.shorten_hash(batch.merkle_root) %>
+                  <.right_arrow />
+                </span>
+              </.link>
+            </th>
 
-              <th class={[
-                "font-medium text-base rounded-full px-4"
-              ]}>
-                <.dynamic_badge status={batch.is_verified} />
-              </th>
+            <th class={[
+              "font-medium text-base rounded-full px-4"
+            ]}>
+              <.dynamic_badge status={batch.is_verified} />
+            </th>
 
-              <th class="font-normal group-hover:text-foreground/80 min-w-32 px-4 normal-case">
-                <%= batch.submission_timestamp |> Utils.parse_timeago() %>
-              </th>
+            <th class="font-normal group-hover:text-foreground/80 min-w-32 px-4 normal-case">
+              <%= batch.submission_timestamp |> Utils.parse_timeago() %>
+            </th>
 
-              <th class="font-normal group-hover:text-foreground/80 px-20">
-                <%= batch.submission_block_number |> Utils.format_number() %>
-              </th>
-            </tr>
-          <% end %>
+            <th class="font-normal group-hover:text-foreground/80 px-20">
+              <%= batch.submission_block_number |> Utils.format_number() %>
+            </th>
+          </tr>
         </tbody>
       </table>
     </.card_background>
diff --git a/explorer/lib/explorer_web/live/pages/home/index.ex b/explorer/lib/explorer_web/live/pages/home/index.ex
index cf94e8fbfd..a7cd496659 100644
--- a/explorer/lib/explorer_web/live/pages/home/index.ex
+++ b/explorer/lib/explorer_web/live/pages/home/index.ex
@@ -2,9 +2,8 @@ defmodule ExplorerWeb.Home.Index do
   require Logger
   use ExplorerWeb, :live_view
 
+  @impl true
   def handle_info(_, socket) do
-    IO.puts("Received update for home from PubSub")
-
     verified_batches = Batches.get_amount_of_verified_batches()
 
     operators_registered = get_operators_registered()
@@ -26,6 +25,7 @@ defmodule ExplorerWeb.Home.Index do
      )}
   end
 
+  @impl true
   def mount(_, _, socket) do
     verified_batches = Batches.get_amount_of_verified_batches()
 
@@ -46,6 +46,9 @@ defmodule ExplorerWeb.Home.Index do
        operators_registered: operators_registered,
        latest_batches: latest_batches,
        verified_proofs: verified_proofs,
+       service_manager_address:
+         AlignedLayerServiceManager.get_aligned_layer_service_manager_address(),
+       network: System.get_env("ENVIRONMENT"),
        page_title: "Welcome"
      )}
   rescue
@@ -104,7 +107,7 @@ defmodule ExplorerWeb.Home.Index do
     end
   end
 
-  def get_operators_registered() do
+  defp get_operators_registered() do
     AVSDirectory.get_operator_status_updated_events()
     |> (fn {status, data} when status == :ok -> count_operators_registered(data) end).()
   end
diff --git a/explorer/lib/explorer_web/live/pages/home/index.html.heex b/explorer/lib/explorer_web/live/pages/home/index.html.heex
index 14cc78a375..c2ba63f79a 100644
--- a/explorer/lib/explorer_web/live/pages/home/index.html.heex
+++ b/explorer/lib/explorer_web/live/pages/home/index.html.heex
@@ -10,7 +10,7 @@
   <.card_link
     href={
       # eigen url for mainnet is app.eigenlayer.xyz
-      "https://#{System.get_env("ENVIRONMENT") |> String.replace(~r/mainnet/, "app")}.eigenlayer.xyz/avs/#{AlignedLayerServiceManager.get_aligned_layer_service_manager_address()}"
+      "https://#{@network |> String.replace(~r/mainnet/, "app")}.eigenlayer.xyz/avs/#{@service_manager_address}"
     }
     title="Registered Operators"
   >
@@ -22,7 +22,7 @@
   </.card_link>
   <.card_link
     href={
-      "https://#{System.get_env("ENVIRONMENT") |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/address/#{AlignedLayerServiceManager.get_aligned_layer_service_manager_address()}"
+      "https://#{@network |> String.replace(~r/holesky/, "holesky.") |> String.replace(~r/mainnet/, "")}etherscan.io/address/#{@service_manager_address}"
     }
     title="verified batches"
   >
diff --git a/explorer/lib/explorer_web/live/utils.ex b/explorer/lib/explorer_web/live/utils.ex
index 0bf0082274..cb2d3f4ef3 100644
--- a/explorer/lib/explorer_web/live/utils.ex
+++ b/explorer/lib/explorer_web/live/utils.ex
@@ -37,44 +37,34 @@ defmodule ExplorerWeb.Utils do
   end
 
   def parse_timeago(timestamp) do
-    current_time = DateTime.utc_now()
-    diff_seconds = DateTime.diff(current_time, timestamp)
-
-    days = div(diff_seconds, 86400)
-    remaining_seconds = rem(diff_seconds, 86400)
-    minutes = div(remaining_seconds, 60)
-    hours = div(minutes, 60)
-
-    case days do
-      0 ->
-        case hours do
-          0 ->
-            case minutes do
-              0 ->
-                "Just now"
-
-              1 ->
-                "1 min ago"
-
-              _ ->
-                "#{minutes} mins ago"
-            end
-
-          1 ->
-            "1 hr ago"
-
-          _ ->
-            "#{hours} hrs ago"
-        end
-
-      1 ->
-        "1 day ago"
+    diff_seconds = DateTime.utc_now() |> DateTime.diff(timestamp)
 
-      _ ->
-        "#{days} days ago"
+    cond do
+      diff_seconds < 60 -> "Just now"
+      diff_seconds < 3600 -> format_minutes(diff_seconds)
+      diff_seconds < 86400 -> format_hours(diff_seconds)
+      true -> format_days(diff_seconds)
     end
   end
 
+  defp format_minutes(seconds) do
+    minutes = div(seconds, 60)
+    pluralize(minutes, "min")
+  end
+
+  defp format_hours(seconds) do
+    hours = div(seconds, 3600)
+    pluralize(hours, "hr")
+  end
+
+  defp format_days(seconds) do
+    days = div(seconds, 86400)
+    pluralize(days, "day")
+  end
+
+  defp pluralize(1, unit), do: "1 #{unit} ago"
+  defp pluralize(count, unit), do: "#{count} #{unit}s ago"
+
   def format_month(num) do
     case num do
       1 -> "Jan"
diff --git a/explorer/priv/static/images/home.webp b/explorer/priv/static/images/home.webp
new file mode 100644
index 0000000000..14ec3d4385
Binary files /dev/null and b/explorer/priv/static/images/home.webp differ
diff --git a/explorer/priv/static/images/logo.png b/explorer/priv/static/images/logo.png
deleted file mode 100644
index 53a8658331..0000000000
Binary files a/explorer/priv/static/images/logo.png and /dev/null differ
diff --git a/explorer/priv/static/images/not-found.webp b/explorer/priv/static/images/not-found.webp
new file mode 100644
index 0000000000..ee63d43c3b
Binary files /dev/null and b/explorer/priv/static/images/not-found.webp differ