From 3cd41ab1d965554b3a745ed01afdcedf22d1713a Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Mon, 17 Nov 2025 12:23:27 +0100
Subject: [PATCH] refactor: simplify hero section with updated typography and
 spacing

- Replaced H1 with H3 and added Eyebrow component for "Project MYCELIUM" label
- Removed promotional banner about booking a call
- Improved text hierarchy and reduced vertical spacing (mt-8 to mt-4)
- Added max-width constraint to description text for better readability
- Removed unused H3Icon import
---
 src/pages/home/HomeAurora.tsx | 35 ++++++++++-------------------------
 1 file changed, 10 insertions(+), 25 deletions(-)

diff --git a/src/pages/home/HomeAurora.tsx b/src/pages/home/HomeAurora.tsx
index 3c05a2a..c72535d 100644
--- a/src/pages/home/HomeAurora.tsx
+++ b/src/pages/home/HomeAurora.tsx
@@ -1,5 +1,6 @@
-import { H1, H4, H5 } from "@/components/Texts"
+import { H1, H4, H3, H5, Eyebrow } from "@/components/Texts"
 import { Button } from "@/components/Button"
+import { H3Icon } from "@heroicons/react/20/solid"
 
 export function HomeAurora({ onGetStartedClick }: { onGetStartedClick: () => void }) {
   return (
@@ -12,33 +13,17 @@ export function HomeAurora({ onGetStartedClick }: { onGetStartedClick: () => voi
         {/* Inner padding */}
         <div className="px-6 py-16 lg:py-32 ">
           <div className="max-w-2xl lg:pl-6">
-            <div className="hidden sm:flex">
-              <div className="relative rounded-full px-3 py-1 text-sm/6 text-gray-500 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
-                Deploying at scale?{' '}
-                <a href="#" className="font-semibold whitespace-nowrap text-cyan-600">
-                  <span aria-hidden="true" className="absolute inset-0" />
-                  Book a call  <span>&rarr;</span>
-                </a>
-              </div>
-            </div>
+            <Eyebrow> Project MYCELIUM</Eyebrow> 
+            <H3 className="mt-4">
+              Private, Distributed Infrastructure Built 
+              for Digital Sovereignty
+            </H3>
 
-            <H1 className="mt-8">
-              MYCELIUM
-            </H1>
-
-            <H4 className="mt-8">
-              Private, distributed infrastructure built 
-for digital sovereignty
-
-
-            </H4>
-
-            <H5 className="mt-8 text-lg text-gray-600">
-              
-Run your apps, data, and intelligence on infrastructure that belongs to you
+            <H5 className="mt-4 text-lg text-gray-600 max-w-xl">
+              Run your apps, data, and intelligence on infrastructure that belongs to you
             </H5>
 
-            <div className="mt-10 flex items-center gap-x-6">
+            <div className="mt-8 flex items-center gap-x-6">
               <Button
                 variant="solid"
                 color="cyan"