@m13v/seo-components 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m13v/seo-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "39 animated React components for programmatic SEO pages. Remotion video, Magic UI style animations, trust signals, JSON-LD helpers. Teal/cyan brand, light-theme only.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./src/index.ts",
|
|
@@ -15,6 +15,8 @@ interface AnimatedBeamProps {
|
|
|
15
15
|
/** Right side nodes (destinations) */
|
|
16
16
|
to: BeamNode[];
|
|
17
17
|
title?: string;
|
|
18
|
+
/** Accent hex color for the hub fill and beam glow. Defaults to teal (#14b8a6). */
|
|
19
|
+
accentColor?: string;
|
|
18
20
|
className?: string;
|
|
19
21
|
}
|
|
20
22
|
|
|
@@ -29,6 +31,7 @@ export function AnimatedBeam({
|
|
|
29
31
|
hub,
|
|
30
32
|
to,
|
|
31
33
|
title,
|
|
34
|
+
accentColor = "#14b8a6",
|
|
32
35
|
className = "",
|
|
33
36
|
}: AnimatedBeamProps) {
|
|
34
37
|
const width = 720;
|
|
@@ -59,9 +62,9 @@ export function AnimatedBeam({
|
|
|
59
62
|
>
|
|
60
63
|
<defs>
|
|
61
64
|
<linearGradient id="beam-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
62
|
-
<stop offset="0%" stopColor=
|
|
63
|
-
<stop offset="50%" stopColor=
|
|
64
|
-
<stop offset="100%" stopColor=
|
|
65
|
+
<stop offset="0%" stopColor={accentColor} stopOpacity="0" />
|
|
66
|
+
<stop offset="50%" stopColor={accentColor} stopOpacity="1" />
|
|
67
|
+
<stop offset="100%" stopColor={accentColor} stopOpacity="0" />
|
|
65
68
|
</linearGradient>
|
|
66
69
|
<filter id="glow">
|
|
67
70
|
<feGaussianBlur stdDeviation="3" result="blur" />
|
|
@@ -183,7 +186,7 @@ export function AnimatedBeam({
|
|
|
183
186
|
width="144"
|
|
184
187
|
height="72"
|
|
185
188
|
rx="36"
|
|
186
|
-
fill=
|
|
189
|
+
fill={accentColor}
|
|
187
190
|
filter="url(#glow)"
|
|
188
191
|
/>
|
|
189
192
|
<rect
|