adding

2026-08-24 15:54:08 +03:30
commit 236002a87c
133 changed files with 5946 additions and 0 deletions
@@ -0,0 +1,199 @@
+/* Atlas — توکن‌های دیزاین‌سیستم (از claude.ai/design، پروژه‌ی
+   "Flutter Design System"، برند accent: کاسبیار — سبز اکسل) برای لندینگ
+   بازاستفاده شده تا ظاهر وب با اپ یکی باشد. بدون build step، بدون فریم‌ورک —
+   دقیقا روحیه‌ی خودِ سیستم: "Performance یک تصمیم طراحی است».
+   فونت Vazirmatn با <link> در <head> صفحه بارگذاری می‌شود (نه @import اینجا)
+   — @import رندر CSS را قفل می‌کند تا فونت خارجی هم دانلود شود. */
+
+:root {
+  --color-bg: #f3f2f2;
+  --color-surface: #eae9e9;
+  --color-surface-elevated: #f8f4f4;
+  --color-text: #201e1d;
+  --color-text-secondary: #605d5d;
+  --color-text-tertiary: #7d7979;
+  --color-accent: #107c41;
+  --color-accent-600: #0e6837;
+  --color-accent-700: #185c37;
+  --color-accent-100: #e2efda;
+  --color-accent-800: #0b3d21;
+  --color-divider: rgba(32, 30, 29, 0.4);
+  --color-divider-subtle: #d7d3d3;
+
+  --font-heading: 'Vazirmatn', system-ui, sans-serif;
+  --font-body: 'Vazirmatn', system-ui, sans-serif;
+
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-6: 24px;
+  --space-8: 32px;
+  --space-12: 48px;
+  --space-16: 64px;
+
+  --radius: 0px; /* امضای بصری سیستم: گوشه‌ی صفر همه‌جا */
+}
+
+:root[data-theme="dark"] {
+  --color-bg: #161514;
+  --color-surface: #201e1d;
+  --color-surface-elevated: #2d2b2b;
+  --color-text: #f5f3f2;
+  --color-text-secondary: #bab6b6;
+  --color-text-tertiary: #9b9797;
+  --color-accent: #21a366;
+  --color-accent-600: #34b378;
+  --color-accent-700: #6bcb9a;
+  --color-accent-100: #112a1c;
+  --color-accent-800: #c6efce;
+  --color-divider: #2d2b2b;
+  --color-divider-subtle: #2d2b2b;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    --color-bg: #161514;
+    --color-surface: #201e1d;
+    --color-surface-elevated: #2d2b2b;
+    --color-text: #f5f3f2;
+    --color-text-secondary: #bab6b6;
+    --color-text-tertiary: #9b9797;
+    --color-accent: #21a366;
+    --color-accent-600: #34b378;
+    --color-accent-700: #6bcb9a;
+    --color-accent-100: #112a1c;
+    --color-accent-800: #c6efce;
+    --color-divider: #2d2b2b;
+    --color-divider-subtle: #2d2b2b;
+  }
+}
+
+* { box-sizing: border-box; }
+html { direction: rtl; }
+body {
+  margin: 0;
+  background: var(--color-bg);
+  color: var(--color-text);
+  font-family: var(--font-body);
+  font-size: 16px;
+  line-height: 1.7;
+}
+h1, h2, h3, h4 {
+  font-family: var(--font-heading);
+  font-weight: 800;
+  line-height: 1.25;
+  margin: 0 0 var(--space-3);
+}
+h1 { font-size: 40px; letter-spacing: -0.02em; }
+h2 { font-size: 28px; }
+h3 { font-size: 20px; }
+p { margin: 0 0 var(--space-4); color: var(--color-text-secondary); }
+a { color: var(--color-accent); text-decoration: none; }
+a:hover { text-decoration: underline; }
+img { max-width: 100%; display: block; }
+.container { max-width: 1080px; margin: 0 auto; padding: 0 var(--space-6); }
+
+.hairline { border: none; border-top: 2px solid var(--color-divider); margin: 0; }
+
+/* — nav — */
+.nav {
+  display: flex; align-items: center; gap: var(--space-6);
+  padding: var(--space-4) 0; border-bottom: 2px solid var(--color-divider);
+}
+.nav-brand { font-family: var(--font-heading); font-weight: 800; font-size: 19px; color: var(--color-text); }
+.nav-links { display: flex; gap: var(--space-6); margin-inline-start: auto; font-size: 14px; flex-wrap: wrap; }
+.nav-links a { color: var(--color-text); }
+.nav-links a:hover { color: var(--color-accent); }
+
+/* — buttons — */
+.btn {
+  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
+  font-family: var(--font-heading); font-weight: 700; font-size: 15px;
+  padding: 12px 22px; border: 2px solid transparent; cursor: pointer;
+  border-radius: var(--radius);
+}
+.btn-primary { background: var(--color-accent); color: #f3f2f2; }
+.btn-primary:hover { background: var(--color-accent-600); text-decoration: none; }
+.btn-secondary { border-color: var(--color-divider); color: var(--color-text); }
+.btn-secondary:hover { background: var(--color-surface); text-decoration: none; }
+
+/* — hero — */
+.hero { padding: var(--space-16) 0 var(--space-12); text-align: center; }
+.hero .kicker {
+  display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.04em;
+  color: var(--color-accent); background: var(--color-accent-100);
+  padding: 4px 12px; margin-bottom: var(--space-4);
+}
+.hero h1 { max-width: 18ch; margin-inline: auto; }
+.hero p { max-width: 56ch; margin-inline: auto; font-size: 18px; }
+.hero-actions { display: flex; gap: var(--space-3); justify-content: center; margin-top: var(--space-6); flex-wrap: wrap; }
+
+/* — sections — */
+section { padding: var(--space-12) 0; }
+section.alt { background: var(--color-surface); }
+.section-head { text-align: center; max-width: 60ch; margin: 0 auto var(--space-8); }
+
+/* — grid / cards — */
+.grid { display: grid; gap: 2px; background: var(--color-divider-subtle); }
+.grid-3 { grid-template-columns: repeat(3, 1fr); }
+.grid-4 { grid-template-columns: repeat(4, 1fr); }
+.grid-5 { grid-template-columns: repeat(5, 1fr); }
+.card { background: var(--color-bg); padding: var(--space-6); }
+.card .icon { font-size: 28px; margin-bottom: var(--space-3); }
+.card h3 { font-size: 17px; margin-bottom: var(--space-2); }
+.card p { font-size: 14px; margin: 0; }
+
+/* — channels — */
+.channels { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; }
+.channel-tag {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 8px 16px; border: 2px solid var(--color-divider); font-size: 14px; font-weight: 500;
+}
+
+/* — steps — */
+.steps { counter-reset: step; display: flex; flex-direction: column; gap: var(--space-4); max-width: 640px; margin: 0 auto; }
+.step { display: flex; gap: var(--space-4); align-items: flex-start; }
+.step::before {
+  counter-increment: step; content: counter(step);
+  flex: none; width: 36px; height: 36px; display: grid; place-items: center;
+  background: var(--color-accent); color: #f3f2f2; font-weight: 800; font-family: var(--font-heading);
+}
+.step h3 { margin-bottom: 4px; font-size: 16px; }
+.step p { margin: 0; font-size: 14px; }
+
+/* — CTA band — */
+.cta-band { background: var(--color-text); color: var(--color-bg); text-align: center; }
+.cta-band h2 { color: var(--color-bg); }
+.cta-band p { color: rgba(243, 242, 242, 0.75); }
+
+/* — footer — */
+footer { border-top: 2px solid var(--color-divider); padding: var(--space-8) 0; }
+footer .container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-4); font-size: 13px; color: var(--color-text-tertiary); }
+footer a { color: var(--color-text-secondary); }
+
+/* — articles — */
+.article-list { display: flex; flex-direction: column; gap: 2px; background: var(--color-divider-subtle); }
+.article-row { background: var(--color-bg); padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-2); }
+.article-row .meta { font-size: 12px; color: var(--color-text-tertiary); }
+.article-row h2 { font-size: 20px; margin-bottom: 0; }
+.article-row h2 a { color: var(--color-text); }
+.article-body { max-width: 68ch; margin: 0 auto; font-size: 16px; }
+.article-body h2 { font-size: 22px; margin-top: var(--space-8); }
+.article-header { max-width: 68ch; margin: 0 auto var(--space-8); }
+.article-header .meta { font-size: 13px; color: var(--color-text-tertiary); margin-bottom: var(--space-3); }
+.back-link { display: inline-block; margin-bottom: var(--space-6); font-size: 14px; }
+
+@media (max-width: 760px) {
+  .grid-3, .grid-4, .grid-5 { grid-template-columns: 1fr; }
+  .hero h1 { font-size: 30px; }
+  footer .container { flex-direction: column; }
+  .nav { flex-wrap: wrap; row-gap: var(--space-3); }
+  .nav-links { order: 3; width: 100%; gap: var(--space-4); }
+}
+
+@media (max-width: 400px) {
+  .container { padding: 0 var(--space-4); }
+  .hero h1 { font-size: 26px; }
+  .hero p { font-size: 16px; }
+}
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="fa" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>کاسبیار — اپ مدیریت کسب‌وکارهای کوچک (فاکتور، پیامک گروهی، مشتریان، انبار، نوبت‌دهی)</title>
+<meta name="description" content="کاسبیار یک اپ برای اداره‌ی کسب‌وکار کوچک است: فاکتور رسمی، پیام گروهی با شماره (پیامک/واتساپ/تلگرام/بله/ایتا)، مشتریان، دفتر درآمد و هزینه، انبارداری و نوبت‌دهی — همه در یک اپ ساده. یک هفته کاملا رایگان.">
+<meta name="keywords" content="اپ مدیریت کسب و کار, پیام گروهی با شماره, نرم افزار فاکتور, نرم افزار انبارداری, نرم افزار نوبت دهی, دفتر درآمد و هزینه, نرم افزار مدیریت مشتریان">
+<link rel="canonical" href="https://mobiniqow.ir/">
+<meta property="og:type" content="website">
+<meta property="og:title" content="کاسبیار — اپ مدیریت کسب‌وکارهای کوچک">
+<meta property="og:description" content="فاکتور، پیام گروهی، مشتریان، دفتر درآمد و هزینه، انبارداری و نوبت‌دهی — همه در یک اپ. یک هفته کاملا رایگان.">
+<meta property="og:url" content="https://mobiniqow.ir/">
+<meta property="og:locale" content="fa_IR">
+<meta name="twitter:card" content="summary">
+<meta name="theme-color" content="#107c41">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700;800&display=swap">
+<link rel="stylesheet" href="assets/atlas.css">
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "SoftwareApplication",
+  "name": "کاسبیار",
+  "applicationCategory": "BusinessApplication",
+  "operatingSystem": "Android, iOS",
+  "description": "اپ مدیریت کسب‌وکارهای کوچک: فاکتور، پیام گروهی با شماره، مشتریان، دفتر درآمد و هزینه، انبارداری و نوبت‌دهی.",
+  "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IRR", "description": "یک هفته اول رایگان" }
+}
+</script>
+</head>
+<body>
+
+<header class="nav container">
+  <span class="nav-brand">کاسبیار</span>
+  <nav class="nav-links">
+    <a href="#tools">بخش‌های اپ</a>
+    <a href="#who">برای کیه</a>
+    <a href="#how">نحوه‌ی کار</a>
+    <a href="/articles/">مقالات</a>
+  </nav>
+  <a class="btn btn-primary" href="#cta">دریافت اپ</a>
+</header>
+
+<main>
+  <section class="hero container">
+    <span class="kicker">اپ مدیریت کسب‌وکار کوچک</span>
+    <h1>هرچی برای اداره‌ی کسب‌وکارت لازمه، توی یک اپ</h1>
+    <p>
+      کاسبیار فاکتور رسمی صادر می‌کند، پیام گروهی با شماره می‌فرستد
+      (پیامک، واتساپ، تلگرام، بله، ایتا)، حساب مشتری‌ها و دخل‌وخرجت را نگه
+      می‌دارد، انبارت را زیر نظر می‌گیرد و نوبت‌دهی‌ات را مدیریت می‌کند —
+      بدون این‌که کاسبی که تازه‌کار با موبایل است گیج شود.
+    </p>
+    <div class="hero-actions">
+      <a class="btn btn-primary" href="#cta">یک هفته رایگان امتحان کن</a>
+      <a class="btn btn-secondary" href="#tools">ببین چی داره</a>
+    </div>
+  </section>
+
+  <hr class="hairline">
+
+  <section id="tools" class="container">
+    <div class="section-head">
+      <h2>بخش‌های کاسبیار</h2>
+      <p>هرکدام جدا فعال می‌شود، پس فقط برای چیزی که لازم داری هزینه می‌کنی.</p>
+    </div>
+    <div class="grid grid-3">
+      <div class="card">
+        <div class="icon">🧾</div>
+        <h3>فاکتور</h3>
+        <p>فاکتور رسمی با لوگو، چند نوع مالیات، تخفیف روی هر قلم کالا، و پیگیری پرداخت‌شده/نشده — کاملا محلی روی گوشی.</p>
+      </div>
+      <div class="card">
+        <div class="icon">📨</div>
+        <h3>پیام گروهی</h3>
+        <p>یک قالب بنویس، به مخاطبینت پیامک/واتساپ/تلگرام/بله/ایتا بفرست — از مسیر رسمی هر پلتفرم، بدون ترفندهای دور زدن قانون.</p>
+      </div>
+      <div class="card">
+        <div class="icon">👥</div>
+        <h3>مشتریان</h3>
+        <p>برای هر مشتری تاریخچه‌ی خریدش را ببین — خودش از فاکتورهایی که برایش صادر کردی ساخته می‌شود.</p>
+      </div>
+      <div class="card">
+        <div class="icon">💰</div>
+        <h3>دفتر درآمد و هزینه</h3>
+        <p>هرچه وارد و خارج می‌شود را ثبت کن، نمودار هفتگی‌اش را ببین، بر اساس درآمد یا هزینه فیلتر کن.</p>
+      </div>
+      <div class="card">
+        <div class="icon">📦</div>
+        <h3>انبارداری</h3>
+        <p>موجودی کالاهایت را دسته‌بندی کن، با یک ضربه کم‌وزیاد کن، و وقتی چیزی کم شد هشدار بگیر.</p>
+      </div>
+      <div class="card">
+        <div class="icon">📅</div>
+        <h3>نوبت‌دهی</h3>
+        <p>برای آرایشگاه، مطب، کارگاه یا هر جای دیگری که نوبت می‌گیرد — لیست نوبت‌های امروز و فردا همیشه دم دست.</p>
+      </div>
+      <div class="card">
+        <div class="icon">✅</div>
+        <h3>گزارش سریع</h3>
+        <p>قالب کلید-مقدار بساز (مثلا لیست کالاهای روزانه)؛ اپ یکی‌یکی مقدارش را می‌پرسد و برایت آماده می‌فرستد.</p>
+      </div>
+      <div class="card">
+        <div class="icon">🚚</div>
+        <h3>پیگیری سفارش</h3>
+        <p>برای آنلاین‌شاپ‌های کوچک: مراحل کارت را تعریف کن (آماده‌سازی، بسته‌بندی، ارسال، تحویل) و با هر «مرحله‌ی بعد» یک پیامک خودکار از روی قالب دلخواهت برای مشتری می‌رود.</p>
+      </div>
+      <div class="card">
+        <div class="icon">🎁</div>
+        <h3>دعوت دوستان</h3>
+        <p>کد معرف خودت را با دوستانت به اشتراک بگذار — هر دوتون جم جایزه می‌گیرید و می‌توانید اشتراک را با آن تمدید کنید.</p>
+      </div>
+      <div class="card">
+        <div class="icon">🔒</div>
+        <h3>امن و ساده</h3>
+        <p>قفل اثرانگشت برای اطلاعات حساس کسب‌وکارت، تاریخ شمسی همه‌جا، و ظاهری که کار کردن باهاش راحت است.</p>
+      </div>
+    </div>
+  </section>
+
+  <section id="who" class="alt">
+    <div class="container">
+      <div class="section-head">
+        <h2>کاسبیار برای کیه؟</h2>
+        <p>برای هر کسی که یک کسب‌وکار کوچک دارد و نمی‌خواهد وقتش را صرف نرم‌افزارهای پیچیده کند.</p>
+      </div>
+      <div class="grid grid-5">
+        <div class="card">
+          <div class="icon">🛍️</div>
+          <h3>فروشگاه‌دارها</h3>
+          <p>فاکتور بزن، انبارت را زیر نظر بگیر، به مشتری‌هایت خبر بده.</p>
+        </div>
+        <div class="card">
+          <div class="icon">💇</div>
+          <h3>آرایشگاه و سالن‌ها</h3>
+          <p>نوبت‌دهی منظم و یادآوری نوبت با پیامک.</p>
+        </div>
+        <div class="card">
+          <div class="icon">🥬</div>
+          <h3>میوه/سبزی و توزیع‌کننده‌ها</h3>
+          <p>هر روز با «گزارش سریع» موجودی را به مشتری‌های ثابت اعلام کن.</p>
+        </div>
+        <div class="card">
+          <div class="icon">🧰</div>
+          <h3>کسب‌وکارهای خدماتی</h3>
+          <p>از تعمیرکار تا مشاور — حساب مشتری، دخل‌وخرج و پیام گروهی یک‌جا.</p>
+        </div>
+        <div class="card">
+          <div class="icon">🛒</div>
+          <h3>آنلاین‌شاپ‌های کوچک</h3>
+          <p>برای هر سفارش، شماره‌ی مشتری را وارد کن و با «پیگیری سفارش» در هر مرحله (آماده‌سازی، بسته‌بندی، ارسال، تحویل + کد پیگیری پستی) خودکار برایش پیامک بفرست.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section id="how" class="container">
+    <div class="section-head">
+      <h2>در سه قدم شروع کن</h2>
+    </div>
+    <div class="steps">
+      <div class="step">
+        <div>
+          <h3>با شماره‌ات وارد شو</h3>
+          <p>فقط شماره موبایل و یک کد تایید — همان لحظه یک هفته رایگان برایت فعال می‌شود.</p>
+        </div>
+      </div>
+      <div class="step">
+        <div>
+          <h3>بخشی که لازم داری را فعال کن</h3>
+          <p>هر بخش قیمت جدا دارد؛ فقط برای همانی که کسب‌وکارت لازم دارد هزینه کن.</p>
+        </div>
+      </div>
+      <div class="step">
+        <div>
+          <h3>کارت را شروع کن</h3>
+          <p>فاکتور بزن، پیام بفرست، انبار و دخل‌وخرجت را ثبت کن — همه از یک اپ.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section id="cta" class="cta-band">
+    <div class="container">
+      <h2>یک هفته کاملا رایگان امتحانش کن</h2>
+      <p>کاسبیار را نصب کن، با شماره‌ات وارد شو، و همین امروز اولین فاکتورت را بزن.</p>
+      <div class="hero-actions">
+        <a class="btn btn-primary" href="#">دانلود برای اندروید</a>
+        <a class="btn btn-secondary" href="#" style="border-color:rgba(243,242,242,0.3); color:#f3f2f2;">دانلود برای iOS</a>
+      </div>
+    </div>
+  </section>
+</main>
+
+<footer>
+  <div class="container">
+    <span>© کاسبیار — اپ مدیریت کسب‌وکارهای کوچک</span>
+    <span><a href="/articles/">مقالات</a></span>
+    <span>قدرت گرفته از <a href="https://niqow.ir" target="_blank" rel="noopener">niqow.ir</a></span>
+  </div>
+</footer>
+
+</body>
+</html>
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://mobiniqow.ir/sitemap.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url><loc>https://mobiniqow.ir/</loc><changefreq>weekly</changefreq><priority>1.0</priority></url>
+  <url><loc>https://mobiniqow.ir/articles/</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
+  <url><loc>https://mobiniqow.ir/articles/peyam-goruhi-ba-shomare/</loc><priority>0.6</priority></url>
+  <url><loc>https://mobiniqow.ir/articles/field-sefareshi-dar-template/</loc><priority>0.6</priority></url>
+  <url><loc>https://mobiniqow.ir/articles/merge-mokhatebin-ganoshi/</loc><priority>0.6</priority></url>
+  <url><loc>https://mobiniqow.ir/articles/sms-ya-whatsapp-business/</loc><priority>0.6</priority></url>
+</urlset>