forked from emre/www_projectmycelium_com
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:
@@ -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" />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user