feat: add Pods page with navigation links

- Added new Pods page route with lazy loading
- Integrated Pods navigation links in header (desktop and mobile) and footer
This commit is contained in:
2025-11-10 15:33:04 +01:00
parent d16d4e02e0
commit 8276ede9fd
4 changed files with 53 additions and 1 deletions

View File

@@ -0,0 +1,34 @@
import { H3, Eyebrow } 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-lg">
Imagine having your own corner of the internet private, secure, and always online.
A Pod is your personal digital space on the Mycelium Network.
Its 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>
)
}