feat: add cyan glow effects and new network resilience animation

- Added cyan radial glow SVG to CallToAction components across all product pages for visual consistency
- Created NoSinglePoint animation demonstrating redundant network paths and resilience against single point failures
- Updated HomeArchitecture layout to better center and display animations with improved flex positioning
This commit is contained in:
2025-11-14 22:23:11 +01:00
parent 33821987aa
commit a3028ff448
20 changed files with 548 additions and 174 deletions

View File

@@ -2,7 +2,8 @@ import { useId } from 'react'
import { Container } from '@/components/Container'
import { Button } from '@/components/Button'
import phoneFrame from '../../images/phoneframe.png'
import { H3, P, CT } from "@/components/Texts";
import { H3, P
, Eyebrow } from "@/components/Texts";
function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) {
let id = useId()
@@ -79,12 +80,12 @@ export function Hero() {
<Container>
<div className="flex flex-col-reverse gap-y-16 lg:grid lg:grid-cols-12 lg:gap-x-8 lg:gap-y-20 px-6 lg:px-8">
<div className="relative z-10 mx-auto max-w-2xl lg:col-span-7 lg:max-w-none lg:pt-6 xl:col-span-6">
<H3 className="mb-4">
<Eyebrow className="mb-4">
MYCELIUM NETWORK
</H3>
<CT className="mt-8 font-medium text-gray-600 ">
</Eyebrow>
<H3 className="mt-8 ">
The Network Stack for Private, Autonomous Networking
</CT>
</H3>
<P className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
Connect once. Get private networking, censorship-resistant publishing, and on-network AI in one encrypted fabric.
</P>