Block Grid - Copy this React, Tailwind Component to your project

"Create a responsive website and application frontend with the following features: *Homepage:* A 1000x1000 grid of blocks, each representing a unique block for sale Each block displays a unique ID and a 'Buy Now' button A search bar to find specific blocks by ID or company name *Block Details Page:* Displays the company logo and information when a block is purchased A 5 second advertisement plays when a non purchased block is clicked A quiz with 3 questions related to the company's product appears after the ad Users can answer the questions and earn a reward of 2 rupees from the company *Company Dashboard:* Companies can purchase blocks and upload their logos and questions A dashboard to manage their blocks, view analytics, and add new questions *User Dashboard:* Users can view their earned rewards and quiz history A leaderboard displaying top earners *Design Requirements:* Modern and sleek design Responsive layout for desktop, tablet, and mobile devices Use a color scheme of your choice, but ensure it's visually appealing *Technical Requirements:* Build the frontend using HTML, CSS, and JavaScript (React or Angular) Ensure smooth animations and transitions Implement a robust and secure payment gateway for block purchases *Deliverables:* A fully functional website and application frontend Source code and design files A detailed documentation for future maintenance and updates"