forked from emre/www_projectmycelium_com
sasha-astiadi
def0972762
- Replaced CloudCodeTabs with static reserve image in CloudIntro - Added dynamic action buttons (Deploy, Follow Development, View Docs) to CloudIntro tabs - Removed CloudFeaturesLight section from CloudPage - Enhanced Pods CallToAction with benefits checklist and expanded early adopter messaging - Added CTA buttons to Homepod component with waitlist and docs links - Removed PodsBenefits section from PodsPage - Updated Homepod description
49 lines
1.9 KiB
TypeScript
49 lines
1.9 KiB
TypeScript
import { H3, Eyebrow, P } from "@/components/Texts"
|
|
import { Button } from "@/components/Button"
|
|
|
|
export default function Homepod() {
|
|
const onGetStartedClick = () => {
|
|
console.log("Get started clicked");
|
|
};
|
|
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/computehero11.webp')", 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-800">
|
|
Pods are personal digital spaces on the Mycelium Network. They are private, persistent, and fully under your control. Run conversations, files, and tools directly on the network instead of through central servers
|
|
</P>
|
|
<div className="mt-8 flex items-center gap-x-6">
|
|
<Button
|
|
variant="solid"
|
|
color="cyan"
|
|
onClick={onGetStartedClick}
|
|
>
|
|
Join the Waitlist
|
|
</Button>
|
|
<Button to="#" variant="outline">
|
|
Explore Docs →
|
|
</Button>
|
|
</div>
|
|
</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>
|
|
)
|
|
}
|