From bcd2b756ed4d44c31456c9b52af1f214de14b6c3 Mon Sep 17 00:00:00 2001
From: aramesh-site deploy <deploy@aramesh-site.local>
Date: Fri, 9 Oct 2026 18:46:07 +0000
Subject: [PATCH] =?UTF-8?q?feat(footer):=20=D8=A2=DB=8C=DA=A9=D9=88=D9=86?=
 =?UTF-8?q?=20=D8=B1=D8=B3=D9=85=DB=8C=20=C2=AB=D8=A8=D9=84=D9=87=C2=BB=20?=
 =?UTF-8?q?=E2=80=94=20=D9=86=D8=B4=D8=A7=D9=86=20=D8=A7=D9=BE=20=D8=A7?=
 =?UTF-8?q?=D8=B2=20bale.ai=D8=8C=20=DA=86=D9=88=D9=86=20=D9=87=DB=8C?=
 =?UTF-8?q?=DA=86=20=D9=85=D8=AC=D9=85=D9=88=D8=B9=D9=87=E2=80=8C=D8=A2?=
 =?UTF-8?q?=DB=8C=DA=A9=D9=88=D9=86=DB=8C=20=D8=A2=D9=86=20=D8=B1=D8=A7=20?=
 =?UTF-8?q?=D9=86=D8=AF=D8=A7=D8=B1=D8=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Footer.tsx         |  2 ++
 frontend/src/components/icons/BaleIcon.tsx | 23 ++++++++++++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 frontend/src/components/icons/BaleIcon.tsx

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 706aa69..e5e85e6 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -6,11 +6,13 @@ import { useLang } from '../i18n/lang';
 import { useFieldSaver } from '../admin/AdminContext';
 import { InlineEdit } from './admin/InlineEdit';
 import { AddItemButton, EditableItem, SingletonPill } from '../admin/Editable';
+import { BaleIcon } from './icons/BaleIcon';
 
 const SOCIAL_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {
   instagram: InstagramIcon,
   linkedin: LinkedinIcon,
   telegram: SendIcon,
+  bale: BaleIcon,
 };
 
 export function Footer() {
diff --git a/frontend/src/components/icons/BaleIcon.tsx b/frontend/src/components/icons/BaleIcon.tsx
new file mode 100644
index 0000000..cb54180
--- /dev/null
+++ b/frontend/src/components/icons/BaleIcon.tsx
@@ -0,0 +1,23 @@
+/**
+ * آیکون «بله» — نشان رسمی اپلیکیشن (svg از سایت bale.ai).
+ *
+ * در هیچ‌کدام از مجموعه‌آیکون‌های نصب‌شده (lucide / react-icons) آیکون بله
+ * وجود ندارد؛ پس مسیرهای خود نشان به‌صورت درون‌خطی نگه داشته شده‌اند.
+ * fill="currentColor" است تا رنگ از کلاس والد (مثل text-copper) بیاید و
+ * مانند بقیهٔ آیکون‌های فوتر رفتار کند.
+ */
+export function BaleIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      viewBox="0 0 280 337"
+      className={className}
+      fill="currentColor"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      focusable="false"
+    >
+      <path d="m183.06 103.03h-88.12c-36.98 0-66.96 29.98-66.96 66.96v88.12c0 36.98 29.98 66.96 66.96 66.96h88.12c36.98 0 66.96-29.98 66.96-66.96v-88.12c0-36.98-29.98-66.96-66.96-66.96zm21.16 155.08c0 11.67-9.49 21.16-21.16 21.16h-88.12c-11.67 0-21.16-9.49-21.16-21.16v-88.12c0-11.67 9.49-21.16 21.16-21.16h88.11c11.67 0 21.16 9.49 21.16 21.16 0 0 0 88.12 0.01 88.12z" />
+      <path d="m152.18 34.52c-14.22 14.22-20.69 33.23-19.45 51.83 18.6 1.24 37.62-5.23 51.83-19.45 14.22-14.22 20.69-33.24 19.45-51.83-18.6-1.24-37.62 5.23-51.83 19.45z" />
+    </svg>
+  )
+}