انتقال تمام محتوای متنی سایت به دیتابیس — همه متن‌های فرانت‌اند از GET /api/site خوانده می‌شوند

frontend/src/components/home/Newsletter.tsx

@@ -3,9 +3,11 @@ import { CheckIcon, SendIcon } from 'lucide-react'
 import Swal from 'sweetalert2'
 import { Reveal } from '../Reveal'
 import { Button } from '../Button'
+import { useSite } from '../../api'
 import { API_URL } from '../../config'
 
 export function Newsletter() {
+  const { newsletter } = useSite()
   const [email, setEmail] = useState('')
   const [status, setStatus] = useState<'idle' | 'error' | 'done'>('idle')
   const [sending, setSending] = useState(false)
@@ -89,10 +91,10 @@ export function Newsletter() {
       <div className="mx-auto grid max-w-site items-center gap-8 px-6 lg:grid-cols-2 lg:px-10">
         <Reveal>
           <h2 id="newsletter-title" className="text-2xl font-bold leading-relaxed text-char md:text-3xl">
-            خبرنامه گروه ساختمانی آرامش
+            {newsletter.title}
           </h2>
           <p className="mt-3 max-w-md text-sm font-light leading-8 text-char/75">
-            هر ماه یک ایمیل: پروژه‌های جدید، فرصت‌های سرمایه‌گذاری و یادداشت‌های تیم معماری.
+            {newsletter.lead}
           </p>
         </Reveal>
 
@@ -100,7 +102,7 @@ export function Newsletter() {
           <form onSubmit={submit} className="flex flex-col gap-3 sm:flex-row" noValidate>
             <div className="flex-1">
               <label htmlFor="newsletter-email" className="sr-only">
-                نشانی ایمیل
+                {newsletter.placeholder}
               </label>
               <input
                 id="newsletter-email"
@@ -111,21 +113,21 @@ export function Newsletter() {
                   setEmail(e.target.value)
                   if (status !== 'idle') setStatus('idle')
                 }}
-                placeholder="نشانی ایمیل شما"
+                placeholder={newsletter.placeholder}
                 className="w-full border border-transparent bg-char px-5 py-4 text-left text-sm font-light text-ivory placeholder:text-ivory/40 transition-all duration-300 ease-lux focus:border-ivory focus:outline-none"
                 aria-invalid={status === 'error'}
               />
               {status === 'done' && (
                 <p className="mt-2 flex items-center gap-1.5 text-xs font-light text-char" role="status">
                   <CheckIcon className="h-3.5 w-3.5" />
-                  عضویت شما ثبت شد.
+                  {newsletter.success_text}
                 </p>
               )}
             </div>
-            
+
             <Button type="submit" variant="dark-ivory" disabled={sending}>
               <SendIcon className="h-4 w-4" />
-              {sending ? 'در حال ارسال…' : 'عضویت'}
+              {sending ? newsletter.sending_label : newsletter.button_label}
             </Button>
           </form>
         </Reveal>