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(() => {

apps/landing/components/TeamSection.vue

@@ -10,7 +10,10 @@
       </div>
       <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
         <figure v-for="m in data.members" :key="m.name" class="group">
-          <div class="aspect-[3/4] bg-gradient-to-br from-smoke to-ink" />
+          <div
+            class="aspect-[3/4] bg-gradient-to-br from-smoke to-ink bg-cover bg-center"
+            :style="m.imageUrl ? { backgroundImage: `url(${m.imageUrl})` } : {}"
+          />
           <figcaption class="mt-4">
             <p class="font-display text-xl font-bold group-hover:text-volt transition-colors">
               {{ m.name }}
@@ -29,7 +32,7 @@ defineProps<{
     tag: string;
     headline: string;
     body: string;
-    members: Array<{ name: string; role: string }>;
+    members: Array<{ name: string; role: string; imageUrl?: string }>;
   };
 }>();
 </script>

apps/landing/components/WorkSection.vue

@@ -1,14 +1,17 @@
 <template>
   <section id="work" class="px-6 py-28 md:px-10 md:py-40">
     <div class="mx-auto max-w-[1500px]">
-      <SectionTag index="۰۳" :title="data.tag" right="۱۴۰۲ — ۱۴۰۴" />
+      <SectionTag index="۰۳" :title="data.tag" right="نمونه‌کارها" />
       <div class="mt-16 grid gap-6 md:grid-cols-2">
         <article
           v-for="p in data.items"
           :key="p.n"
           class="group relative overflow-hidden border border-white/[0.07] bg-coal p-6 md:p-8"
         >
-          <div class="mb-16 aspect-[16/10] bg-gradient-to-br from-smoke to-ink" />
+          <div
+            class="mb-16 aspect-[16/10] bg-gradient-to-br from-smoke to-ink bg-cover bg-center"
+            :style="p.imageUrl ? { backgroundImage: `url(${p.imageUrl})` } : {}"
+          />
           <div class="flex items-end justify-between gap-4">
             <div>
               <p class="text-xs text-ash">{{ p.n }} / {{ p.year }}</p>
@@ -29,7 +32,7 @@
 defineProps<{
   data: {
     tag: string;
-    items: Array<{ n: string; title: string; cat: string; year: string }>;
+    items: Array<{ n: string; title: string; cat: string; year: string; imageUrl?: string }>;
   };
 }>();
 </script>