S. EsmaeiliandClaude Opus 4.6
e31ef5a21f
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>
47 lines
1.3 KiB
Vue
47 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { absUrl } from "#shared/config/site";
|
|
import AppShell from "~/components/layout/AppShell.vue";
|
|
import Footer from "~/components/layout/Footer.vue";
|
|
import Hero from "~/components/sections/Hero.vue";
|
|
import TapeMarquee from "~/components/sections/TapeMarquee.vue";
|
|
import Stats from "~/components/sections/Stats.vue";
|
|
import Products from "~/components/sections/Products.vue";
|
|
import About from "~/components/sections/About.vue";
|
|
import Services from "~/components/sections/Services.vue";
|
|
import Standards from "~/components/sections/Standards.vue";
|
|
import Industries from "~/components/sections/Industries.vue";
|
|
import Testimonials from "~/components/sections/Testimonials.vue";
|
|
import Contact from "~/components/sections/Contact.vue";
|
|
|
|
const canonical = absUrl("/");
|
|
|
|
useHead({
|
|
link: [
|
|
{ rel: "canonical", href: canonical },
|
|
{ rel: "preload", as: "image", href: "/images/hero.jpg", fetchpriority: "high" },
|
|
],
|
|
});
|
|
useSeoMeta({
|
|
robots: "index, follow",
|
|
ogUrl: canonical,
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<AppShell>
|
|
<main>
|
|
<Hero />
|
|
<TapeMarquee />
|
|
<Stats />
|
|
<Products />
|
|
<About />
|
|
<Services />
|
|
<Standards />
|
|
<Industries />
|
|
<Testimonials />
|
|
<Contact />
|
|
</main>
|
|
<Footer />
|
|
</AppShell>
|
|
</template>
|