feat: mataba landing static site - production ready

2026-09-20 17:44:45 +03:30
parent b78e332966
commit 18280899a1
46 changed files with 1388 additions and 0 deletions
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="fa" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>درباره مطبا | پلتفرم طراحی سایت پزشکی</title>
+<meta name="description" content="درباره مطبا: پلتفرم طراحی سایت اختصاصی پزشکان با تمرکز بر برند شخصی، نمونه‌کار و نوبت‌دهی آنلاین.">
+<link rel="canonical" href="https://mataba.ir/about/">
+<meta name="robots" content="index, follow">
+<meta property="og:type" content="website"><meta property="og:locale" content="fa_IR"><meta property="og:site_name" content="مطبا">
+<meta property="og:title" content="درباره مطبا | پلتفرم طراحی سایت پزشکی"><meta property="og:description" content="درباره مطبا: پلتفرم طراحی سایت اختصاصی پزشکان با تمرکز بر برند شخصی، نمونه‌کار و نوبت‌دهی آنلاین.">
+<meta property="og:url" content="https://mataba.ir/about/"><meta property="og:image" content="https://mataba.ir/assets/images/personalsection.png">
+<meta name="twitter:card" content="summary_large_image">
+<link rel="icon" href="../assets/images/navLogo.png" type="image/png">
+<link rel="preload" href="../assets/fonts/Modam-Bold.ttf" as="font" type="font/ttf" crossorigin>
+<link rel="stylesheet" href="../css/styles.css"><link rel="stylesheet" href="../css/responsive.css"><link rel="stylesheet" href="../css/utilities.css">
+<link rel="manifest" href="../manifest.webmanifest">
+<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://mataba.ir/about/#page","url":"https://mataba.ir/about/","name":"درباره مطبا | پلتفرم طراحی سایت پزشکی","inLanguage":"fa-IR","isPartOf":{"@id":"https://mataba.ir/#site"}},{"@type":"BreadcrumbList","@id":"https://mataba.ir/about/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"خانه","item":"https://mataba.ir/"},{"@type":"ListItem","position":2,"name":"درباره مطبا","item":"https://mataba.ir/about/"}]}]}</script>
+</head>
+<body>
+<a class="skip" href="#main">پرش به محتوا</a>
+<div class="wrap">
+<header class="site-header">
+  <button class="hamburger" id="hamburger" aria-expanded="false" aria-controls="mainNav" aria-label="باز کردن منو"><span class="bars" aria-hidden="true"><span></span><span></span><span></span></span><span>منو</span></button>
+  <a class="brand" href="../" aria-label="مطبا"><span class="logo-mark" aria-hidden="true"><span>م</span></span><span class="logo-text-wrap"><span class="logo-text">مطبا</span><span class="logo-sub">mataba.ir</span></span></a>
+  <nav class="nav" id="mainNav" aria-label="ناوبری اصلی">
+    <a class="nav-link" href="../#home">صفحه اصلی</a><a class="nav-link" href="../#samples">نمونه‌کارها</a><a class="nav-link" href="../#packages">پکیج‌ها</a><a class="nav-link" href="../#facilities">امکانات</a><a class="nav-link active" href="./">درباره ما</a><a class="nav-link" href="../contact/">ارتباط با ما</a>
+  </nav>
+</header>
+<div class="drawer-backdrop" id="drawerBackdrop"></div>
+<nav class="breadcrumb" aria-label="مسیر"><a href="../">خانه</a> / درباره ما</nav>
+<main id="main" class="page-hero">
+  <div class="about-frame" aria-hidden="false">
+    <img src="../assets/images/person.jpg" class="main" alt="تیم مطبا (تصویر موقت از نسخه قبلی)" width="400" height="460" loading="lazy">
+    <div style="border:2px solid #425428;border-radius:12px;padding:120px 40px 60px;text-align:center;margin-top:40px">
+      <div class="avatars" style="justify-content:center"><img src="../assets/images/person2.jpg" alt="" width="56" height="56" loading="lazy"><img src="../assets/images/person3.jpg" alt="" width="56" height="56" loading="lazy"><img src="../assets/images/person.jpg" alt="" width="56" height="56" loading="lazy"></div>
+      <p><b>+۸۰۰</b> بررسی‌کنندگان (آمار نسخه قبلی، نیازمند تایید)</p>
+    </div>
+  </div>
+  <div class="txt">
+    <h1>درباره ما</h1>
+    <p class="lead">مطبا پلتفرمی برای ساده‌تر کردن حضور آنلاین پزشکان است؛ از طراحی لوگو تا ساخت کامل وب‌سایت اختصاصی پزشک.</p>
+    <p class="mt-4"><a class="btn btn-main" href="../#samples" style="border-radius:12px"><span class="lbl">مشاهده نمونه‌کارها</span></a> <a class="btn btn-outline" href="../contact/">ارتباط با ما</a></p>
+  </div>
+</main>
+<footer class="site-footer"><div class="foot-panel"><span class="brand" style="gap:10px"><span class="logo-mark" style="width:38px;height:38px;border-radius:12px;font-size:18px"><span>م</span></span><span class="logo-text-wrap"><span class="logo-text" style="font-size:20px">مطبا</span><span class="logo-sub">mataba.ir</span></span></span><p class="foot-small">تمامی حقوق این وب‌سایت متعلق به «مطبا» است. <a href="../">mataba.ir</a></p></div></footer>
+</div>
+<script src="../js/main.js" defer></script>
+</body>
+</html>