Quote Block default breakpoint added

2025-08-25 15:52:39 -06:00
parent e76fcc6206
commit 44a26cb8ea
5 changed files with 121 additions and 13 deletions
@@ -0,0 +1,42 @@
+"use client";
+
+const QuoteDecor = ({ className = "" }) => {
+  return (
+    <svg
+      className={`text-[var(--color-surface-inverse-brand-primary)] opacity-100 ${className}`}
+      viewBox="0 0 1242 163"
+      aria-hidden="true"
+      overflow="visible"
+      preserveAspectRatio="xMidYMid slice"
+    >
+      <g fill="currentColor">
+        {/* First ellipse - top left */}
+        <ellipse
+          cx="590"
+          cy="40"
+          rx="90"
+          ry="40"
+          transform="rotate(-35 600 80)"
+        />
+        {/* Second ellipse - middle */}
+        <ellipse
+          cx="608"
+          cy="100"
+          rx="90"
+          ry="40"
+          transform="rotate(-35 600 80)"
+        />
+        {/* Third ellipse - bottom right */}
+        <ellipse
+          cx="610"
+          cy="155"
+          rx="90"
+          ry="40"
+          transform="rotate(-35 600 80)"
+        />
+      </g>
+    </svg>
+  );
+};
+
+export default QuoteDecor;