blog preview

"Write a complete, fully functional blog website using HTML, CSS, and JavaScript. The website should have a clean, minimal, and professional design. It must include the following features:

Responsive design (mobile, tablet, desktop).

Light/Dark mode toggle with smooth transitions.

Home page with a featured posts section and recent posts grid.

Blog listing page with categories, tags, and search filter functionality.

Individual blog post pages with a cover image, title, author, publish date, reading time, and social share buttons.

About page with profile, bio, and skills.

Contact page with a working contact form (JavaScript validation).

Reusable components (navbar, footer, sidebar).

Modern UI/UX using CSS animations, flexbox/grid, and a modern styling framework (TailwindCSS or Bootstrap).

Optional extras: Comment section (static), smooth scroll, sticky navbar, and localStorage for dark mode preferences.

Make the code modular, well-documented, and production-ready. Use best practices for semantic HTML, modern CSS, and vanilla JavaScript. Provide all files in a structured format (index.html, styles.css, script.js, pages folder, assets folder, etc.)."