Blog Post Creator - Copy this Html, Tailwind Component to your project
Design a modern two-column admin dashboard interface for creating a new blog post. The layout should match the visual style of the Beef Beef Dashboard (white background, blue accents, round borders, soft shadows, sidebar layout). 📐 Layout: Left Column (Main Content – 70% width): Title Input: full width text input, placeholder "Enter post title...", padding-x-4, padding-y-3, border-gray-300, rounded-lg, font-medium. Description Input: multiline textarea, placeholder "Short description...", min-height 100px, same styling as title. Content Editor: large rich text editor or tall textarea (min-height 300px), with basic formatting toolbar (bold, italic, list, heading). Right Column (Settings – 30% width): Upload Cover Image: Section with label "Ảnh đại diện" (Cover image), drag-and-drop upload box, centered cloud-upload icon, dashed border, rounded-xl, with image preview after upload. Select Categories: List of checkboxes showing all categories (e.g. Món ăn, Nước uống, Bí kíp...), each with rounded checkbox and label. Use a scrollable card if long list. Label: "Danh mục". Select Status: Dropdown menu labeled "Trạng thái", options: "Nháp", "Công khai", "Ẩn". Styled dropdown with padding, border, rounded-lg. 🔘 Buttons (bottom of page or fixed to top-right): "Lưu bản nháp" (Save Draft): gray button, text-gray-700, border border-gray-300, rounded-xl, hover: light-gray background. "Đăng bài" (Publish): blue button with white text, bg-[#004B87], rounded-xl, shadow-md, hover: darker blue. 🎨 Style: Background: #FFFFFF Accent color: #004B87 Font: Modern sans-serif (default text), use Restora or similar serif font for section titles Input borders: 1px solid #E5E7EB Card sections: white background, shadow-sm, padding-6, rounded-2xl Use subtle hover and focus effects, spacious layout with gap-6 📌 Additional: Sidebar on the left similar to Beef Beef Dashboard (with icons like Trang chủ, Đơn hàng, Bài viết, Người dùng...) Sticky top bar with page title "Tạo bài viết" Breadcrumb: "Dashboard / Bài viết / Tạo mới"
