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

frontend/src/components/home/WhyUs.tsx

@@ -1,26 +1,28 @@
 import React from 'react';
 import { Reveal } from '../Reveal';
 import { SectionHeading } from '../SectionHeading';
-import { IMAGES } from '../../data/site';
-import { useSite } from '../../api';
+import { useSectionHeading, useSite } from '../../api';
 
 export function WhyUs() {
   const { why_us } = useSite();
+  const heading = useSectionHeading('why_us');
   return (
     <section className="bg-ink py-24 lg:py-32" aria-labelledby="why-title">
       <div className="mx-auto grid max-w-site gap-14 px-6 lg:grid-cols-12 lg:px-10">
         <div className="lg:col-span-5">
           <SectionHeading
-            title="چرا گروه ساختمانی آرامش"
-            lead="شش دلیلی که کارفرمایان و سرمایه‌گذاران بار دوم هم به ما برمی‌گردند." />
-          
-          <Reveal delay={0.12}>
-            <img
-              src={IMAGES[3]}
-              alt="نمای شبانه برج دوقلوی نیاوران"
-              className="mt-10 h-80 w-full object-cover" />
-            
-          </Reveal>
+            title={heading.title}
+            lead={heading.lead} />
+
+          {heading.image && (
+            <Reveal delay={0.12}>
+              <img
+                src={heading.image}
+                alt={heading.title}
+                className="mt-10 h-80 w-full object-cover" />
+
+            </Reveal>
+          )}
         </div>
 
         <div className="lg:col-span-7">