From 5fa7f0be0e850d9443b3e2a8685db88a06b4ce21 Mon Sep 17 00:00:00 2001
From: Chris Parsons <chrisparsons1127@gmail.com>
Date: Thu, 23 Apr 2026 09:28:22 -0700
Subject: [PATCH] Glow on dots.

---
 app/components/marketing/LandingPage.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/app/components/marketing/LandingPage.tsx b/app/components/marketing/LandingPage.tsx
index a6082c3..cb0d763 100644
--- a/app/components/marketing/LandingPage.tsx
+++ b/app/components/marketing/LandingPage.tsx
@@ -102,6 +102,7 @@ function BracketDecor({ flip = false, mobileTall = false }: { flip?: boolean; mo
 
   const gradId = `grad-${id}`;
   const glowId = `glow-${id}`;
+  const dotsGlowId = `dots-glow-${id}`;
   const finalsGlowId = `finals-glow-${id}`;
   const finalsHaloId = `finals-halo-${id}`;
   const finalsFadeMaskGradId = `finals-fade-mask-grad-${id}`;
@@ -161,6 +162,14 @@ function BracketDecor({ flip = false, mobileTall = false }: { flip?: boolean; mo
             <feMergeNode in="SourceGraphic" />
           </feMerge>
         </filter>
+        <filter id={dotsGlowId} x="-200%" y="-200%" width="500%" height="500%">
+          <feGaussianBlur stdDeviation="5" result="blur" />
+          <feMerge>
+            <feMergeNode in="blur" />
+            <feMergeNode in="blur" />
+            <feMergeNode in="SourceGraphic" />
+          </feMerge>
+        </filter>
       </defs>
       <g filter={`url(#${finalsHaloId})`} stroke={`url(#${gradId})`} strokeWidth={2} fill="none" opacity={0.75}>
         {r3Ys.map((midY) => (
@@ -177,26 +186,26 @@ function BracketDecor({ flip = false, mobileTall = false }: { flip?: boolean; mo
       <g filter={`url(#${glowId})`} stroke={`url(#${gradId})`} strokeWidth={1.5} fill="none">
         {r1Ys.map((y) => (
           <g key={y}>
-            <circle cx={x0} cy={y} r={3} fill={`url(#${gradId})`} stroke="none" />
+            <circle cx={x0} cy={y} r={3} fill={`url(#${gradId})`} stroke="none" filter={`url(#${dotsGlowId})`} />
             <line x1={x0} y1={y} x2={x1} y2={y} />
           </g>
         ))}
         {r2Ys.map((midY, i) => (
           <g key={midY}>
             <line x1={x1} y1={r1Ys[i * 2]} x2={x1} y2={r1Ys[i * 2 + 1]} />
-            <circle cx={x1} cy={midY} r={3} fill={`url(#${gradId})`} stroke="none" />
+            <circle cx={x1} cy={midY} r={3} fill={`url(#${gradId})`} stroke="none" filter={`url(#${dotsGlowId})`} />
             <line x1={x1} y1={midY} x2={x2} y2={midY} />
           </g>
         ))}
         {r3Ys.map((midY, i) => (
           <g key={midY}>
             <line x1={x2} y1={r2Ys[i * 2]} x2={x2} y2={r2Ys[i * 2 + 1]} />
-            <circle cx={x2} cy={midY} r={3} fill={`url(#${gradId})`} stroke="none" />
+            <circle cx={x2} cy={midY} r={3} fill={`url(#${gradId})`} stroke="none" filter={`url(#${dotsGlowId})`} />
             <line x1={x2} y1={midY} x2={x3} y2={midY} />
           </g>
         ))}
         <line x1={x3} y1={r3Ys[0]} x2={x3} y2={r3Ys[1]} />
-        <circle cx={x3} cy={champY} r={3} fill={`url(#${gradId})`} stroke="none" />
+        <circle cx={x3} cy={champY} r={3} fill={`url(#${gradId})`} stroke="none" filter={`url(#${dotsGlowId})`} />
       </g>
       <line
         x1={x3} y1={champY} x2={W} y2={champY}