forked from emre/www_projectmycelium_com
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:
@@ -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>→</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"
|
||||
|
||||
Reference in New Issue
Block a user