I see the problem. The GlowingEffect component is causing layout issues and the nested padding/border structure is creating the "imaginary border" effect. Let me simplify the design to be clean and symmetrical:
Simplified the product cards by removing the GlowingEffect wrapper and nested padding structure that was causing the "imaginary border" issue. Now each card is a clean, single div with fixed height (280px mobile, 320px desktop), consistent 2xl rounded corners, and proper grid alignment using sm:grid-cols-2. The screenshot sits as a background image with a gradient overlay, and content is positioned at the bottom using flexbox.
I can see the performance issues. The main culprits are:
useScroll on dashboard creates constant recalculationsLet me optimize these:
Now let me reduce the animation speed (lower = slower = less CPU):
Now disable the GlowingEffect by default (it's currently creating constant event listeners):
Good - GlowingEffect is not being used anywhere else currently. Now let me optimize the scroll animation to use CSS will-change:
Now let me add loading="eager" to the LCP image as suggested by the debug logs:
Now let me check the number-ticker component for potential issues:
The NumberTicker looks fine - it uses once: true so it only animates on first view. Let me check how many blur effects exist across the site:
Many blur effects. These glow orbs with blur are expensive. Let me remove or reduce the background glow orbs from several sections as they add up:
These blur-3xl and blur-[100px+] are very expensive. Let me remove them from multiple sections:
Now remove the blur glow orbs from the hero dashboard area:
Optimized performance by: (1) Reduced beam count from 10 to 6 and removed expensive ctx.filter = "blur(6px)" from the canvas animation loop, (2) Slowed beam animation speed to reduce CPU usage, (3) Removed 10+ large blur-3xl glow orbs from dark sections that were causing compositing lag, (4) Added priority and loading="eager" to the logo image, (5) Added will-change-transform to the scroll-animated dashboard. The gradients remain intact for visual appeal but without the expensive blur overlays.
You can send messages while the preview loads