@m13v/seo-components 0.10.0 → 0.10.1
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,9 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m13v/seo-components",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.1",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build:css": "tailwind -i src/_build.css -o dist/styles.css --minify",
|
|
6
|
-
"
|
|
6
|
+
"bump:consumers": "bash scripts/bump-consumers.sh",
|
|
7
|
+
"prepublishOnly": "npm run build:css",
|
|
8
|
+
"postpublish": "npm run bump:consumers"
|
|
7
9
|
},
|
|
8
10
|
"description": "39 animated React components for programmatic SEO pages. Remotion video, Magic UI style animations, trust signals, JSON-LD helpers. Teal/cyan brand, supports light and dark themes.",
|
|
9
11
|
"type": "module",
|
|
@@ -26,8 +26,8 @@ export function BackgroundGrid({
|
|
|
26
26
|
}: BackgroundGridProps) {
|
|
27
27
|
const bg =
|
|
28
28
|
pattern === "dots"
|
|
29
|
-
? `radial-gradient(circle, rgba(var(--seo-accent-rgb), 0.18) 1px, transparent 1px)`
|
|
30
|
-
: `linear-gradient(rgba(var(--seo-accent-rgb), 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--seo-accent-rgb), 0.12) 1px, transparent 1px)`;
|
|
29
|
+
? `radial-gradient(circle, rgba(var(--seo-accent-rgb, 20, 184, 166), 0.18) 1px, transparent 1px)`
|
|
30
|
+
: `linear-gradient(rgba(var(--seo-accent-rgb, 20, 184, 166), 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--seo-accent-rgb, 20, 184, 166), 0.12) 1px, transparent 1px)`;
|
|
31
31
|
|
|
32
32
|
return (
|
|
33
33
|
<div
|
|
@@ -49,7 +49,7 @@ export function BackgroundGrid({
|
|
|
49
49
|
className="absolute inset-0 pointer-events-none"
|
|
50
50
|
style={{
|
|
51
51
|
background:
|
|
52
|
-
"radial-gradient(ellipse at center, rgba(var(--seo-accent-rgb), 0.15) 0%, transparent 60%)",
|
|
52
|
+
"radial-gradient(ellipse at center, rgba(var(--seo-accent-rgb, 20, 184, 166), 0.15) 0%, transparent 60%)",
|
|
53
53
|
}}
|
|
54
54
|
/>
|
|
55
55
|
)}
|
|
@@ -16,7 +16,7 @@ interface GlowCardProps {
|
|
|
16
16
|
export function GlowCard({
|
|
17
17
|
children,
|
|
18
18
|
className = "",
|
|
19
|
-
glowColor = "rgba(var(--seo-accent-rgb), 0.15)",
|
|
19
|
+
glowColor = "rgba(var(--seo-accent-rgb, 20, 184, 166), 0.15)",
|
|
20
20
|
}: GlowCardProps) {
|
|
21
21
|
const ref = useRef<HTMLDivElement>(null);
|
|
22
22
|
const [mousePos, setMousePos] = useState({ x: 0, y: 0 });
|
|
@@ -24,8 +24,8 @@ export function GradientText({
|
|
|
24
24
|
}: GradientTextProps) {
|
|
25
25
|
const gradient =
|
|
26
26
|
variant === "rainbow"
|
|
27
|
-
? "linear-gradient(90deg, var(--seo-accent-gradient-from), var(--seo-accent), #10b981, var(--seo-accent), var(--seo-accent-gradient-from))"
|
|
28
|
-
: "linear-gradient(90deg, var(--seo-accent-gradient-from), var(--seo-accent), var(--seo-accent-dark), var(--seo-accent), var(--seo-accent-gradient-from))";
|
|
27
|
+
? "linear-gradient(90deg, var(--seo-accent-gradient-from, #06b6d4), var(--seo-accent, #14b8a6), #10b981, var(--seo-accent, #14b8a6), var(--seo-accent-gradient-from, #06b6d4))"
|
|
28
|
+
: "linear-gradient(90deg, var(--seo-accent-gradient-from, #06b6d4), var(--seo-accent, #14b8a6), var(--seo-accent-dark, #0d9488), var(--seo-accent, #14b8a6), var(--seo-accent-gradient-from, #06b6d4))";
|
|
29
29
|
|
|
30
30
|
return (
|
|
31
31
|
<motion.span
|