Create an CSS Empty State component for your project

Design an empty state component for a photo gallery app that invites users to upload their first photo. Feature an engaging illustration, a warm message, and a visible 'Upload Photo' button. Align all the contents at the center and take the images from the Google.

Generate an empty state component for a notes app that encourages users to write their first note. Include a cheerful illustration, an inspiring message, and a prominent Add Note button. Take the image from the internet.

Design an empty state component for an e-commerce website that prompts users to add their first product. Include a professional illustration, a supportive message, and a clear Add Product button.

Design an empty state component for a task management app that encourages users to create their first task. Include an illustration, a welcoming message, and a prominent Add Task button. Take a relevant image from the internet.

Create an empty state component for a 404 page with a relevant image, message, and buttons to go home and to try again. Take a relevant image from the internet.

Generate an empty state component for a social media app that invites users to post their first update. Include an engaging illustration, a No Posts Yet message, and a visible Add a Post button.

Create an empty state component for an email marketing platform that prompts users to create their first email campaign. Incorporate a professional illustration, a motivating message, and a clear Create Campaign button.

Create an empty state component for a budgeting app that encourages users to add their first expense. Incorporate a disappointing message, and a clear Add Expense button.

Design a complex and good looking Empty State component.