feat: migrate landing from Next.js to Nuxt 4 (Vue 3)

Full 1:1 migration preserving all visuals, animations and behavior:
- Nuxt 4 + Vue 3 (script setup, TypeScript strict) with SSG output
- Tailwind CSS v4 with @tailwindcss/vite
- Ant Design Vue 4 (dark theme, RTL, Persian locale) for design system
- Pinia for state management (ui + contact stores)
- motion-v (framer-motion port) for all animations
- lucide-vue-next for icons
- SEO improvements: og:image, canonical fix, real 404 page, JSON-LD services
- JS bundle reduced from 302KB to 239KB gzip
- Docker/nginx deployment preserved (out/ -> nginx)

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

app/components/ui/Logo.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { ShieldCheck } from "lucide-vue-next";
+</script>
+
+<template>
+  <a href="#home" 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)]"
+    >
+      <ShieldCheck class="size-6" />
+    </span>
+    <span class="leading-tight">
+      <span class="block text-lg font-black">آریا ایمن</span>
+      <span class="block font-mono text-[9px] tracking-[0.32em] text-muted">
+        ARIA IMEN CO.
+      </span>
+    </span>
+  </a>
+</template>

app/components/ui/Reveal.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { motion } from "motion-v";
+
+const props = withDefaults(defineProps<{ delay?: number }>(), { delay: 0 });
+const motionProps = computed(() => fade(props.delay, 34));
+</script>
+
+<template>
+  <motion.div v-bind="motionProps">
+    <slot />
+  </motion.div>
+</template>

app/components/ui/SectionHead.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import Reveal from "./Reveal.vue";
+
+withDefaults(
+  defineProps<{
+    tag: string;
+    /** plain-text title; use the #title slot for rich markup (line breaks, spans) */
+    title?: string;
+    desc?: string;
+    center?: boolean;
+    headingId?: string;
+  }>(),
+  { center: false },
+);
+</script>
+
+<template>
+  <div :class="center ? 'text-center' : ''">
+    <Reveal>
+      <div :class="`flex items-center gap-3 ${center ? 'justify-center' : ''}`">
+        <span class="font-mono text-sm text-accent">//</span>
+        <span class="font-mono text-xs tracking-[0.25em] text-muted">
+          {{ tag }}
+        </span>
+        <span class="h-px w-14 bg-line" />
+      </div>
+    </Reveal>
+    <Reveal :delay="0.08">
+      <h2
+        :id="headingId"
+        class="mt-5 text-3xl font-black leading-[1.25] md:text-5xl md:leading-[1.2]"
+      >
+        <slot name="title">{{ title }}</slot>
+      </h2>
+    </Reveal>
+    <Reveal v-if="desc" :delay="0.16">
+      <p :class="`mt-5 max-w-xl leading-8 text-muted ${center ? 'mx-auto' : ''}`">
+        {{ desc }}
+      </p>
+    </Reveal>
+  </div>
+</template>