ourworld_web/www_projectmycelium_com
22
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 13 Pull Requests Projects Releases Activity

refactor: simplify hero section with updated typography and spacing

Browse Source 
- 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:
sasha-astiadi
2025-11-17 12:23:27 +01:00
parent 3121251272
commit 3cd41ab1d9
1 changed files with 10 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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