35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
import { H3, Eyebrow, P } from "@/components/Texts"
|
||
|
||
export default function Homepod() {
|
||
return (
|
||
<div className="">
|
||
{/* Boxed container */}
|
||
<div
|
||
className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100 bg-white overflow-hidden bg-contain bg-right bg-no-repeat"
|
||
style={{ backgroundImage: "url('/images/pods.png')", backgroundSize: "contain" }}
|
||
>
|
||
{/* Inner padding */}
|
||
<div className="px-6 py-16 lg:py-16">
|
||
<div className="max-w-2xl lg:pl-6">
|
||
<Eyebrow>
|
||
MYCELIUM PODS
|
||
</Eyebrow>
|
||
<H3 className="mt-4">
|
||
Your Private Space in the New Internet
|
||
</H3>
|
||
<P className="mt-6 text-gray-200">
|
||
Imagine having your own corner of the internet — private, secure, and always online.
|
||
A Pod is your personal digital space on the Mycelium Network.
|
||
It’s where your conversations, files, and digital tools live — owned by you, connected to others directly.
|
||
</P>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
{/* ✅ Bottom horizontal line with spacing */}
|
||
<div className="w-full border-b border-gray-100" />
|
||
<div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-100"></div>
|
||
</div>
|
||
)
|
||
}
|