From 3410f3e5edb33fa2ad78dcbbdd718ac34109c6ac Mon Sep 17 00:00:00 2001
From: Mahdi <mahdi.banilohi@gmail.com>
Date: Wed, 30 Sep 2026 20:33:37 +0330
Subject: [PATCH] Make admin section editor form-based and localize Montech
 site to Persian.

Operators can edit landing copy as plain fields instead of JSON/HTML; default CMS seed and UI chrome are now Farsi/RTL.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/adm/src/views/BlogEditView.vue          |  16 +-
 apps/adm/src/views/SectionEditView.vue       | 237 ++++++++++++++++++-
 apps/adm/src/views/SectionsView.vue          |  21 +-
 apps/api/prisma/seed.ts                      | 216 +++++++++--------
 apps/landing/assets/css/main.css             |   8 +-
 apps/landing/components/HeroSection.vue      |  18 +-
 apps/landing/components/ManifestoSection.vue |   6 +-
 apps/landing/components/ProcessSection.vue   |   6 +-
 apps/landing/components/SectionTag.vue       |   2 +-
 apps/landing/components/ServicesSection.vue  |  12 +-
 apps/landing/components/SiteFooter.vue       |  25 +-
 apps/landing/components/SiteNavbar.vue       |  20 +-
 apps/landing/components/StatsSection.vue     |   2 +-
 apps/landing/components/TeamSection.vue      |  15 +-
 apps/landing/components/WorkSection.vue      |   6 +-
 apps/landing/nuxt.config.ts                  |   4 +-
 apps/landing/pages/blog/[slug].vue           |  23 +-
 apps/landing/pages/blog/index.vue            |  14 +-
 apps/landing/pages/gallery.vue               |  12 +-
 apps/landing/pages/index.vue                 |   2 +-
 deploy/.env.production.example               |   7 +-
 packages/shared/src/brand.ts                 |   8 +-
 22 files changed, 462 insertions(+), 218 deletions(-)

diff --git a/apps/adm/src/views/BlogEditView.vue b/apps/adm/src/views/BlogEditView.vue
index 058a077..d5dcf7d 100644
--- a/apps/adm/src/views/BlogEditView.vue
+++ b/apps/adm/src/views/BlogEditView.vue
@@ -20,28 +20,28 @@
         <textarea v-model="form.excerpt" class="textarea" />
       </div>
       <div class="field">
-        <label class="label">محتوا (HTML)</label>
-        <textarea v-model="form.content" class="textarea" dir="ltr" style="min-height: 240px" />
+        <label class="label">متن پست</label>
+        <textarea v-model="form.content" class="textarea" style="min-height: 240px" placeholder="متن را عادی بنویسید. برای پاراگراف جدید Enter بزنید." />
       </div>
       <div class="grid-2">
         <div class="field">
-          <label class="label">کاور URL</label>
-          <input v-model="form.coverUrl" class="input" dir="ltr" />
+          <label class="label">آدرس تصویر کاور</label>
+          <input v-model="form.coverUrl" class="input" dir="ltr" placeholder="از بخش رسانه آپلود کنید و آدرس را اینجا بگذارید" />
         </div>
         <div class="field">
-          <label class="label">SEO Title</label>
+          <label class="label">عنوان سئو</label>
           <input v-model="form.seoTitle" class="input" />
         </div>
         <div class="field">
-          <label class="label">SEO Description</label>
+          <label class="label">توضیح سئو</label>
           <input v-model="form.seoDesc" class="input" />
         </div>
         <div class="field">
-          <label class="label">Canonical</label>
+          <label class="label">آدرس Canonical</label>
           <input v-model="form.canonical" class="input" dir="ltr" />
         </div>
         <div class="field">
-          <label class="label">OG Image</label>
+          <label class="label">تصویر اشتراک‌گذاری</label>
           <input v-model="form.ogImage" class="input" dir="ltr" />
         </div>
         <div class="field">
diff --git a/apps/adm/src/views/SectionEditView.vue b/apps/adm/src/views/SectionEditView.vue
index 2f4b5e9..be557c7 100644
--- a/apps/adm/src/views/SectionEditView.vue
+++ b/apps/adm/src/views/SectionEditView.vue
@@ -1,40 +1,253 @@
 <template>
   <div>
     <div class="row" style="justify-content: space-between; margin-bottom: 1rem">
-      <h1>بخش: {{ key }}</h1>
+      <h1>{{ titleFa }}</h1>
       <RouterLink class="btn ghost" to="/sections">بازگشت</RouterLink>
     </div>
-    <div class="card">
-      <textarea v-model="jsonText" class="textarea" dir="ltr" style="min-height: 420px" />
-      <p v-if="msg" class="muted">{{ msg }}</p>
-      <button class="btn" @click="save">ذخیره</button>
-    </div>
+
+    <form v-if="ready" class="card" @submit.prevent="save">
+      <!-- HERO -->
+      <template v-if="key === 'hero'">
+        <div class="field"><label class="label">برچسب بالای صفحه</label><input v-model="form.eyebrow" class="input" /></div>
+        <div class="field"><label class="label">محل / سال تأسیس</label><input v-model="form.location" class="input" /></div>
+        <div class="field"><label class="label">خط ۱ عنوان</label><input v-model="form.lines[0]" class="input" /></div>
+        <div class="field"><label class="label">خط ۲ عنوان</label><input v-model="form.lines[1]" class="input" /></div>
+        <div class="field"><label class="label">خط ۳ عنوان</label><input v-model="form.lines[2]" class="input" /></div>
+        <div class="field"><label class="label">کلمهٔ برجسته (رنگی)</label><input v-model="form.highlightWord" class="input" /></div>
+        <div class="field"><label class="label">توضیح کوتاه</label><textarea v-model="form.body" class="textarea" /></div>
+        <div class="field"><label class="label">متن دکمه</label><input v-model="form.cta" class="input" /></div>
+        <div class="field"><label class="label">مختصات / موقعیت</label><input v-model="form.coords" class="input" /></div>
+        <div class="field"><label class="label">برچسب پروژه‌ها</label><input v-model="form.projectsLabel" class="input" /></div>
+      </template>
+
+      <!-- MARQUEE -->
+      <template v-else-if="key === 'marquee'">
+        <div class="field">
+          <label class="label">موارد نوار متحرک (هر خط یک مورد)</label>
+          <textarea v-model="marqueeText" class="textarea" style="min-height: 200px" />
+        </div>
+      </template>
+
+      <!-- MANIFESTO -->
+      <template v-else-if="key === 'manifesto'">
+        <div class="field"><label class="label">عنوان بخش</label><input v-model="form.tag" class="input" /></div>
+        <div class="field">
+          <label class="label">جملهٔ اصلی (کلمات را با فاصله جدا کنید؛ برای برجسته کردن کلمه را داخل *بگذارید*)</label>
+          <textarea v-model="manifestoWordsText" class="textarea" />
+          <p class="muted" style="margin-top: 0.35rem">مثال: ما نرم‌افزاری می‌سازیم که *تفاوت* ایجاد کند. MONTECH</p>
+        </div>
+        <div class="field"><label class="label">توضیح</label><textarea v-model="form.body" class="textarea" /></div>
+      </template>
+
+      <!-- SERVICES -->
+      <template v-else-if="key === 'services'">
+        <div class="field"><label class="label">عنوان بخش</label><input v-model="form.tag" class="input" /></div>
+        <div v-for="(item, i) in form.items" :key="i" class="item-box">
+          <div class="row" style="justify-content: space-between">
+            <strong>خدمت {{ i + 1 }}</strong>
+            <button type="button" class="btn danger" @click="form.items.splice(i, 1)">حذف</button>
+          </div>
+          <div class="field"><label class="label">شماره</label><input v-model="item.n" class="input" /></div>
+          <div class="field"><label class="label">عنوان</label><input v-model="item.title" class="input" /></div>
+          <div class="field"><label class="label">توضیح</label><textarea v-model="item.desc" class="textarea" /></div>
+          <div class="field"><label class="label">برچسب‌ها (با ویرگول)</label><input :value="(item.tags || []).join('، ')" class="input" @input="item.tags = splitTags(($event.target as HTMLInputElement).value)" /></div>
+        </div>
+        <button type="button" class="btn ghost" @click="form.items.push({ n: String(form.items.length + 1).padStart(2, '0'), title: '', desc: '', tags: [] })">+ افزودن خدمت</button>
+      </template>
+
+      <!-- WORK -->
+      <template v-else-if="key === 'work'">
+        <div class="field"><label class="label">عنوان بخش</label><input v-model="form.tag" class="input" /></div>
+        <div v-for="(item, i) in form.items" :key="i" class="item-box">
+          <div class="row" style="justify-content: space-between">
+            <strong>نمونه کار {{ i + 1 }}</strong>
+            <button type="button" class="btn danger" @click="form.items.splice(i, 1)">حذف</button>
+          </div>
+          <div class="field"><label class="label">شماره</label><input v-model="item.n" class="input" /></div>
+          <div class="field"><label class="label">نام پروژه</label><input v-model="item.title" class="input" /></div>
+          <div class="field"><label class="label">دسته‌بندی</label><input v-model="item.cat" class="input" /></div>
+          <div class="field"><label class="label">سال</label><input v-model="item.year" class="input" /></div>
+        </div>
+        <button type="button" class="btn ghost" @click="form.items.push({ n: String(form.items.length + 1).padStart(2, '0'), title: '', cat: '', year: '' })">+ افزودن پروژه</button>
+      </template>
+
+      <!-- PROCESS -->
+      <template v-else-if="key === 'process'">
+        <div class="field"><label class="label">عنوان بخش</label><input v-model="form.tag" class="input" /></div>
+        <div v-for="(step, i) in form.steps" :key="i" class="item-box">
+          <div class="row" style="justify-content: space-between">
+            <strong>مرحله {{ i + 1 }}</strong>
+            <button type="button" class="btn danger" @click="form.steps.splice(i, 1)">حذف</button>
+          </div>
+          <div class="field"><label class="label">شماره</label><input v-model="step.n" class="input" /></div>
+          <div class="field"><label class="label">عنوان</label><input v-model="step.title" class="input" /></div>
+          <div class="field"><label class="label">توضیح</label><textarea v-model="step.desc" class="textarea" /></div>
+        </div>
+        <button type="button" class="btn ghost" @click="form.steps.push({ n: String(form.steps.length + 1).padStart(2, '0'), title: '', desc: '' })">+ افزودن مرحله</button>
+      </template>
+
+      <!-- STATS -->
+      <template v-else-if="key === 'stats'">
+        <div v-for="(item, i) in form.items" :key="i" class="item-box">
+          <div class="row" style="justify-content: space-between">
+            <strong>آمار {{ i + 1 }}</strong>
+            <button type="button" class="btn danger" @click="form.items.splice(i, 1)">حذف</button>
+          </div>
+          <div class="grid-2">
+            <div class="field"><label class="label">عدد</label><input v-model.number="item.value" type="number" class="input" /></div>
+            <div class="field"><label class="label">پسوند (+ یا %)</label><input v-model="item.suffix" class="input" /></div>
+          </div>
+          <div class="field"><label class="label">برچسب</label><input v-model="item.label" class="input" /></div>
+        </div>
+        <button type="button" class="btn ghost" @click="form.items.push({ value: 0, suffix: '+', label: '' })">+ افزودن آمار</button>
+      </template>
+
+      <!-- TEAM -->
+      <template v-else-if="key === 'team'">
+        <div class="field"><label class="label">عنوان بخش</label><input v-model="form.tag" class="input" /></div>
+        <div class="field"><label class="label">تیتر بزرگ</label><input v-model="form.headline" class="input" /></div>
+        <div class="field"><label class="label">توضیح</label><textarea v-model="form.body" class="textarea" /></div>
+        <div v-for="(m, i) in form.members" :key="i" class="item-box">
+          <div class="row" style="justify-content: space-between">
+            <strong>عضو {{ i + 1 }}</strong>
+            <button type="button" class="btn danger" @click="form.members.splice(i, 1)">حذف</button>
+          </div>
+          <div class="field"><label class="label">نام</label><input v-model="m.name" class="input" /></div>
+          <div class="field"><label class="label">سمت</label><input v-model="m.role" class="input" /></div>
+        </div>
+        <button type="button" class="btn ghost" @click="form.members.push({ name: '', role: '' })">+ افزودن عضو</button>
+      </template>
+
+      <!-- FOOTER -->
+      <template v-else-if="key === 'footer'">
+        <div class="field"><label class="label">عنوان بخش</label><input v-model="form.tag" class="input" /></div>
+        <div class="field"><label class="label">نوار متحرک پایین (هر خط یک مورد)</label><textarea v-model="footerMarqueeText" class="textarea" /></div>
+        <div class="field"><label class="label">متن دعوت به همکاری</label><input v-model="form.cta" class="input" /></div>
+        <div class="field"><label class="label">ایمیل</label><input v-model="form.email" class="input" dir="ltr" /></div>
+        <div class="field"><label class="label">تلفن</label><input v-model="form.phone" class="input" dir="ltr" /></div>
+        <div class="field"><label class="label">آدرس (هر خط یک سطر)</label><textarea v-model="footerAddressText" class="textarea" /></div>
+        <div class="field"><label class="label">شبکه‌های اجتماعی (هر خط یک مورد)</label><textarea v-model="footerSocialsText" class="textarea" /></div>
+      </template>
+
+      <template v-else>
+        <p class="muted">این بخش هنوز فرم اختصاصی ندارد. با پشتیبانی تماس بگیرید.</p>
+      </template>
+
+      <p v-if="msg" class="muted" style="margin-top: 1rem">{{ msg }}</p>
+      <button class="btn" style="margin-top: 0.75rem">ذخیره</button>
+    </form>
   </div>
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { computed, onMounted, reactive, ref } from "vue";
 import { useRoute } from "vue-router";
 import { api } from "../lib/api";
 
+const TITLES: Record<string, string> = {
+  hero: "صفحه اول (هیرو)",
+  marquee: "نوار متحرک",
+  manifesto: "معرفی / مانیفست",
+  services: "خدمات",
+  work: "نمونه کارها",
+  process: "فرآیند کار",
+  stats: "آمار",
+  team: "تیم",
+  footer: "تماس و فوتر",
+};
+
 const route = useRoute();
 const key = String(route.params.key);
-const jsonText = ref("{}");
+const titleFa = computed(() => TITLES[key] || key);
+const ready = ref(false);
 const msg = ref("");
+const form = reactive<any>({});
+
+const marqueeText = ref("");
+const manifestoWordsText = ref("");
+const footerMarqueeText = ref("");
+const footerAddressText = ref("");
+const footerSocialsText = ref("");
+
+function splitTags(v: string) {
+  return v
+    .split(/[,،]/)
+    .map((s) => s.trim())
+    .filter(Boolean);
+}
+
+function wordsToText(words: Array<{ text: string; outline?: boolean; volt?: boolean }>) {
+  return (words || [])
+    .map((w) => (w.outline || w.volt ? `*${w.text}*` : w.text))
+    .join(" ");
+}
+
+function textToWords(text: string) {
+  return text
+    .trim()
+    .split(/\s+/)
+    .filter(Boolean)
+    .map((token) => {
+      const m = token.match(/^\*(.+)\*$/);
+      if (m) return { text: m[1], outline: false, volt: true };
+      return { text: token, outline: false, volt: false };
+    });
+}
 
 onMounted(async () => {
   const { data } = await api.get(`/admin/sections/${key}`);
-  jsonText.value = JSON.stringify(data.data, null, 2);
+  Object.assign(form, structuredClone(data.data));
+
+  if (key === "hero") {
+    form.lines = Array.isArray(form.lines) ? form.lines : ["", "", ""];
+    while (form.lines.length < 3) form.lines.push("");
+  }
+  if (key === "marquee") marqueeText.value = (form.items || []).join("\n");
+  if (key === "manifesto") manifestoWordsText.value = wordsToText(form.words || []);
+  if (key === "services" || key === "work" || key === "stats") form.items = form.items || [];
+  if (key === "process") form.steps = form.steps || [];
+  if (key === "team") form.members = form.members || [];
+  if (key === "footer") {
+    footerMarqueeText.value = (form.marquee || []).join("\n");
+    footerAddressText.value = (form.address || []).join("\n");
+    footerSocialsText.value = (form.socials || []).join("\n");
+  }
+  ready.value = true;
 });
 
+function buildPayload() {
+  if (key === "marquee") return { items: marqueeText.value.split("\n").map((s) => s.trim()).filter(Boolean) };
+  if (key === "manifesto") {
+    return { tag: form.tag, body: form.body, words: textToWords(manifestoWordsText.value) };
+  }
+  if (key === "footer") {
+    return {
+      ...form,
+      marquee: footerMarqueeText.value.split("\n").map((s) => s.trim()).filter(Boolean),
+      address: footerAddressText.value.split("\n").map((s) => s.trim()).filter(Boolean),
+      socials: footerSocialsText.value.split("\n").map((s) => s.trim()).filter(Boolean),
+    };
+  }
+  return { ...form };
+}
+
 async function save() {
   msg.value = "";
   try {
-    const parsed = JSON.parse(jsonText.value);
-    await api.put(`/admin/sections/${key}`, { data: parsed });
+    await api.put(`/admin/sections/${key}`, { data: buildPayload() });
     msg.value = "ذخیره شد.";
   } catch {
-    msg.value = "JSON نامعتبر یا خطای سرور.";
+    msg.value = "خطا در ذخیره.";
   }
 }
 </script>
+
+<style scoped>
+.item-box {
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 0.9rem;
+  margin-bottom: 0.9rem;
+  background: #12151b;
+}
+</style>
diff --git a/apps/adm/src/views/SectionsView.vue b/apps/adm/src/views/SectionsView.vue
index aa7866a..bc94058 100644
--- a/apps/adm/src/views/SectionsView.vue
+++ b/apps/adm/src/views/SectionsView.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <h1>محتوای لندینگ</h1>
-    <p class="muted">هر بخش JSON ساخت‌یافته دارد.</p>
+    <p class="muted">متن‌ها را مثل فرم معمولی ویرایش کنید — نیازی به کدنویسی نیست.</p>
     <table class="table">
       <thead>
-        <tr><th>کلید</th><th>آخرین ویرایش</th><th></th></tr>
+        <tr><th>بخش</th><th>آخرین ویرایش</th><th></th></tr>
       </thead>
       <tbody>
         <tr v-for="s in sections" :key="s.id">
-          <td>{{ s.key }}</td>
+          <td>{{ label(s.key) }}</td>
           <td class="muted">{{ new Date(s.updatedAt).toLocaleString("fa-IR") }}</td>
           <td><RouterLink :to="`/sections/${s.key}`">ویرایش</RouterLink></td>
         </tr>
@@ -21,7 +21,22 @@
 import { onMounted, ref } from "vue";
 import { api } from "../lib/api";
 
+const TITLES: Record<string, string> = {
+  hero: "صفحه اول (هیرو)",
+  marquee: "نوار متحرک",
+  manifesto: "معرفی",
+  services: "خدمات",
+  work: "نمونه کارها",
+  process: "فرآیند کار",
+  stats: "آمار",
+  team: "تیم",
+  footer: "تماس و فوتر",
+};
+
 const sections = ref<any[]>([]);
+function label(key: string) {
+  return TITLES[key] || key;
+}
 onMounted(async () => {
   const { data } = await api.get("/admin/sections");
   sections.value = data;
diff --git a/apps/api/prisma/seed.ts b/apps/api/prisma/seed.ts
index 1a434ac..b8abe2b 100644
--- a/apps/api/prisma/seed.ts
+++ b/apps/api/prisma/seed.ts
@@ -5,127 +5,127 @@ const prisma = new PrismaClient();
 
 const defaultSections: Record<string, unknown> = {
   hero: {
-    eyebrow: "SOFTWARE DEVELOPMENT GROUP",
-    location: "[ EST. 2020 — TEHRAN / REMOTE ]",
-    lines: ["We craft", "software that", "performs"],
-    highlightWord: "software",
-    body: "We are a senior engineering group shipping web platforms, mobile apps and cloud infrastructure for companies that refuse to blend in.",
-    cta: "SEE OUR WORK",
-    badge: "MONTECH ENGINEERING • SINCE 2020 •",
-    coords: "35.6892° N / 51.3890° E",
-    projectsLabel: "120+ PROJECTS SHIPPED",
+    eyebrow: "گروه توسعه نرم‌افزار",
+    location: "[ تأسیس ۱۴۰۰ — تهران / دورکاری ]",
+    lines: ["ما نرم‌افزار", "می‌سازیم که", "عمل می‌کند"],
+    highlightWord: "نرم‌افزار",
+    body: "مانتک یک تیم مهندسی ارشد است که پلتفرم‌های وب، اپلیکیشن موبایل و زیرساخت ابری را برای کسب‌وکارهایی می‌سازد که نمی‌خواهند معمولی باشند.",
+    cta: "مشاهده نمونه‌کارها",
+    badge: "مهندسی مانتک • از ۱۴۰۰ •",
+    coords: "تهران، ایران",
+    projectsLabel: "بیش از ۱۲۰ پروژه تحویل‌شده",
   },
   marquee: {
     items: [
-      "WEB PLATFORMS",
-      "MOBILE APPS",
-      "CLOUD & DEVOPS",
-      "AI SOLUTIONS",
-      "DESIGN SYSTEMS",
-      "API ARCHITECTURE",
+      "پلتفرم وب",
+      "اپلیکیشن موبایل",
+      "ابرو DevOps",
+      "هوش مصنوعی",
+      "سیستم طراحی",
+      "معماری API",
     ],
   },
   manifesto: {
-    tag: "Who we are",
+    tag: "ما که هستیم",
     words: [
-      { text: "We", outline: false },
-      { text: "build", outline: false },
-      { text: "software", outline: true },
-      { text: "that", outline: false },
-      { text: "moves", outline: false },
-      { text: "the", outline: false },
-      { text: "needle.", outline: false },
-      { text: "MONTECH", outline: false, volt: true },
+      { text: "ما" },
+      { text: "نرم‌افزاری" },
+      { text: "می‌سازیم", volt: true },
+      { text: "که" },
+      { text: "تفاوت" },
+      { text: "ایجاد" },
+      { text: "کند." },
+      { text: "مانتک", volt: true },
     ],
-    body: "Strategy, design and engineering under one roof — shipped with obsessive attention to performance and craft.",
+    body: "استراتژی، طراحی و مهندسی زیر یک سقف — با دقت وسواس‌گونه نسبت به کیفیت و عملکرد.",
   },
   services: {
-    tag: "What we do",
+    tag: "چه می‌کنیم",
     items: [
       {
-        n: "01",
-        title: "Product Strategy",
-        desc: "We turn fuzzy ideas into validated roadmaps. Discovery sprints, user research and rapid prototyping de-risk your build before a single line of code is written.",
-        tags: ["Discovery Sprints", "User Research", "Roadmapping", "MVP Scoping"],
+        n: "۰۱",
+        title: "استراتژی محصول",
+        desc: "ایده‌های مبهم را به نقشه راه معتبر تبدیل می‌کنیم. اسپرینت کشف، پژوهش کاربر و نمونه‌سازی سریع قبل از نوشتن کد.",
+        tags: ["کشف محصول", "پژوهش کاربر", "نقشه راه", "MVP"],
       },
       {
-        n: "02",
-        title: "Web Engineering",
-        desc: "Blazing-fast, scalable web platforms with modern stacks. From marketing sites to complex SaaS dashboards — engineered for performance, accessibility and conversion.",
-        tags: ["React / Next.js", "Nuxt", "Node.js", "NestJS"],
+        n: "۰۲",
+        title: "مهندسی وب",
+        desc: "پلتفرم‌های وب سریع و مقیاس‌پذیر — از سایت‌های بازاریابی تا داشبوردهای پیچیده SaaS.",
+        tags: ["Nuxt", "NestJS", "Node.js", "React"],
       },
       {
-        n: "03",
-        title: "Mobile Applications",
-        desc: "Native-quality iOS and Android experiences from a single codebase — or fully native when it matters.",
+        n: "۰۳",
+        title: "اپلیکیشن موبایل",
+        desc: "تجربهٔ بومی‌گونه روی iOS و Android از یک کدبیس مشترک — یا کاملاً نیتیو وقتی لازم باشد.",
         tags: ["React Native", "Flutter", "Swift", "Kotlin"],
       },
       {
-        n: "04",
-        title: "Cloud & DevOps",
-        desc: "Infrastructure that scales with your ambition. Resilient cloud systems, automated deployments, secure and observable platforms.",
-        tags: ["AWS / GCP", "Kubernetes", "Terraform", "CI/CD"],
+        n: "۰۴",
+        title: "ابرو DevOps",
+        desc: "زیرساختی که با رشد شما مقیاس می‌شود؛ استقرار خودکار، امنیت و مانیتورینگ.",
+        tags: ["AWS / GCP", "کوبرنتیز", "CI/CD", "Terraform"],
       },
       {
-        n: "05",
-        title: "AI & Data",
-        desc: "Practical AI, not science projects. LLM integrations, intelligent automation and data pipelines.",
-        tags: ["LLM Integration", "ML Pipelines", "Data Engineering", "Analytics"],
+        n: "۰۵",
+        title: "هوش مصنوعی و داده",
+        desc: "هوش مصنوعی کاربردی؛ اتصال LLM، اتوماسیون هوشمند و خطوط لوله داده.",
+        tags: ["LLM", "اتوماسیون", "مهندسی داده", "تحلیل"],
       },
     ],
   },
   work: {
-    tag: "Selected work",
+    tag: "نمونه کارها",
     items: [
-      { n: "01", title: "PULSEBOARD", cat: "Fintech Analytics Platform", year: "2024" },
-      { n: "02", title: "AEROLOOP", cat: "Logistics SaaS", year: "2024" },
-      { n: "03", title: "MEDSYNC", cat: "HealthTech Platform", year: "2023" },
-      { n: "04", title: "NOVAPAY", cat: "Payment Infrastructure", year: "2023" },
+      { n: "۰۱", title: "پالس‌بورد", cat: "پلتفرم تحلیلی فین‌تک", year: "۱۴۰۳" },
+      { n: "۰۲", title: "ایرو‌لوپ", cat: "نرم‌افزار لجستیک", year: "۱۴۰۳" },
+      { n: "۰۳", title: "مد‌سینک", cat: "پلتفرم هلث‌تک", year: "۱۴۰۲" },
+      { n: "۰۴", title: "نوواپی", cat: "زیرساخت پرداخت", year: "۱۴۰۲" },
     ],
   },
   process: {
-    tag: "How we ship",
+    tag: "چگونه کار می‌کنیم",
     steps: [
-      { n: "01", title: "DISCOVER", desc: "Workshops, research and alignment on outcomes that matter." },
-      { n: "02", title: "DESIGN", desc: "Systems, flows and interfaces that feel inevitable." },
-      { n: "03", title: "DEVELOP", desc: "Senior engineers shipping production-ready software." },
-      { n: "04", title: "DEPLOY & SCALE", desc: "CI/CD, observability and infrastructure that grows with you." },
+      { n: "۰۱", title: "کشف", desc: "کارگاه، پژوهش و هم‌راستایی روی نتایجی که واقعاً مهم‌اند." },
+      { n: "۰۲", title: "طراحی", desc: "سیستم‌ها، جریان‌ها و رابط‌هایی که ساده و قابل‌اعتماد به نظر می‌رسند." },
+      { n: "۰۳", title: "توسعه", desc: "مهندسان ارشد که نرم‌افزار آمادهٔ تولید تحویل می‌دهند." },
+      { n: "۰۴", title: "استقرار و مقیاس", desc: "CI/CD، مانیتورینگ و زیرساختی که با شما رشد می‌کند." },
     ],
   },
   stats: {
     items: [
-      { value: 120, suffix: "+", label: "Projects shipped" },
-      { value: 40, suffix: "+", label: "Clients worldwide" },
-      { value: 15, suffix: "", label: "Engineers & designers" },
-      { value: 98, suffix: "%", label: "Client retention" },
+      { value: 120, suffix: "+", label: "پروژه تحویل‌شده" },
+      { value: 40, suffix: "+", label: "مشتری" },
+      { value: 15, suffix: "", label: "مهندس و طراح" },
+      { value: 98, suffix: "%", label: "ماندگاری مشتری" },
     ],
   },
   team: {
-    tag: "The collective",
-    headline: "Meet the collective",
-    body: "A tight crew of senior builders — product, design and engineering.",
+    tag: "تیم",
+    headline: "با جمع ما آشنا شوید",
+    body: "تیمی جمع‌وجور از متخصصان محصول، طراحی و مهندسی.",
     members: [
-      { name: "Alexandra Reyes", role: "CEO & CO-FOUNDER" },
-      { name: "Marcus Chen", role: "CTO & CO-FOUNDER" },
-      { name: "Sofia Laurent", role: "HEAD OF DESIGN" },
-      { name: "David Okafor", role: "PRINCIPAL ENGINEER" },
+      { name: "علی رضایی", role: "مدیرعامل و هم‌بنیان‌گذار" },
+      { name: "سارا محمدی", role: "مدیر فنی و هم‌بنیان‌گذار" },
+      { name: "مریم حسینی", role: "سرپرست طراحی" },
+      { name: "رضا کریمی", role: "مهندس ارشد" },
     ],
   },
   footer: {
-    tag: "Contact",
-    marquee: ["GOT A PROJECT IN MIND", "SAY HELLO", "LET'S WORK TOGETHER"],
-    cta: "Start a project",
+    tag: "تماس",
+    marquee: ["پروژه‌ای در ذهن دارید؟", "سلام کنید", "با هم کار کنیم"],
+    cta: "شروع همکاری",
     email: "hello@montech.ir",
     phone: "+98 21 0000 0000",
-    address: ["Tehran", "Iran"],
-    socials: ["LinkedIn", "GitHub", "Dribbble"],
+    address: ["تهران", "ایران"],
+    socials: ["لینکدین", "گیت‌هاب", "اینستاگرام"],
   },
 };
 
 async function main() {
   const mobile = process.env.ADMIN_MOBILE || "09121234567";
   const password = process.env.ADMIN_PASSWORD || "change-me-strong";
-  const name = process.env.ADMIN_NAME || "Montech Admin";
+  const name = process.env.ADMIN_NAME || "مدیر مانتک";
   const hash = await bcrypt.hash(password, 10);
 
   await prisma.admin.upsert({
@@ -138,46 +138,50 @@ async function main() {
     where: { id: "default" },
     create: {
       id: "default",
-      brandName: "Montech",
-      tagline: "Software Development Group",
+      brandName: "مانتک",
+      tagline: "گروه توسعه نرم‌افزار",
       email: "hello@montech.ir",
       phone: "+98 21 0000 0000",
-      address: "Tehran, IR",
+      address: "تهران، ایران",
       timezone: "Asia/Tehran",
       socials: [
-        { label: "LinkedIn", url: "https://linkedin.com" },
-        { label: "GitHub", url: "https://github.com" },
+        { label: "لینکدین", url: "https://linkedin.com" },
+        { label: "گیت‌هاب", url: "https://github.com" },
       ],
     },
-    update: {},
+    update: {
+      brandName: "مانتک",
+      tagline: "گروه توسعه نرم‌افزار",
+      address: "تهران، ایران",
+    },
   });
 
   const pages = [
     {
       key: "home",
-      title: "Home",
+      title: "خانه",
       seo: {
-        title: "Montech — Software Development Group",
+        title: "مانتک — گروه توسعه نرم‌افزار",
         description:
-          "Montech engineers high-performance web platforms, mobile apps and cloud infrastructure. Based in Tehran, shipping worldwide.",
+          "مانتک پلتفرم‌های وب، اپلیکیشن موبایل و زیرساخت ابری با عملکرد بالا می‌سازد. مستقر در تهران، فعال در سراسر ایران.",
         canonical: "https://montech.ir/",
       },
     },
     {
       key: "blog",
-      title: "Blog",
+      title: "بلاگ",
       seo: {
-        title: "Blog — Montech",
-        description: "Notes on product, engineering and shipping software.",
+        title: "بلاگ — مانتک",
+        description: "یادداشت‌هایی درباره محصول، مهندسی و ساخت نرم‌افزار.",
         canonical: "https://montech.ir/blog",
       },
     },
     {
       key: "gallery",
-      title: "Gallery",
+      title: "گالری",
       seo: {
-        title: "Gallery — Montech",
-        description: "Selected visuals from Montech projects and studio life.",
+        title: "گالری — مانتک",
+        description: "تصاویر منتخب از پروژه‌ها و فضای استودیو مانتک.",
         canonical: "https://montech.ir/gallery",
       },
     },
@@ -204,22 +208,28 @@ async function main() {
     });
   }
 
-  const existingPost = await prisma.blogPost.findUnique({ where: { slug: "welcome-to-montech" } });
-  if (!existingPost) {
-    await prisma.blogPost.create({
-      data: {
-        slug: "welcome-to-montech",
-        title: "Welcome to Montech",
-        excerpt: "We build software that performs — and this is where we write about it.",
-        content:
-          "<p>Montech is a software development group shipping web platforms, mobile apps and cloud infrastructure.</p><p>This blog covers product craft, engineering practice and lessons from the studio.</p>",
-        published: true,
-        publishedAt: new Date(),
-        seoTitle: "Welcome to Montech — Blog",
-        seoDesc: "Introducing Montech and how we ship software.",
-      },
-    });
-  }
+  await prisma.blogPost.upsert({
+    where: { slug: "welcome-to-montech" },
+    create: {
+      slug: "welcome-to-montech",
+      title: "به مانتک خوش آمدید",
+      excerpt: "ما نرم‌افزاری می‌سازیم که واقعاً کار می‌کند — و اینجا درباره‌اش می‌نویسیم.",
+      content:
+        "مانتک یک گروه توسعه نرم‌افزار است که پلتفرم وب، اپلیکیشن موبایل و زیرساخت ابری می‌سازد.\n\nدر این بلاگ درباره ساخت محصول، مهندسی و درس‌آموخته‌های استودیو می‌نویسیم.",
+      published: true,
+      publishedAt: new Date(),
+      seoTitle: "به مانتک خوش آمدید — بلاگ",
+      seoDesc: "معرفی مانتک و نحوه ساخت نرم‌افزار در تیم ما.",
+    },
+    update: {
+      title: "به مانتک خوش آمدید",
+      excerpt: "ما نرم‌افزاری می‌سازیم که واقعاً کار می‌کند — و اینجا درباره‌اش می‌نویسیم.",
+      content:
+        "مانتک یک گروه توسعه نرم‌افزار است که پلتفرم وب، اپلیکیشن موبایل و زیرساخت ابری می‌سازد.\n\nدر این بلاگ درباره ساخت محصول، مهندسی و درس‌آموخته‌های استودیو می‌نویسیم.",
+      seoTitle: "به مانتک خوش آمدید — بلاگ",
+      seoDesc: "معرفی مانتک و نحوه ساخت نرم‌افزار در تیم ما.",
+    },
+  });
 
   console.log("Seed complete. Admin:", mobile);
 }
diff --git a/apps/landing/assets/css/main.css b/apps/landing/assets/css/main.css
index c4eebac..5872846 100644
--- a/apps/landing/assets/css/main.css
+++ b/apps/landing/assets/css/main.css
@@ -8,10 +8,10 @@
   --color-ash: #8b8b93;
   --color-volt: #c8ff2e;
 
-  --font-display: "Syne", ui-sans-serif, system-ui, sans-serif;
-  --font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
-  --font-serif: "Instrument Serif", ui-serif, Georgia, serif;
-  --font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-display: "Vazirmatn", "Syne", ui-sans-serif, system-ui, sans-serif;
+  --font-body: "Vazirmatn", ui-sans-serif, system-ui, sans-serif;
+  --font-serif: "Vazirmatn", "Instrument Serif", ui-serif, Georgia, serif;
+  --font-mono: "Vazirmatn", ui-monospace, monospace;
 }
 
 html { background: var(--color-ink); }
diff --git a/apps/landing/components/HeroSection.vue b/apps/landing/components/HeroSection.vue
index f43d1a0..ba9d01a 100644
--- a/apps/landing/components/HeroSection.vue
+++ b/apps/landing/components/HeroSection.vue
@@ -16,36 +16,36 @@
       </div>
 
       <div class="flex flex-col gap-12 lg:flex-row lg:items-end lg:justify-between">
-        <h1 class="font-display text-[clamp(3rem,12.5vw,11.5rem)] font-extrabold uppercase leading-[0.92] tracking-[-0.03em]">
+        <h1 class="font-display text-[clamp(2.4rem,9vw,7.5rem)] font-extrabold leading-[1.1] tracking-[-0.02em]">
           <span
             v-for="(line, i) in data.lines"
             :key="i"
             class="block overflow-hidden pb-[0.08em] -mb-[0.08em] animate-fade-up"
             :style="{ animationDelay: `${0.15 + i * 0.12}s` }"
           >
-            <template v-if="line.includes(data.highlightWord)">
+            <template v-if="data.highlightWord && line.includes(data.highlightWord)">
               <span
                 v-html="
                   line.replace(
                     data.highlightWord,
-                    `<span class='font-serif normal-case italic tracking-normal text-volt'>${data.highlightWord}</span>`,
+                    `<span class='text-volt'>${data.highlightWord}</span>`,
                   )
                 "
               />
             </template>
             <template v-else>
-              {{ line }}<span v-if="i === data.lines.length - 1" class="text-volt">.</span>
+              {{ line }}
             </template>
           </span>
         </h1>
 
-        <div class="flex shrink-0 flex-col items-start gap-10 animate-fade-up lg:items-end lg:pb-3" style="animation-delay: 0.55s">
-          <p class="max-w-sm text-sm leading-relaxed text-ash md:text-base lg:text-right">
+        <div class="flex shrink-0 flex-col items-start gap-10 animate-fade-up lg:items-start lg:pb-3" style="animation-delay: 0.55s">
+          <p class="max-w-sm text-sm leading-relaxed text-ash md:text-base">
             {{ data.body }}
           </p>
           <a
             href="#work"
-            class="group flex items-center gap-4 font-mono text-[11px] tracking-[0.3em] text-bone transition-colors hover:text-volt"
+            class="group flex items-center gap-4 text-sm text-bone transition-colors hover:text-volt"
           >
             {{ data.cta }}
             <span class="flex h-10 w-10 items-center justify-center rounded-full border border-white/20 transition-all group-hover:border-volt group-hover:bg-volt group-hover:text-ink">
@@ -56,10 +56,10 @@
       </div>
 
       <div
-        class="mt-14 flex items-end justify-between border-t border-white/[0.07] pt-6 font-mono text-[10px] tracking-[0.3em] text-ash animate-fade-up md:mt-20"
+        class="mt-14 flex items-end justify-between border-t border-white/[0.07] pt-6 text-xs text-ash animate-fade-up md:mt-20"
         style="animation-delay: 0.8s"
       >
-        <span>SCROLL</span>
+        <span>اسکرول کنید</span>
         <span class="hidden sm:block">{{ data.coords }}</span>
         <span class="hidden sm:block">{{ data.projectsLabel }}</span>
       </div>
diff --git a/apps/landing/components/ManifestoSection.vue b/apps/landing/components/ManifestoSection.vue
index daaf151..8039c21 100644
--- a/apps/landing/components/ManifestoSection.vue
+++ b/apps/landing/components/ManifestoSection.vue
@@ -1,12 +1,12 @@
 <template>
   <section id="manifesto" class="px-6 py-28 md:px-10 md:py-40">
     <div class="mx-auto max-w-[1500px]">
-      <SectionTag index="01" :title="data.tag" right="The short version" />
-      <p class="mt-14 max-w-5xl font-display text-[clamp(2rem,6vw,5.5rem)] font-extrabold uppercase leading-[1.05] tracking-[-0.02em]">
+      <SectionTag index="۰۱" :title="data.tag" right="نسخه کوتاه" />
+      <p class="mt-14 max-w-5xl font-display text-[clamp(1.8rem,5vw,4.2rem)] font-extrabold leading-[1.35] tracking-[-0.01em]">
         <span
           v-for="(w, i) in data.words"
           :key="i"
-          class="mr-[0.28em] inline-block"
+          class="ml-[0.28em] inline-block"
           :class="{
             'text-outline': w.outline,
             'text-volt': w.volt,
diff --git a/apps/landing/components/ProcessSection.vue b/apps/landing/components/ProcessSection.vue
index d6653a5..29027a8 100644
--- a/apps/landing/components/ProcessSection.vue
+++ b/apps/landing/components/ProcessSection.vue
@@ -1,11 +1,11 @@
 <template>
   <section id="process" class="px-6 py-28 md:px-10 md:py-40">
     <div class="mx-auto max-w-[1500px]">
-      <SectionTag index="04" :title="data.tag" right="12 weeks, typical" />
+      <SectionTag index="۰۴" :title="data.tag" right="معمولاً ۱۲ هفته" />
       <div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-4">
         <div v-for="step in data.steps" :key="step.n" class="border-t border-white/[0.1] pt-6">
-          <p class="font-mono text-[11px] tracking-[0.25em] text-volt">{{ step.n }}</p>
-          <h3 class="mt-4 font-display text-2xl font-bold uppercase tracking-[-0.02em]">{{ step.title }}</h3>
+          <p class="text-sm text-volt">{{ step.n }}</p>
+          <h3 class="mt-4 font-display text-xl font-bold md:text-2xl">{{ step.title }}</h3>
           <p class="mt-3 text-sm leading-relaxed text-ash">{{ step.desc }}</p>
         </div>
       </div>
diff --git a/apps/landing/components/SectionTag.vue b/apps/landing/components/SectionTag.vue
index 34e4179..0244e76 100644
--- a/apps/landing/components/SectionTag.vue
+++ b/apps/landing/components/SectionTag.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-end justify-between gap-6 border-b border-white/[0.07] pb-4 font-mono text-[11px] tracking-[0.28em] text-ash">
+  <div class="flex items-end justify-between gap-6 border-b border-white/[0.07] pb-4 text-sm text-ash">
     <div class="flex items-center gap-3">
       <span class="text-volt">{{ index }}</span>
       <span class="text-bone">{{ title }}</span>
diff --git a/apps/landing/components/ServicesSection.vue b/apps/landing/components/ServicesSection.vue
index 471a562..a377016 100644
--- a/apps/landing/components/ServicesSection.vue
+++ b/apps/landing/components/ServicesSection.vue
@@ -1,7 +1,7 @@
 <template>
   <section id="services" class="px-6 py-28 md:px-10 md:py-40">
     <div class="mx-auto max-w-[1500px]">
-      <SectionTag index="02" :title="data.tag" :right="`${String(data.items.length).padStart(2, '0')} Capabilities`" />
+      <SectionTag index="۰۲" :title="data.tag" :right="`${String(data.items.length).padStart(2, '0')} قابلیت`" />
       <ul class="mt-16 divide-y divide-white/[0.07] border-y border-white/[0.07]">
         <li
           v-for="(s, i) in data.items"
@@ -11,20 +11,20 @@
         >
           <div class="flex items-start justify-between gap-6">
             <div class="flex flex-1 flex-col gap-3 md:flex-row md:items-baseline md:gap-10">
-              <span class="font-mono text-[11px] tracking-[0.25em] text-ash">{{ s.n }}</span>
-              <h3 class="font-display text-2xl font-bold uppercase tracking-[-0.02em] md:text-4xl group-hover:text-volt transition-colors">
+              <span class="text-sm text-ash">{{ s.n }}</span>
+              <h3 class="font-display text-2xl font-bold md:text-4xl group-hover:text-volt transition-colors">
                 {{ s.title }}
               </h3>
             </div>
-            <span class="font-mono text-volt">{{ open === i ? "—" : "+" }}</span>
+            <span class="text-volt">{{ open === i ? "—" : "+" }}</span>
           </div>
-          <div v-if="open === i" class="mt-6 max-w-3xl pl-0 md:pl-16">
+          <div v-if="open === i" class="mt-6 max-w-3xl">
             <p class="text-sm leading-relaxed text-ash md:text-base">{{ s.desc }}</p>
             <div class="mt-4 flex flex-wrap gap-2">
               <span
                 v-for="t in s.tags"
                 :key="t"
-                class="border border-white/10 px-3 py-1 font-mono text-[10px] tracking-[0.18em] text-ash"
+                class="border border-white/10 px-3 py-1 text-xs text-ash"
               >{{ t }}</span>
             </div>
           </div>
diff --git a/apps/landing/components/SiteFooter.vue b/apps/landing/components/SiteFooter.vue
index 67e71c2..9844993 100644
--- a/apps/landing/components/SiteFooter.vue
+++ b/apps/landing/components/SiteFooter.vue
@@ -4,43 +4,44 @@
       <SiteMarquee
         :items="data.marquee"
         :duration="20"
-        class-name="font-display text-xl font-bold uppercase tracking-[-0.01em] md:text-3xl"
+        class-name="font-display text-xl font-bold md:text-3xl"
       />
     </div>
 
     <div class="mx-auto max-w-[1500px] px-6 py-20 md:px-10 md:py-28">
-      <SectionTag index="06" :title="data.tag" right="Response within 24h" />
+      <SectionTag index="۰۶" :title="data.tag" right="پاسخ تا ۲۴ ساعت" />
       <div class="mt-14 grid gap-12 lg:grid-cols-[1.4fr_1fr]">
         <div>
-          <h2 class="font-display text-[clamp(2.5rem,7vw,6rem)] font-extrabold uppercase leading-[0.95] tracking-[-0.03em]">
+          <h2 class="font-display text-[clamp(2.2rem,6vw,4.5rem)] font-extrabold leading-[1.15] tracking-[-0.02em]">
             {{ data.cta }}
           </h2>
           <a
             :href="`mailto:${data.email}`"
-            class="mt-8 inline-flex items-center gap-3 border border-volt bg-volt px-6 py-3 font-mono text-[11px] tracking-[0.22em] text-ink transition hover:bg-transparent hover:text-volt"
+            class="mt-8 inline-flex items-center gap-3 border border-volt bg-volt px-6 py-3 text-sm text-ink transition hover:bg-transparent hover:text-volt"
+            dir="ltr"
           >
             {{ data.email }} ↗
           </a>
         </div>
         <div class="grid gap-8 sm:grid-cols-3 lg:grid-cols-1">
           <div>
-            <p class="font-mono text-[10px] tracking-[0.25em] text-ash">NEW BUSINESS</p>
-            <p class="mt-2 text-sm">{{ data.email }}</p>
-            <p class="text-sm text-ash">{{ data.phone }}</p>
+            <p class="text-xs text-ash">کسب‌وکار جدید</p>
+            <p class="mt-2 text-sm" dir="ltr">{{ data.email }}</p>
+            <p class="text-sm text-ash" dir="ltr">{{ data.phone }}</p>
           </div>
           <div>
-            <p class="font-mono text-[10px] tracking-[0.25em] text-ash">STUDIO</p>
+            <p class="text-xs text-ash">استودیو</p>
             <p v-for="line in data.address" :key="line" class="mt-1 text-sm text-ash">{{ line }}</p>
           </div>
           <div>
-            <p class="font-mono text-[10px] tracking-[0.25em] text-ash">SOCIALS</p>
+            <p class="text-xs text-ash">شبکه‌های اجتماعی</p>
             <p v-for="s in data.socials" :key="s" class="mt-1 text-sm text-ash">{{ s }}</p>
           </div>
         </div>
       </div>
-      <div class="mt-20 flex flex-wrap items-center justify-between gap-4 border-t border-white/[0.07] pt-6 font-mono text-[10px] tracking-[0.2em] text-ash">
-        <span>© {{ year }} MONTECH SOFTWARE GROUP</span>
-        <span>{{ brand }}®</span>
+      <div class="mt-20 flex flex-wrap items-center justify-between gap-4 border-t border-white/[0.07] pt-6 text-xs text-ash">
+        <span>© {{ year }} گروه نرم‌افزاری مانتک</span>
+        <span>{{ brand || "مانتک" }}®</span>
       </div>
     </div>
   </footer>
diff --git a/apps/landing/components/SiteNavbar.vue b/apps/landing/components/SiteNavbar.vue
index d29a3fa..24e3a89 100644
--- a/apps/landing/components/SiteNavbar.vue
+++ b/apps/landing/components/SiteNavbar.vue
@@ -4,28 +4,28 @@
       <NuxtLink to="/" class="font-display text-lg font-extrabold tracking-tight">
         {{ brand }}<span class="align-super text-[0.55em] text-volt">®</span>
       </NuxtLink>
-      <nav class="hidden items-center gap-8 font-mono text-[11px] tracking-[0.22em] text-ash md:flex">
-        <a href="#services" class="hover:text-volt">SERVICES</a>
-        <a href="#work" class="hover:text-volt">WORK</a>
-        <a href="#team" class="hover:text-volt">TEAM</a>
-        <NuxtLink to="/blog" class="hover:text-volt">BLOG</NuxtLink>
-        <NuxtLink to="/gallery" class="hover:text-volt">GALLERY</NuxtLink>
-        <a href="#contact" class="text-bone hover:text-volt">CONTACT</a>
+      <nav class="hidden items-center gap-6 text-sm text-ash md:flex">
+        <a href="#services" class="hover:text-volt">خدمات</a>
+        <a href="#work" class="hover:text-volt">نمونه کارها</a>
+        <a href="#team" class="hover:text-volt">تیم</a>
+        <NuxtLink to="/blog" class="hover:text-volt">بلاگ</NuxtLink>
+        <NuxtLink to="/gallery" class="hover:text-volt">گالری</NuxtLink>
+        <a href="#contact" class="text-bone hover:text-volt">تماس</a>
       </nav>
-      <span class="font-mono text-[10px] tracking-[0.2em] text-ash tabular-nums">{{ time }}</span>
+      <span class="text-xs text-ash tabular-nums" dir="ltr">{{ time }}</span>
     </div>
   </header>
 </template>
 
 <script setup lang="ts">
 const props = defineProps<{ brand?: string; timezone?: string }>();
-const brand = computed(() => props.brand || "Montech");
+const brand = computed(() => props.brand || "مانتک");
 const time = ref("");
 
 onMounted(() => {
   const tz = props.timezone || "Asia/Tehran";
   const tick = () => {
-    time.value = new Intl.DateTimeFormat("en-GB", {
+    time.value = new Intl.DateTimeFormat("fa-IR", {
       timeZone: tz,
       hour: "2-digit",
       minute: "2-digit",
diff --git a/apps/landing/components/StatsSection.vue b/apps/landing/components/StatsSection.vue
index ea5eaca..10a6d3d 100644
--- a/apps/landing/components/StatsSection.vue
+++ b/apps/landing/components/StatsSection.vue
@@ -5,7 +5,7 @@
         <p class="font-display text-5xl font-extrabold tracking-[-0.03em] text-volt md:text-6xl">
           {{ s.value }}{{ s.suffix }}
         </p>
-        <p class="mt-3 font-mono text-[11px] tracking-[0.22em] text-ash">{{ s.label }}</p>
+        <p class="mt-3 text-sm text-ash">{{ s.label }}</p>
       </div>
     </div>
   </section>
diff --git a/apps/landing/components/TeamSection.vue b/apps/landing/components/TeamSection.vue
index 25b318b..7c8b68f 100644
--- a/apps/landing/components/TeamSection.vue
+++ b/apps/landing/components/TeamSection.vue
@@ -1,24 +1,21 @@
 <template>
   <section id="team" class="px-6 py-28 md:px-10 md:py-40">
     <div class="mx-auto max-w-[1500px]">
-      <SectionTag index="05" :title="data.tag" right="Leadership" />
+      <SectionTag index="۰۵" :title="data.tag" right="رهبری" />
       <div class="mb-16 mt-14 flex flex-col justify-between gap-8 md:flex-row md:items-end">
-        <h2 class="font-display text-[clamp(2.6rem,8vw,7.5rem)] font-extrabold uppercase leading-[0.92] tracking-[-0.02em]">
-          {{ data.headline.split(" ").slice(0, -1).join(" ") }}
-          <span class="font-serif normal-case italic tracking-normal text-volt">
-            {{ data.headline.split(" ").slice(-1)[0] }}
-          </span>
+        <h2 class="font-display text-[clamp(2.2rem,6vw,5rem)] font-extrabold leading-[1.15] tracking-[-0.02em]">
+          {{ data.headline }}
         </h2>
-        <p class="max-w-xs text-sm leading-relaxed text-ash md:text-right">{{ data.body }}</p>
+        <p class="max-w-xs text-sm leading-relaxed text-ash">{{ data.body }}</p>
       </div>
       <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
         <figure v-for="m in data.members" :key="m.name" class="group">
           <div class="aspect-[3/4] bg-gradient-to-br from-smoke to-ink" />
           <figcaption class="mt-4">
-            <p class="font-display text-xl font-bold uppercase tracking-[-0.02em] group-hover:text-volt transition-colors">
+            <p class="font-display text-xl font-bold group-hover:text-volt transition-colors">
               {{ m.name }}
             </p>
-            <p class="mt-1 font-mono text-[10px] tracking-[0.22em] text-ash">{{ m.role }}</p>
+            <p class="mt-1 text-xs text-ash">{{ m.role }}</p>
           </figcaption>
         </figure>
       </div>
diff --git a/apps/landing/components/WorkSection.vue b/apps/landing/components/WorkSection.vue
index fb5b4d3..fd69fb6 100644
--- a/apps/landing/components/WorkSection.vue
+++ b/apps/landing/components/WorkSection.vue
@@ -1,7 +1,7 @@
 <template>
   <section id="work" class="px-6 py-28 md:px-10 md:py-40">
     <div class="mx-auto max-w-[1500px]">
-      <SectionTag index="03" :title="data.tag" right="2023 — 2025" />
+      <SectionTag index="۰۳" :title="data.tag" right="۱۴۰۲ — ۱۴۰۴" />
       <div class="mt-16 grid gap-6 md:grid-cols-2">
         <article
           v-for="p in data.items"
@@ -11,8 +11,8 @@
           <div class="mb-16 aspect-[16/10] bg-gradient-to-br from-smoke to-ink" />
           <div class="flex items-end justify-between gap-4">
             <div>
-              <p class="font-mono text-[10px] tracking-[0.25em] text-ash">{{ p.n }} / {{ p.year }}</p>
-              <h3 class="mt-2 font-display text-3xl font-extrabold uppercase tracking-[-0.02em] group-hover:text-volt transition-colors">
+              <p class="text-xs text-ash">{{ p.n }} / {{ p.year }}</p>
+              <h3 class="mt-2 font-display text-2xl font-extrabold group-hover:text-volt transition-colors md:text-3xl">
                 {{ p.title }}
               </h3>
               <p class="mt-2 text-sm text-ash">{{ p.cat }}</p>
diff --git a/apps/landing/nuxt.config.ts b/apps/landing/nuxt.config.ts
index b4366a0..531575b 100644
--- a/apps/landing/nuxt.config.ts
+++ b/apps/landing/nuxt.config.ts
@@ -16,13 +16,13 @@ export default defineNuxtConfig({
   },
   app: {
     head: {
-      htmlAttrs: { lang: "en" },
+      htmlAttrs: { lang: "fa", dir: "rtl" },
       link: [
         { rel: "preconnect", href: "https://fonts.googleapis.com" },
         { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "" },
         {
           rel: "stylesheet",
-          href: "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Space+Grotesk:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap",
+          href: "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&family=Syne:wght@600;700;800&family=Instrument+Serif:ital@0;1&display=swap",
         },
       ],
     },
diff --git a/apps/landing/pages/blog/[slug].vue b/apps/landing/pages/blog/[slug].vue
index b388857..b6483e3 100644
--- a/apps/landing/pages/blog/[slug].vue
+++ b/apps/landing/pages/blog/[slug].vue
@@ -1,15 +1,15 @@
 <template>
   <article v-if="post" class="min-h-screen px-6 pb-24 pt-28 md:px-10">
-    <SiteNavbar brand="Montech" />
+    <SiteNavbar brand="مانتک" />
     <div class="mx-auto max-w-[760px]">
-      <NuxtLink to="/blog" class="font-mono text-[11px] tracking-[0.22em] text-ash hover:text-volt">← BACK</NuxtLink>
-      <h1 class="mt-8 font-display text-4xl font-extrabold uppercase tracking-[-0.03em] md:text-6xl">
+      <NuxtLink to="/blog" class="text-sm text-ash hover:text-volt">→ بازگشت به بلاگ</NuxtLink>
+      <h1 class="mt-8 font-display text-3xl font-extrabold leading-tight md:text-5xl">
         {{ post.title }}
       </h1>
-      <p class="mt-4 font-mono text-[11px] tracking-[0.2em] text-ash">
-        {{ post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-GB") : "" }}
+      <p class="mt-4 text-sm text-ash">
+        {{ post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("fa-IR") : "" }}
       </p>
-      <div class="prose-montech mt-10 space-y-4 text-base leading-relaxed text-bone/90" v-html="post.content" />
+      <div class="mt-10 whitespace-pre-line text-base leading-relaxed text-bone/90">{{ plainContent }}</div>
     </div>
   </article>
 </template>
@@ -20,9 +20,18 @@ const slug = String(route.params.slug);
 const { data: post } = await useAsyncData(`blog-${slug}`, () => fetchPublicPost(slug));
 
 if (!post.value) {
-  throw createError({ statusCode: 404, statusMessage: "Post not found" });
+  throw createError({ statusCode: 404, statusMessage: "پست پیدا نشد" });
 }
 
+const plainContent = computed(() => {
+  const raw = post.value?.content || "";
+  return raw
+    .replace(/<\/p>/gi, "\n\n")
+    .replace(/<br\s*\/?>/gi, "\n")
+    .replace(/<[^>]+>/g, "")
+    .trim();
+});
+
 useSeoMeta({
   title: post.value.seoTitle || post.value.title,
   description: post.value.seoDesc || post.value.excerpt,
diff --git a/apps/landing/pages/blog/index.vue b/apps/landing/pages/blog/index.vue
index 45ec3d3..5130031 100644
--- a/apps/landing/pages/blog/index.vue
+++ b/apps/landing/pages/blog/index.vue
@@ -1,23 +1,23 @@
 <template>
   <div class="min-h-screen px-6 pb-24 pt-28 md:px-10">
-    <SiteNavbar :brand="'Montech'" />
+    <SiteNavbar brand="مانتک" />
     <div class="mx-auto max-w-[1100px]">
-      <h1 class="font-display text-5xl font-extrabold uppercase tracking-[-0.03em] md:text-7xl">Blog</h1>
-      <p class="mt-4 max-w-xl text-ash">Notes on product, engineering and shipping software.</p>
+      <h1 class="font-display text-4xl font-extrabold md:text-6xl">بلاگ</h1>
+      <p class="mt-4 max-w-xl text-ash">یادداشت‌هایی درباره محصول، مهندسی و ساخت نرم‌افزار.</p>
       <ul class="mt-16 divide-y divide-white/[0.07] border-y border-white/[0.07]">
         <li v-for="post in posts" :key="post.id" class="py-8">
           <NuxtLink :to="`/blog/${post.slug}`" class="group block">
-            <p class="font-mono text-[10px] tracking-[0.22em] text-ash">
-              {{ post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-GB") : "" }}
+            <p class="text-sm text-ash">
+              {{ post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("fa-IR") : "" }}
             </p>
-            <h2 class="mt-2 font-display text-2xl font-bold uppercase tracking-[-0.02em] group-hover:text-volt md:text-3xl">
+            <h2 class="mt-2 font-display text-2xl font-bold group-hover:text-volt md:text-3xl">
               {{ post.title }}
             </h2>
             <p class="mt-3 max-w-2xl text-sm text-ash">{{ post.excerpt }}</p>
           </NuxtLink>
         </li>
       </ul>
-      <p v-if="!posts?.length" class="mt-10 text-ash">No posts yet.</p>
+      <p v-if="!posts?.length" class="mt-10 text-ash">هنوز پستی منتشر نشده است.</p>
     </div>
   </div>
 </template>
diff --git a/apps/landing/pages/gallery.vue b/apps/landing/pages/gallery.vue
index 3b63cae..9f76a15 100644
--- a/apps/landing/pages/gallery.vue
+++ b/apps/landing/pages/gallery.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="min-h-screen px-6 pb-24 pt-28 md:px-10">
-    <SiteNavbar brand="Montech" />
+    <SiteNavbar brand="مانتک" />
     <div class="mx-auto max-w-[1500px]">
-      <h1 class="font-display text-5xl font-extrabold uppercase tracking-[-0.03em] md:text-7xl">Gallery</h1>
-      <p class="mt-4 max-w-xl text-ash">Selected visuals from projects and studio life.</p>
+      <h1 class="font-display text-4xl font-extrabold md:text-6xl">گالری</h1>
+      <p class="mt-4 max-w-xl text-ash">تصاویر منتخب از پروژه‌ها و فضای استودیو.</p>
       <div class="mt-16 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
         <figure v-for="item in items" :key="item.id" class="overflow-hidden border border-white/[0.07] bg-coal">
           <div
@@ -11,12 +11,12 @@
             :style="item.imageUrl ? { backgroundImage: `url(${item.imageUrl})` } : {}"
           />
           <figcaption class="p-4">
-            <p class="font-display text-lg font-bold uppercase">{{ item.title }}</p>
-            <p v-if="item.category" class="mt-1 font-mono text-[10px] tracking-[0.2em] text-ash">{{ item.category }}</p>
+            <p class="font-display text-lg font-bold">{{ item.title }}</p>
+            <p v-if="item.category" class="mt-1 text-xs text-ash">{{ item.category }}</p>
           </figcaption>
         </figure>
       </div>
-      <p v-if="!items?.length" class="mt-10 text-ash">Gallery is empty.</p>
+      <p v-if="!items?.length" class="mt-10 text-ash">گالری خالی است.</p>
     </div>
   </div>
 </template>
diff --git a/apps/landing/pages/index.vue b/apps/landing/pages/index.vue
index f674764..6eca41b 100644
--- a/apps/landing/pages/index.vue
+++ b/apps/landing/pages/index.vue
@@ -8,7 +8,7 @@
           <SiteMarquee
             :items="site.sections.marquee.items"
             :duration="22"
-            class-name="font-display text-xl font-bold uppercase tracking-[-0.01em] md:text-3xl"
+            class-name="font-display text-xl font-bold md:text-3xl"
             item-class-name="mx-4 md:mx-6"
             separator-class-name="text-ink/50"
           />
diff --git a/deploy/.env.production.example b/deploy/.env.production.example
index c1d3a3a..7f0d498 100644
--- a/deploy/.env.production.example
+++ b/deploy/.env.production.example
@@ -1,8 +1,7 @@
-DATABASE_URL="postgresql://USER:PASS@127.0.0.1:15432/montech?schema=public"
-PORT=3050
-JWT_SECRET="replace-with-long-random-secret"
+DATABASE_URL="postgresql://montech:*******@127.0.0.1:15432/montech?schema=public"PORT=3050
+JWT_SECRET="Xk7Q4jY8sT6aHc3bF1zUpR2mNv9wL"
 CORS_ORIGIN="https://montech.ir,https://www.montech.ir"
 UPLOADS_DIR="/var/www/montech/uploads"
-ADMIN_MOBILE=09121234567
+ADMIN_MOBILE=09128081392
 ADMIN_PASSWORD=change-me-strong-platform-password
 ADMIN_NAME=Montech Admin
diff --git a/packages/shared/src/brand.ts b/packages/shared/src/brand.ts
index d083fb1..2df8ee4 100644
--- a/packages/shared/src/brand.ts
+++ b/packages/shared/src/brand.ts
@@ -1,10 +1,10 @@
 export const brand = {
   id: "montech",
-  name: "Montech",
+  name: "مانتک",
   nameFa: "مانتک",
-  fullName: "Montech",
-  company: "Montech",
-  tagline: "Software Development Group",
+  fullName: "مانتک",
+  company: "مانتک",
+  tagline: "گروه توسعه نرم‌افزار",
   taglineFa: "گروه توسعه نرم‌افزار",
   domain: "montech.ir",
   email: "hello@montech.ir",