forked from emre/www_projectmycelium_com
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:
34
src/pages/pods/Homepod.tsx
Normal file
34
src/pages/pods/Homepod.tsx
Normal 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.
|
||||
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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user