forked from emre/www_projectmycelium_com
sasha-astiadi
c962743737
- Changed AgentHeroAlt and Homepod description text from text-gray-800 to text-gray-600 for softer contrast - Added vertical translation to animation SVGs: NoCentral (-translate-y-10), DataControl (-translate-y-12), Security (translate-y-6), Resilience (translate-y-5) - Updated Resilience and Security danger color from red (#ff4d4d) to gray (#9ca3af) - Changed NodeBenefits card border from border-gray-300
60 lines
2.3 KiB
TypeScript
60 lines
2.3 KiB
TypeScript
import { H3, Eyebrow, P } from "@/components/Texts"
|
|
import { Button } from "@/components/Button"
|
|
|
|
export default function Homepod() {
|
|
const onGetStartedClick = () => {
|
|
// Ensure we are in a browser environment and ml_account exists before calling it
|
|
if (typeof window !== 'undefined' && typeof (window as any).ml_account === 'function') {
|
|
(window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
|
|
} else {
|
|
console.log("MailerLite script (ml_account) not fully loaded or not in browser.")
|
|
}
|
|
};
|
|
|
|
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 md:bg-[url('/images/computehero11.webp')] md:bg-contain md:bg-right md:bg-no-repeat"
|
|
>
|
|
{/* Inner padding */}
|
|
<div className="px-6 pt-4 pb-12 lg:py-24">
|
|
{/* Mobile-only hero image */}
|
|
<img
|
|
src="/images/mobile/pods.jpg"
|
|
alt="Mycelium Pods visual"
|
|
className="mb-8 w-full object-cover md:hidden"
|
|
/>
|
|
|
|
<div className="max-w-2xl lg:pl-6">
|
|
<Eyebrow>
|
|
Mycelium Pods - Coming Soon
|
|
</Eyebrow>
|
|
<H3 className="mt-4">
|
|
Your Private Space in the New Internet
|
|
</H3>
|
|
<P className="mt-6 text-gray-600">
|
|
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"
|
|
// The updated onClick handler calls the function
|
|
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>
|
|
)
|
|
} |