feat: update CallToAction component styling and add cyan glow effect

- Replaced hardcoded heading and paragraph elements with reusable H3 and P components
- Added cyan radial glow SVG overlay to HomeBlink for enhanced visual atmosphere
- Updated audience images (7.jpg and 8.jpg)
This commit is contained in:
2025-11-12 15:59:18 +01:00
parent dfe71dd4eb
commit 37d4371288
4 changed files with 29 additions and 6 deletions

View File

@@ -13,6 +13,28 @@ export function HomeBlink({ onGetStartedClick }: { onGetStartedClick: () => void
{/* ✅ Animated blinking grid */}
<GridBlink />
{/* ✅ Cyan Radial Glow */}
<svg
viewBox="0 0 1024 1024"
aria-hidden="true"
className="absolute top-full left-1/2 w-7xl h-520 -translate-x-1/2 -translate-y-1/2 mask-image mask-[radial-gradient(circle,white,transparent)]"
>
<circle
r={512}
cx={512}
cy={512}
fill="url(#mycelium-cyan-glow)"
fillOpacity="0.1"
/>
<defs>
<radialGradient id="mycelium-cyan-glow">
<stop stopColor="#00e5ff" />
<stop offset="1" stopColor="transparent" />
</radialGradient>
</defs>
</svg>
{/* ✅ Cyan Spotlight */}
<Spotlight className="-top-40 left-0 md:-top-20 md:left-60" />