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

frontend/src/components/Header.tsx

@@ -1,12 +1,10 @@
 import React, { useEffect, useState } from "react";
 import { Link, NavLink, useLocation } from "react-router-dom";
 import { MenuIcon, PhoneIcon, XIcon } from "lucide-react";
-import { NAV } from "../data/site";
 import { useSite } from "../api";
-import { use } from "framer-motion/m";
 
 export function Header() {
-  const { brand } = useSite();
+  const { brand, nav } = useSite();
   const [scrolled, setScrolled] = useState(false);
   const [open, setOpen] = useState(false);
   const { pathname } = useLocation();
@@ -46,10 +44,10 @@ export function Header() {
 
         <nav aria-label="ناوبری اصلی" className="hidden xl:block">
           <ul className="flex items-center gap-7">
-            {NAV.map((item) => (
-              <li key={item.to}>
+            {nav.map((item) => (
+              <li key={item.href}>
                 <NavLink
-                  to={item.to}
+                  to={item.href}
                   className={({ isActive }) =>
                     `group relative py-2 text-[0.95rem] font-light transition-colors duration-200 ease-lux hover:text-copper [text-shadow:_0_2px_4px_rgba(0,0,0,0.6)] ${
                       isActive ? "text-copper" : "text-ivory/80"
@@ -110,10 +108,10 @@ export function Header() {
           className="border-t border-ivory/10 bg-ink/98 px-6 py-4 xl:hidden"
         >
           <ul className="grid gap-1">
-            {NAV.map((item) => (
-              <li key={item.to}>
+            {nav.map((item) => (
+              <li key={item.href}>
                 <NavLink
-                  to={item.to}
+                  to={item.href}
                   className={({ isActive }) =>
                     `block border-b border-ivory/5 py-3 text-base font-light transition-colors duration-200 ease-lux ${
                       isActive ? "text-copper" : "text-ivory/80"