Add Blog Page - Copy this React, Tailwind Component to your project
Here’s a prompt for creating an **Add Blog Page**: Design an **Add Blog Page** with the following elements: 1. **Page Title**: "Add New Blog" 2. **Form Fields**: **Blog Title**: A text input field for the blog title. **Author Name**: A text input field for the author's name. **Blog Content**: A large text area for writing the blog post. **Category Selection**: A dropdown to choose the blog category (e.g., Tech, Travel, Health). **Tags**: A text input with tags separated by commas. **Feature Image**: A file upload button for selecting the feature image. 3. **Publish Options**: **Publish Now**: A toggle switch or checkbox to publish immediately. **Schedule Post**: A date and time picker to schedule the blog post. 4. **Action Buttons**: **Save Draft**: Save the blog post as a draft. **Publish**: Submit the blog post for publishing. 5. **Form Validation**: Ensure all required fields are validated (e.g., title, content, and author name) with appropriate error messages. 6. **Responsive Design**: The page should be responsive across mobile, tablet, and desktop devices, with the form fields stacking vertically on smaller screens. Ensure the page is **clean**, **user friendly**, and features smooth **form submission animations**.
