Purple Corner 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

<div className="min-h-screen w-full bg-white relative overflow-hidden"> {/* Purple Corner Grid Background */} <div   className="absolute inset-0 z-0"   style={{     backgroundImage: `       linear-gradient(to right, #f0f0f0 1px, transparent 1px),       linear-gradient(to bottom, #f0f0f0 1px, transparent 1px),       radial-gradient(circle 600px at 0% 200px, #d5c5ff, transparent),       radial-gradient(circle 600px at 100% 200px, #d5c5ff, transparent)     `,      backgroundSize: "20px 20px, 20px 20px, 100% 100%, 100% 100%",   }} /> {/* Your Content Here */}</div>