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:
co-authored by
Claude Opus 4.6
parent
1af5b555b8
commit
e31ef5a21f
@@ -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>
|
||||
Reference in New Issue
Block a user