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

frontend/src/components/home/FeaturedProjects.tsx

@@ -5,26 +5,25 @@ import { Reveal } from '../Reveal'
 import { ButtonLink } from '../Button'
 import { ProjectCard } from '../ProjectCard'
 import { SectionHeading } from '../SectionHeading'
-import { useSite } from '../../api'
+import { useSectionHeading, useSite, useStatusLabel } from '../../api'
 import type { ProjectStatus } from '../../data/site'
 
-const FILTERS: { key: ProjectStatus; label: string }[] = [
-  { key: 'done', label: 'انجام شده' },
-  { key: 'progress', label: 'در حال انجام' },
-]
-
 export function FeaturedProjects() {
   const { projects } = useSite()
+  const heading = useSectionHeading('featured_projects')
+  const doneLabel = useStatusLabel('done')
+  const progressLabel = useStatusLabel('progress')
+  const FILTERS: { key: ProjectStatus; label: string }[] = [
+    { key: 'done', label: doneLabel },
+    { key: 'progress', label: progressLabel },
+  ]
   const [status, setStatus] = useState<ProjectStatus>('done')
   const list = projects.filter((p) => p.status === status).slice(0, 3)
 
   return (
     <section className="bg-ink py-24 lg:py-32" aria-labelledby="projects-title">
       <div className="mx-auto max-w-site px-6 lg:px-10">
-        <SectionHeading
-          title="پروژه‌های شاخص"
-          lead="کارهایی که بیشترین چیز را درباره استاندارد ما می‌گویند؛ چه آن‌هایی که تحویل شده‌اند و چه آن‌هایی که همین امروز در حال ساخت‌اند."
-        />
+        <SectionHeading title={heading.title} lead={heading.lead} />
 
         <div className="mt-10 flex flex-wrap items-center gap-3" role="tablist" aria-label="فیلتر وضعیت پروژه">
           {FILTERS.map((filter) => (
@@ -78,14 +77,16 @@ export function FeaturedProjects() {
           </AnimatePresence>
         </div>
 
-        <Reveal delay={0.1}>
-          <div className="mt-12 flex justify-center">
-            <ButtonLink to="/projects" variant="outline" className="font-light">
-              همه پروژه‌ها
-              <ArrowLeftIcon className="h-4 w-4" />
-            </ButtonLink>
-          </div>
-        </Reveal>
+        {heading.cta_label && heading.cta_href && (
+          <Reveal delay={0.1}>
+            <div className="mt-12 flex justify-center">
+              <ButtonLink to={heading.cta_href} variant="outline" className="font-light">
+                {heading.cta_label}
+                <ArrowLeftIcon className="h-4 w-4" />
+              </ButtonLink>
+            </div>
+          </Reveal>
+        )}
       </div>
     </section>
   )