Dual Gradient Overlay Swapped

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16

<div className="min-h-screen w-full bg-white relative">  {/* Dual Gradient Overlay Swapped Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        linear-gradient(to right, rgba(229,231,235,0.8) 1px, transparent 1px),        linear-gradient(to bottom, rgba(229,231,235,0.8) 1px, transparent 1px),        radial-gradient(circle 500px at 20% 20%, rgba(139,92,246,0.3), transparent),        radial-gradient(circle 500px at 80% 80%, rgba(59,130,246,0.3), transparent)      `,      backgroundSize: "48px 48px, 48px 48px, 100% 100%, 100% 100%",    }}  />     {/* Your Content/Components */}</div>