Sync admin settings and media with the public landing site.

Show logo in the navbar, add image upload fields for logo/team/work/blog/gallery, and drive site chrome from settings everywhere.

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

apps/landing/components/SiteNavbar.vue

@@ -1,16 +1,24 @@
 <template>
   <header class="fixed inset-x-0 top-0 z-50 border-b border-white/[0.06] bg-ink/70 backdrop-blur-md">
     <div class="mx-auto flex max-w-[1500px] items-center justify-between px-6 py-4 md:px-10">
-      <NuxtLink to="/" class="font-display text-lg font-extrabold tracking-tight">
-        {{ brand }}<span class="align-super text-[0.55em] text-volt">®</span>
+      <NuxtLink to="/" class="flex items-center gap-3 font-display text-lg font-extrabold tracking-tight">
+        <img
+          v-if="logoSrc"
+          :src="logoSrc"
+          :alt="brand"
+          class="h-9 w-auto max-w-[140px] object-contain"
+        />
+        <template v-else>
+          {{ brand }}<span class="align-super text-[0.55em] text-volt">®</span>
+        </template>
       </NuxtLink>
       <nav class="hidden items-center gap-6 text-sm text-ash md:flex">
-        <a href="#services" class="hover:text-volt">خدمات</a>
-        <a href="#work" class="hover:text-volt">نمونه کارها</a>
-        <a href="#team" class="hover:text-volt">تیم</a>
+        <a href="/#services" class="hover:text-volt">خدمات</a>
+        <a href="/#work" class="hover:text-volt">نمونه کارها</a>
+        <a href="/#team" class="hover:text-volt">تیم</a>
         <NuxtLink to="/blog" class="hover:text-volt">بلاگ</NuxtLink>
         <NuxtLink to="/gallery" class="hover:text-volt">گالری</NuxtLink>
-        <a href="#contact" class="text-bone hover:text-volt">تماس</a>
+        <a href="/#contact" class="text-bone hover:text-volt">تماس</a>
       </nav>
       <span class="text-xs text-ash tabular-nums" dir="ltr">{{ time }}</span>
     </div>
@@ -19,9 +27,16 @@
 
 <script setup lang="ts">
 import { formatClock } from "~/utils/timezone";
+import { mediaUrl } from "~/utils/media";
+
+const props = defineProps<{
+  brand?: string;
+  logoUrl?: string | null;
+  timezone?: string;
+}>();
 
-const props = defineProps<{ brand?: string; timezone?: string }>();
 const brand = computed(() => props.brand || "منتک");
+const logoSrc = computed(() => mediaUrl(props.logoUrl));
 const time = ref("");
 
 onMounted(() => {