Dark Dotted Grid

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
17. 17

<div className="min-h-screen w-full bg-[#0f172a] relative">  {/* Dark Dotted Grid Background */}  <div    className="absolute inset-0 z-0"    style={{      background: "#0f172a",      backgroundImage: `        radial-gradient(circle, rgba(139,92,246,0.6) 1px, transparent 1px),        radial-gradient(circle, rgba(59,130,246,0.4) 1px, transparent 1px),        radial-gradient(circle, rgba(236,72,153,0.5) 1px, transparent 1px)      `,      backgroundSize: "20px 20px, 40px 40px, 60px 60px",      backgroundPosition: "0 0, 10px 10px, 30px 30px",    }}  />     {/* Your Content/Components */}</div>