Add contact and about pages with shared CTA buttons.

Wire forms to the Meshkee contact API, tighten page-title spacing, and polish outline button hover so it fades cleanly.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/Footer.tsx

@@ -101,12 +101,20 @@ export function Footer() {
           <p className="mt-3 max-w-[16rem] text-sm leading-7 text-muted">
             {site.address}
           </p>
-          <Link
-            href="#contact"
-            className="mt-5 inline-flex rounded-full border border-line px-4 py-2 text-xs text-ink-soft transition hover:border-ink/30 hover:text-ink"
-          >
-            تماس با ما
-          </Link>
+          <div className="mt-5 flex flex-wrap gap-2">
+            <Link
+              href="/about"
+              className="inline-flex rounded-full border border-line px-4 py-2 text-xs text-ink-soft transition hover:border-ink/30 hover:text-ink"
+            >
+              درباره ما
+            </Link>
+            <Link
+              href="/contact"
+              className="inline-flex rounded-full border border-line px-4 py-2 text-xs text-ink-soft transition hover:border-ink/30 hover:text-ink"
+            >
+              تماس با ما
+            </Link>
+          </div>
         </div>
       </div>