Animated Search Interface - Copy this Html, Tailwind Component to your project

Please redesign the interface to be more beautiful, lively, attractive and eye catching <div class="bg white p 4 rounded lg shadow md mb 6"> <div class="grid grid cols 2 gap 4"> <select class="border p 2 rounded bg white focus:outline none focus:ring 2 focus:ring purple 500 focus:border purple 500 transition duration 200 hover:bg pink 50 cursor pointer"> <option value="">Kiểu Makeup</option> <option value="spring">Make up Spring</option> <option value="fall">Make up Fall</option> <option value="winter">Make up Winter</option> </select> <input type="date" class="border p 2 rounded focus:outline none focus:ring 2 focus:ring purple 500 focus:border pink 500 transition duration 200 bg white hover:bg pink 50 cursor pointer"> <select class="border p 2 rounded bg white focus:outline none focus:ring 2 focus:ring purple 500 focus:border purple 500 transition duration 200 hover:bg pink 50 form select form select sm" id="district" aria label=".form select sm"> <option value="" selected>Chọn quận huyện</option> </select> <select class="border p 2 rounded bg white focus:outline none focus:ring 2 focus:ring purple 500 focus:border purple 500 transition duration 200 hover:bg pink 50 form select form select sm" id="ward" aria label=".form select sm"> <option value="" selected>Chọn phường xã</option> </select> <input type="text" placeholder="Thời gian thực hiện" class="border p 2 rounded focus:outline none focus:ring 2 focus:ring purple 500 focus:border purple 500 transition duration 200 hover:bg pink 50"> <input type="number" placeholder="Chi phí thấp nhất" class="border p 2 rounded focus:outline none focus:ring 2 focus:ring purple 500 focus:border purple 500 transition duration 200 hover:bg pink 50 cursor pointer"> <input type="number" placeholder="Chi phí cao nhất" class="border p 2 rounded focus:outline none focus:ring 2 focus:ring purple 500 focus:border purple 500 transition duration 200 hover:bg pink 50 cursor pointer"> </div> <button class="w full mt 4 bg gradient to r from pink 500 to purple 500 text white py 2 rounded hover:from pink 600 hover:to purple 600 transition all duration 300"> Tìm kiếm </button> </div>