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
This commit is contained in:
2025-11-17 12:23:27 +01:00
parent 3121251272
commit 3cd41ab1d9

View File

@@ -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>
<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">
<Eyebrow> Project MYCELIUM</Eyebrow>
<H3 className="mt-4">
Private, Distributed Infrastructure Built
for Digital Sovereignty
</H3>
<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"