feat: update Dockerfile, add category pages, fonts and product images

Rebuild Docker setup with simplified nginx-only Dockerfile (build runs
on host). Add category detail pages, IRANSans font files, product
images, and update all landing sections.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/components/ui/ImagePlaceholder.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { ImageOff } from "lucide-vue-next";
+
+withDefaults(
+  defineProps<{
+    label?: string;
+    aspectClass?: string;
+  }>(),
+  {
+    label: "تصویر محصول",
+    aspectClass: "aspect-[4/3]",
+  },
+);
+</script>
+
+<template>
+  <div
+    :class="`flex flex-col items-center justify-center border border-dashed border-line bg-panel ${aspectClass}`"
+  >
+    <ImageOff class="size-10 text-muted/30" />
+    <span class="mt-2 font-mono text-[10px] tracking-wider text-muted/40">{{ label }}</span>
+  </div>
+</template>

app/components/ui/Logo.vue

@@ -1,19 +1,24 @@
 <script setup lang="ts">
-import { ShieldCheck } from "lucide-vue-next";
 </script>
 
 <template>
-  <a href="#home" class="flex items-center gap-3" aria-label="آریا ایمن">
+  <NuxtLink to="/" class="flex items-center gap-3" aria-label="ایمن پیشگامان">
     <span
-      class="flex size-10 items-center justify-center rounded-xl bg-accent text-bg shadow-[0_0_28px_rgba(255,90,0,0.35)]"
+      class="flex size-10 items-center justify-center rounded-xl bg-white shadow-[0_0_28px_rgba(10,30,92,0.45)]"
     >
-      <ShieldCheck class="size-6" />
+      <img
+        src="/images/logo.png"
+        alt="ایمن پیشگامان"
+        width="28"
+        height="28"
+        class="size-7 object-contain"
+      />
     </span>
     <span class="leading-tight">
-      <span class="block text-lg font-black">آریا ایمن</span>
+      <span class="block text-lg font-black">ایمن پیشگامان</span>
       <span class="block font-mono text-[9px] tracking-[0.32em] text-muted">
-        ARIA IMEN CO.
+        IMEN PISHGAMAN CO.
       </span>
     </span>
-  </a>
+  </NuxtLink>
 </template>