chore: sharpen grid svg

apps/www/components/Hero/HeroGrid.tsx

@@ -39,6 +39,7 @@ const HeroGrid = () => {
             y2={y}
             stroke={svgGridOptions.color}
             strokeWidth={svgGridOptions.strokeWidth}
+            shapeRendering="crispEdges"
           />
         )
       })}
@@ -54,6 +55,7 @@ const HeroGrid = () => {
               y2="0"
               stroke={svgGridOptions.color}
               strokeWidth={svgGridOptions.strokeWidth}
+              shapeRendering="crispEdges"
             />
             {isSm
               ? i === 9 && (
@@ -65,6 +67,7 @@ const HeroGrid = () => {
                     stroke="url(#electric-pulse)"
                     strokeLinecap="round"
                     strokeWidth={4}
+                    shapeRendering="crispEdges"
                   />
                 )
               : i === 25 && (
@@ -76,6 +79,7 @@ const HeroGrid = () => {
                     stroke="url(#electric-pulse)"
                     strokeLinecap="round"
                     strokeWidth={4}
+                    shapeRendering="crispEdges"
                   />
                 )}
             {isSm
@@ -88,6 +92,7 @@ const HeroGrid = () => {
                     stroke="url(#electric-pulse-2)"
                     strokeLinecap="round"
                     strokeWidth={4}
+                    shapeRendering="crispEdges"
                   />
                 )
               : i === 33 && (
@@ -99,6 +104,7 @@ const HeroGrid = () => {
                     stroke="url(#electric-pulse-2)"
                     strokeLinecap="round"
                     strokeWidth={4}
+                    shapeRendering="crispEdges"
                   />
                 )}
           </>

apps/www/components/Hero/hero.module.css

@@ -17,6 +17,7 @@
   inset: 0;
   margin: 0 auto;
   animation: animate-grid 30s linear infinite;
+  will-change: transform;
 }
 
 .gradient {