diff --git a/src/components/icons/HeroGeometric.tsx b/src/components/icons/HeroGeometric.tsx
index d7b753d..4cce6e9 100644
--- a/src/components/icons/HeroGeometric.tsx
+++ b/src/components/icons/HeroGeometric.tsx
@@ -24,15 +24,15 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
}}
>
{/* ━━━ BACKGROUND: Faint structural grid ━━━ */}
-
+
{/* Horizontal datum lines */}
-
-
-
+
+
+
{/* Vertical datum lines */}
-
-
+
+
{/* ━━━ MIDGROUND: The main arc composition ━━━ */}
@@ -42,7 +42,7 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
cx={cx} cy={cy} r={R}
fill="none"
stroke="#5BA4D9"
- strokeOpacity="0.09"
+ strokeOpacity="0.2"
strokeWidth="1"
/>
@@ -51,7 +51,7 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
cx={cx} cy={cy} r={R * 0.65}
fill="none"
stroke="#5BA4D9"
- strokeOpacity="0.05"
+ strokeOpacity="0.12"
strokeWidth="0.75"
strokeDasharray="4 12"
/>
@@ -61,7 +61,7 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
cx={cx} cy={cy} r={R * 1.35}
fill="none"
stroke="#1C2B3A"
- strokeOpacity="0.035"
+ strokeOpacity="0.08"
strokeWidth="0.5"
strokeDasharray="3 16"
/>
@@ -70,44 +70,44 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
{/* Vertical radius */}
{/* Top tick mark */}
{/* Diagonal radius — 45deg upper-right */}
{/* Horizontal radius — right */}
{/* Right tick */}
{/* ── Center crosshair ── */}
-
-
-
+
+
+
{/* ── Angle arc at center — 90deg sweep ── */}
@@ -115,38 +115,38 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
{/* End ticks */}
-
-
+
+
{/* Label stub */}
-
+
{/* ── Vertical dimension — right side ── */}
-
-
+
+
{/* Subtle fill — atmospheric glow behind main circle */}
-
+
{/* ━━━ FOREGROUND: Crisp detail elements ━━━ */}
{/* ── Corner brackets — architectural framing ── */}
{/* Top-right */}
-
+
{/* Bottom-right */}
-
+
{/* Top inner */}
-
-
+
+
{/* ── Tick marks around the main circle — spaced at 30deg intervals ── */}
{[0, 30, 60, 90, 120, 150, 180, 210, 240, 270, 300, 330].map((deg) => {
@@ -161,7 +161,7 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
x1={x - nx * 6} y1={y - ny * 6}
x2={x + nx * 6} y2={y + ny * 6}
stroke="#5BA4D9"
- strokeOpacity="0.1"
+ strokeOpacity="0.2"
strokeWidth="0.75"
/>
)
@@ -172,7 +172,7 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
d={`M ${cx + 60} ${cy - R + 40} A 50 50 0 0 1 ${cx + 110} ${cy - R + 40}`}
fill="none"
stroke="#5BA4D9"
- strokeOpacity="0.12"
+ strokeOpacity="0.25"
strokeWidth="0.75"
/>
@@ -185,20 +185,20 @@ export default function HeroGeometric({ className }: HeroGeometricProps) {
cy={560 + row * 28}
r="1"
fill="#1C2B3A"
- fillOpacity="0.06"
+ fillOpacity="0.13"
/>
))
)}
{/* ── Scattered accent dots ── */}
-
-
-
+
+
+
{/* ── Sparse left-side balance elements ── */}
-
-
-
+
+
+
)