Build Meshkee marketing site with service pages and shared layout.

Add home and service routes (website, app, CMS, SEO, graphic), brand assets, and components aligned with the live meshkee.com design.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/BlogSection.tsx

@@ -0,0 +1,52 @@
+import { posts } from "@/data/home";
+
+export function BlogSection() {
+  return (
+    <section id="blog" className="border-t border-line/60 py-24 lg:py-32">
+      <div className="mx-auto max-w-7xl px-5 lg:px-8">
+        <div className="reveal mb-14 flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
+          <div>
+            <h2 className="text-[clamp(1.15rem,3.2vw,2.5rem)] font-normal tracking-tight text-ink">
+              رشدنامه، آموزشی و انگیزشی
+            </h2>
+            <p className="latin mt-3 text-xs uppercase tracking-[0.2em] text-muted">
+              Our Blog
+            </p>
+          </div>
+          <p className="max-w-sm text-sm text-muted">
+            با محتوای مشکی همیشه به‌روز باشید.
+          </p>
+        </div>
+
+        <div className="grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
+          {posts.map((post, index) => (
+            <article
+              key={post.title}
+              className={`reveal group ${
+                index % 3 === 1
+                  ? "reveal-delay-1"
+                  : index % 3 === 2
+                    ? "reveal-delay-2"
+                    : ""
+              }`}
+            >
+              <a href="#blog" className="block">
+                <div className="relative mb-4 aspect-[4/3] overflow-hidden rounded-2xl bg-paper-deep">
+                  <img
+                    src={post.image}
+                    alt=""
+                    className="h-full w-full object-cover transition duration-700 group-hover:scale-105"
+                  />
+                </div>
+                <h3 className="group-text-hover mb-2 text-lg font-normal leading-8 text-ink">
+                  {post.title}
+                </h3>
+                <p className="text-sm leading-7 text-muted">{post.excerpt}</p>
+              </a>
+            </article>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}