feat: add blog-leatsophat.vercel.app project details and media assets

Author: pphatdev

content/projects/blog-leatsophat-vercel-app/index.mdx

@@ -0,0 +1,84 @@
+---
+title: "blog-leatsophat.vercel.app"
+slug: "blog-leatsophat-vercel-app"
+description: "A personal blogging platform featuring tutorials, articles, and media-rich posts, built as a modern web publishing experience."
+image: "/assets/projects/blog-leatsophat.vercel.app/light-1.webp"
+tags: ["Blog", "Tutorial", "Portfolio"]
+languages: ["Laravel", "React", "TailwindCSS"]
+source:
+  - 
+    name: "source"
+    type: "source"
+    url: "https://github.com/pphatdev/post"
+  - 
+    name: "demo"
+    type: "demo"
+    url: "https://blog-leatsophat.vercel.app"
+
+authors:
+  - 
+    name: "PPhat Dev"
+    profile: "https://github.com/pphatdev.png"
+    url: "https://github.com/pphatdev"
+
+published: true
+createdAt: "2026-03-16T10:12:15.648Z"
+---
+
+---
+
+<div class="blog-gallery" data-layout="snap" data-captions="true">
+  <img src="/assets/projects/blog-leatsophat.vercel.app/dark-1.webp" alt="Home page dark mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/light-1.webp" alt="Home page light mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/dark-2.webp" alt="Tutorial listing dark mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/light-2.webp" alt="Tutorial listing light mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/dark-3.webp" alt="Blog listing dark mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/light-3.webp" alt="Blog listing light mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/dark-4.webp" alt="Post details dark mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/light-4.webp" alt="Post details light mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/dark-5.webp" alt="Tag page dark mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/light-5.webp" alt="Tag page light mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/dark-6.webp" alt="Content section dark mode" className=""/>
+  <img src="/assets/projects/blog-leatsophat.vercel.app/light-6.webp" alt="Content section light mode" className=""/>
+</div>
+
+<br/>
+
+# ✨ About Project
+
+blog-leatsophat.vercel.app is a personal blog platform used to publish tutorials, technical notes, and media-rich content.
+The site presents categorized sections such as tutorials, blogs, memories, and entertainment, with a homepage focused on latest updates.
+It is designed for simple reading workflows, fast navigation between tags and posts, and a clean writing-first experience.
+
+# 🛠️ Project Tech Stack
+
+- ⚙️ Core:
+  - Laravel
+  - React
+  - JavaScript
+
+- 🎨 UI and Styling:
+  - TailwindCSS
+  - Responsive layout patterns
+  - Dark and light mode presentation
+
+- 📝 Content and Publishing:
+  - Tag-based organization
+  - Multi-section content feeds
+  - Image-first article support
+
+# 🌈 Project Features
+
+- Homepage with latest tutorials and blogs
+- Multi-section publishing (tutorial, blog, memories, entertainment)
+- Tag-based navigation and filtering
+- Readable post detail pages
+- Responsive design for desktop and mobile
+- Light and dark mode screenshots for core pages
+
+# 💻 Preview
+
+Here is the screenshot preview 📸:
+
+![blog-leatsophat](/assets/projects/blog-leatsophat.vercel.app/dark-full.webp)
+![blog-leatsophat](/assets/projects/blog-leatsophat.vercel.app/light-full.webp)