...

templates/partials/home/hero.html

@@ -1,5 +1,11 @@
+
 <div class="relative flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
+  
   <div class="px-4 lg:pb-24 pb-12 lg:px-8">
+    <div class="flex justify-center mb-16 fade-in">
+      <img src="/images/white_threefold.png" alt="ThreeFold Logo" class="h-32">
+    </div>
+  
     <div class="mx-auto max-w-4xl text-center">
       <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-5xl fade-in">Internet
         infrastructure<br> for everyone by everyone, everywhere.</h2>
@@ -11,6 +17,7 @@
       <br>
       {# <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2> #}
       <br>
+  
       <div class="mt-10 flex items-center justify-center gap-x-6">
         <a href="/what"
           class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">What
@@ -50,4 +57,4 @@
     animation-delay: 1s;
     /* Delay for paragraphs */
   }
-</style>
+</style>