checkpoint before checking out main

2026-08-13 13:53:22 +03:30
parent a7643bb931
commit 141f1a30be
23 changed files with 1357 additions and 84 deletions
@@ -0,0 +1,81 @@
+export function Footer() {
+  return (
+    <footer className="border-t border-red-dark/20 bg-red-dark text-white">
+      <div className="mx-auto max-w-7xl px-4 py-12">
+        <div className="grid gap-8 md:grid-cols-4">
+          <div>
+            <div className="mb-4 flex items-center gap-2">
+              <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-white text-base font-bold text-red-dark">
+                S
+              </div>
+              <span className="font-display text-lg font-bold tracking-tight">
+                SANIHOME
+              </span>
+            </div>
+            <p className="text-sm leading-relaxed text-white/70">
+              فروشگاه آنلاین لوازم خانگی با بیش از ۱۵ سال سابقه. محصولات اصل،
+              گارانتی معتبر، ارسال سریع.
+            </p>
+          </div>
+
+          <div>
+            <h4 className="mb-3 text-sm font-bold">دسترسی سریع</h4>
+            <ul className="space-y-2 text-sm text-white/70">
+              {["درباره ما", "تماس با ما", "سوالات متداول", "قوانین و مقررات", "پیگیری سفارش"].map(
+                (link) => (
+                  <li key={link}>
+                    <a href="#" className="transition-colors hover:text-white">
+                      {link}
+                    </a>
+                  </li>
+                ),
+              )}
+            </ul>
+          </div>
+
+          <div>
+            <h4 className="mb-3 text-sm font-bold">دسته‌بندی‌ها</h4>
+            <ul className="space-y-2 text-sm text-white/70">
+              {["یخچال و فریزر", "ماشین لباسشویی", "تلویزیون", "جاروبرقی", "لوازم آشپزخانه"].map(
+                (link) => (
+                  <li key={link}>
+                    <a href="#" className="transition-colors hover:text-white">
+                      {link}
+                    </a>
+                  </li>
+                ),
+              )}
+            </ul>
+          </div>
+
+          <div>
+            <h4 className="mb-3 text-sm font-bold">تماس با ما</h4>
+            <ul className="space-y-2 text-sm text-white/70">
+              <li>تهران، خیابان ولیعصر</li>
+              <li>تلفن: ۰۲۱-۸۸۰۰۱۲۳۴</li>
+              <li>ایمیل: info@sanihome.ir</li>
+            </ul>
+            <div className="mt-4 flex gap-3">
+              {["IG", "TG", "WA"].map((social) => (
+                <a
+                  key={social}
+                  href="#"
+                  className="font-display flex h-8 w-8 items-center justify-center rounded-full border border-white/20 text-[10px] font-bold transition-colors hover:border-white hover:bg-white/10"
+                >
+                  {social}
+                </a>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        <div className="mt-10 flex flex-col items-center justify-between gap-3 border-t border-white/10 pt-6 text-xs text-white/50 md:flex-row">
+          <p>© ۱۴۰۵ سانی‌هوم — تمامی حقوق محفوظ است.</p>
+          <p className="font-display tracking-wide uppercase">
+            Designed for Sanihome
+          </p>
+        </div>
+      </div>
+    </footer>
+  );
+}