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>
This commit is contained in:
S. Esmaeili
2026-10-06 16:28:05 +03:30
co-authored by Claude Opus 4.6
parent 1af5b555b8
commit e31ef5a21f
127 changed files with 12160 additions and 3464 deletions
+42
View File
@@ -0,0 +1,42 @@
export const siteConfig = {
name: "آریا ایمن",
nameEn: "Aria Imen Safety",
url: "https://ariaiman.ir", // TODO: replace with the real production domain before deploy
locale: "fa_IR",
lang: "fa",
dir: "rtl" as const,
title: "آریا ایمن | تجهیزات ایمنی و حفاظت فردی صنعتی",
description:
"آریا ایمن — تأمین‌کننده تخصصی تجهیزات حفاظت فردی (PPE)، بازرسی، آموزش و راهکارهای ایمنی صنعتی برای سازمان‌هایی که جان انسان‌ها را جدی می‌گیرند.",
// TODO: replace with a dedicated 1200×630 social image when available
ogImage: {
src: "/images/hero.jpg",
width: 1792,
height: 1008,
alt: "کارگر صنعتی با تجهیزات ایمنی کامل",
},
logo: "/images/hero.jpg", // TODO: replace with a dedicated PNG/SVG logo file when available
favicon: "/favicon.svg",
themeColor: "#0a0a0c",
foundingDate: "2007",
areaServed: "IR",
openingHours: {
days: ["Saturday", "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday"],
opens: "08:00",
closes: "17:00",
},
contact: {
phone: "+98-21-91008800",
phoneDisplay: "۰۲۱ - ۹۱ ۰۰ ۸۸ ۰۰",
email: "info@ariaiman.ir",
address: {
streetAddress: "خیابان کارگر شمالی، خیابان فر، کوچه دوم، پلاک ۱۲",
addressLocality: "تهران",
addressCountry: "IR",
},
},
socials: [] as string[], // TODO: add real social profile URLs when available
};
/** Absolute URL on the production domain. "/" → "https://domain/" (matches the sitemap entry). */
export const absUrl = (p: string) => new URL(p, siteConfig.url).toString();
+68
View File
@@ -0,0 +1,68 @@
import { absUrl as abs, siteConfig as s } from "../config/site";
type Json = Record<string, unknown>;
const clean = <T extends object>(o: T): Json =>
JSON.parse(
JSON.stringify(o, (_, v) =>
v === "" || (Array.isArray(v) && !v.length) ? undefined : v,
),
);
export const organizationSchema = () =>
clean({
"@context": "https://schema.org",
"@type": "LocalBusiness",
"@id": `${s.url}/#organization`,
name: s.name,
alternateName: s.nameEn,
url: abs("/"),
logo: abs(s.logo),
image: abs(s.logo),
description: s.description,
email: s.contact.email,
telephone: s.contact.phone,
foundingDate: s.foundingDate,
areaServed: s.areaServed,
address: {
"@type": "PostalAddress",
streetAddress: s.contact.address.streetAddress,
addressLocality: s.contact.address.addressLocality,
addressCountry: s.contact.address.addressCountry,
},
openingHoursSpecification: {
"@type": "OpeningHoursSpecification",
dayOfWeek: s.openingHours.days,
opens: s.openingHours.opens,
closes: s.openingHours.closes,
},
sameAs: s.socials,
});
export const websiteSchema = () => ({
"@context": "https://schema.org",
"@type": "WebSite",
"@id": `${s.url}/#website`,
url: abs("/"),
name: s.name,
inLanguage: s.lang,
publisher: { "@id": `${s.url}/#organization` },
});
export const serviceSchema = (opts: {
name: string;
description: string;
areaServed?: string;
}) =>
clean({
"@context": "https://schema.org",
"@type": "Service",
name: opts.name,
description: opts.description,
areaServed: opts.areaServed ?? s.areaServed,
provider: { "@id": `${s.url}/#organization` },
});
/** Serialize JSON-LD safely for an inline <script> (escape "<"). */
export const toJsonLd = (data: Json) =>
JSON.stringify(data).replace(/</g, "\\u003c");