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>
20 lines
610 B
Vue
20 lines
610 B
Vue
<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>
|