Job Search App - Copy this React, Tailwind Component to your project
Design a job search mobile app interface with the following details: Top Section: Display a status bar at the top, showing the time and network/battery indicators. Below the status bar, a user profile section is shown. Include a circular user profile picture (John Ramadhani) with a greeting text that says "Good Morning," followed by the user's name. Add a star rating next to the name (4.89) with a small star icon and a bell notification icon on the right. Search Bar: Below the user profile section, add a search bar with two input fields: One dropdown for "Choose job category." Another for "Location" with a location pin icon on the left. Place a large green "Search Job" button below these input fields. Search Results Section: Below the search bar, include a "Search Result" heading with a "See all" button aligned to the right. Display a list of job cards as search results. Each card should have: A thumbnail image on the left. Job title ("Repainting the whole house") and job poster ("by Joshep Romlan") with location information ("Colomadu, Surakarta"). Category tag ("Painter") with an orange background and a green pay rate tag ("$24.00") marked as "Pay per day." A green "Apply now" button on the right side of the card. Additional job cards should have similar structure with different job titles, pay rates, and poster details. Bottom Navigation Bar: A five icon bottom navigation bar should be present at the bottom of the screen, with icons for "Home (Beranda)," "Calendar," "Job saved," "Profit," and a profile icon. Ensure that the "Home" icon is highlighted. The design should be clean and modern, with sufficient padding and spacing between elements.
