feat(landing): glass header nav with side drawer + blog section

- Header: full glassmorphism navigation (services, pricing, estimator, learn,
  blog). Desktop shows an inline glass pill; mobile opens a side drawer that
  slides in from the inline-start edge (right in RTL, left in LTR) over a
  blurred backdrop.
- Nav links smooth-scroll via the shared Lenis instance (exposed through
  scroll-store: setLenis/scrollToId), with an 80px offset under the header.
- "Learn" links to the existing how-it-works steps (id="learn"); add a
  lightweight Blog teaser section (id="blog", "coming soon" cards).
- i18n: fa/en strings for nav and blog.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/i18n/dictionaries/fa.ts

@@ -56,6 +56,14 @@ const fa = {
 
   landing: {
     badge: 'پلتفرم ابریِ خودسرویس',
+    nav: {
+      services: 'سرویس‌ها',
+      pricing: 'قیمت‌گذاری',
+      estimator: 'تخمین هزینه',
+      learn: 'آموزش',
+      blog: 'بلاگ',
+      menu: 'منو',
+    },
     hero: {
       title: 'ابربان',
       tagline: 'زیرساخت ابری، در کنترل تو',
@@ -175,6 +183,18 @@ const fa = {
       currency: 'تومان',
       error: 'محاسبهٔ هزینه ممکن نشد.',
     },
+    blog: {
+      title: 'بلاگ و آموزش‌ها',
+      subtitle: 'راهنماها و تازه‌ترین نوشته‌ها برای ساختن سریع‌تر روی ابربان.',
+      comingSoon: 'به‌زودی',
+      cta: 'مشاهدهٔ همهٔ مقالات',
+      readMore: 'ادامهٔ مطلب',
+      posts: [
+        { tag: 'شروع کار', title: 'اولین اپلیکیشن خود را در چند دقیقه منتشر کن', desc: 'از اتصال ریپازیتوری تا دامنه و SSL خودکار — قدم‌به‌قدم.' },
+        { tag: 'بهینه‌سازی هزینه', title: 'منابع را درست انتخاب کن و کمتر هزینه بده', desc: 'CPU، حافظه، رپلیکا و سرویس‌های جانبی را هوشمندانه تنظیم کن.' },
+        { tag: 'امنیت', title: 'دامنهٔ اختصاصی و گواهی SSL خودکار', desc: 'دامنه‌ات را وصل کن و بگذار ابربان گواهی را صادر و تمدید کند.' },
+      ],
+    },
     finalCta: {
       titleLead: 'آسمان صاف است؛ وقتِ ',
       titleHighlight: 'زنده',