Projects Page - Copy this React, Tailwind Component to your project
Create a projects page component with a clean, professional design that includes a search and filter bar with filters for Budget, Category, Skills, and Deadline, as well as a search bar for keywords. The project listings should display cards for each project that include the Project Title, Description, Budget, Deadline, and a "Bid Now" button. Add a "Create Project" button that is only visible when the user is logged in as a client. Implement sort options to sort projects by Highest Budget and Most Recent, and display 10 projects initially. Each project card should have a Bid Now button and a Show Bids button to view details of freelancers who have placed bids. Add a modern pagination system to load more projects after the first 10, with Previous/Next buttons and page number indicators (1, 2, 3, etc.). Ensure that the design of the pagination is sleek and intuitive for easy navigation. Use a brilliant color theme to create a visually appealing, cohesive, and professional look, ensuring the colors complement each other and give the page a modern, polished feel. The UI should be user friendly, clean, and mobile responsive, integrating the filtering, sorting, bidding, pagination, and color theme seamlessly.
