forked from emre/www_projectmycelium_com
feat: add consistent border styling and improve layout spacing
- Applied border-gray-200 borders to main sections for visual consistency - Restructured HomeTab component with full-width card grid layout - Refined spacing and padding across hero, benefits, and hosting sections
This commit is contained in:
51
src/pages/home/archive/HomeNew.tsx
Normal file
51
src/pages/home/archive/HomeNew.tsx
Normal file
@@ -0,0 +1,51 @@
|
||||
import { H1, H5 } from "@/components/Texts"
|
||||
import { Button } from "@/components/Button"
|
||||
|
||||
export function HomeAurora({ onGetStartedClick }: { onGetStartedClick: () => void }) {
|
||||
return (
|
||||
<div className="px-4">
|
||||
{/* Boxed container */}
|
||||
<div
|
||||
className="relative mx-auto max-w-7xl border border-t-0 border-gray-200 overflow-hidden bg-cover bg-right bg-no-repeat"
|
||||
style={{ backgroundImage: "url('/images/hero11.webp')" }}
|
||||
>
|
||||
{/* Inner padding */}
|
||||
<div className="px-6 pt-12 pb-24 sm:pb-32 lg:pt-40 lg:pb-48">
|
||||
<div className="max-w-2xl">
|
||||
<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">
|
||||
The Sovereign Agentic Cloud
|
||||
</H1>
|
||||
|
||||
<H5 className="mt-8 text-lg text-gray-600">
|
||||
Host nodes, deploy workloads, or build private AI systems,
|
||||
all on infrastructure you own and control.
|
||||
</H5>
|
||||
|
||||
<div className="mt-10 flex items-center gap-x-6">
|
||||
<Button
|
||||
variant="solid"
|
||||
color="cyan"
|
||||
onClick={onGetStartedClick}
|
||||
>
|
||||
Start Hosting
|
||||
</Button>
|
||||
<Button to="#" variant="outline">
|
||||
Deploy in Cloud →
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user