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/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>