fix(footer): decorative SVG shapes overlap footer content on /developers/templates #1264
Description
Bug Report
Summary
On the /developers/templates page, the footer's decorative background SVG elements render above the footer content (logo, copyright text, and social links), making them partially obscured and visually cluttered.
Steps to Reproduce
- Navigate to https://solana.com/developers/templates
- Scroll to the bottom of the page
- Observe the footer
Current Behavior
The decorative SVG background shapes appear on top of the footer's foreground content (the Solana Foundation logo, copyright text, and social media icons) due to an incorrect stacking order.
Expected Behavior
The decorative SVG elements should remain behind the footer content at all times. Footer text and icons should be fully visible and unobstructed.
Screenshot
Environment
- URL: https://solana.com/developers/templates
- Observed on: Google Version 145.0.7632.160 (Official Build) (arm64) + Macbook Pro M1
Possible Fix
The issue is likely a missing or incorrect z-index on the footer content container, or the decorative SVGs lack pointer-events: none / proper stacking context. Setting position: relative; z-index: 1 on the footer content wrapper should resolve it.