Add FA, EN, and AR static copy, with English LTR and catalog hidden outside Persian.

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

src/components/ContactBar.tsx

@@ -1,7 +1,10 @@
+"use client";
+
 import type { ReactNode } from "react";
 
 import CallbackForm from "@/components/CallbackForm";
 import { site, socials } from "@/data/site";
+import { useMessages } from "@/i18n/locale-context";
 
 function InstagramIcon() {
   return (
@@ -72,12 +75,20 @@ const icons: Record<string, () => ReactNode> = {
 };
 
 export default function ContactBar() {
+  const t = useMessages();
+  const socialLabels: Record<string, string> = {
+    instagram: t.social.instagram,
+    telegram: t.social.telegram,
+    linkedin: t.social.linkedin,
+    email: t.social.email,
+  };
+
   return (
-    <section className="contact-bar" id="contact" aria-label="تماس با ما">
+    <section className="contact-bar" id="contact" aria-label={t.contactBar.label}>
       <div className="container contact-bar-frame">
         <div className="contact-bar-inner">
           <div className="contact-bar-phone">
-            <span className="contact-bar-kicker">تماس با ما</span>
+            <span className="contact-bar-kicker">{t.contactBar.label}</span>
             <a href={`tel:${site.phone.replace(/-/g, "")}`} className="contact-bar-number">
               <span dir="ltr">{site.phone}</span>
               <PhoneIcon />
@@ -93,8 +104,8 @@ export default function ContactBar() {
                   className="contact-social"
                   target={item.href.startsWith("mailto:") ? undefined : "_blank"}
                   rel="noopener noreferrer"
-                  aria-label={item.label}
-                  title={item.label}
+                  aria-label={socialLabels[item.id] || item.label}
+                  title={socialLabels[item.id] || item.label}
                 >
                   {Icon ? <Icon /> : item.labelEn}
                 </a>
@@ -103,7 +114,7 @@ export default function ContactBar() {
           </div>
         </div>
         <div className="contact-bar-subscribe">
-          <p className="contact-bar-subscribe-text">شماره تماس خود را بگذارید، ما با شما تماس میگیریم.</p>
+          <p className="contact-bar-subscribe-text">{t.contactBar.subscribe}</p>
           <CallbackForm />
         </div>
       </div>