Initial Montech monorepo: Nuxt landing, Vue admin, Nest API.

Scaffold SSR site with CMS/blog/gallery/SEO admin and deploy configs for montech.ir. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-30 18:42:28 +03:30
commit 7e8e1b1f1b
96 changed files with 19336 additions and 0 deletions
@@ -0,0 +1,83 @@
+<template>
+  <section id="top" class="relative flex min-h-svh flex-col overflow-hidden">
+    <div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_center,rgba(200,255,46,0.08),transparent_55%)]" />
+    <div class="pointer-events-none absolute inset-0 bg-gradient-to-b from-ink/40 via-transparent to-ink" />
+
+    <div class="relative flex flex-1 flex-col justify-end px-6 pb-12 pt-36 md:px-10 md:pb-16 md:pt-44">
+      <div
+        class="mb-10 flex items-center justify-between font-mono text-[10px] tracking-[0.3em] text-ash animate-fade-up md:mb-16 md:text-[11px]"
+        style="animation-delay: 0.2s"
+      >
+        <span class="flex items-center gap-3">
+          <span class="h-1.5 w-1.5 animate-blink rounded-full bg-volt" />
+          {{ data.eyebrow }}
+        </span>
+        <span class="hidden md:block">{{ data.location }}</span>
+      </div>
+
+      <div class="flex flex-col gap-12 lg:flex-row lg:items-end lg:justify-between">
+        <h1 class="font-display text-[clamp(3rem,12.5vw,11.5rem)] font-extrabold uppercase leading-[0.92] tracking-[-0.03em]">
+          <span
+            v-for="(line, i) in data.lines"
+            :key="i"
+            class="block overflow-hidden pb-[0.08em] -mb-[0.08em] animate-fade-up"
+            :style="{ animationDelay: `${0.15 + i * 0.12}s` }"
+          >
+            <template v-if="line.includes(data.highlightWord)">
+              <span
+                v-html="
+                  line.replace(
+                    data.highlightWord,
+                    `<span class='font-serif normal-case italic tracking-normal text-volt'>${data.highlightWord}</span>`,
+                  )
+                "
+              />
+            </template>
+            <template v-else>
+              {{ line }}<span v-if="i === data.lines.length - 1" class="text-volt">.</span>
+            </template>
+          </span>
+        </h1>
+
+        <div class="flex shrink-0 flex-col items-start gap-10 animate-fade-up lg:items-end lg:pb-3" style="animation-delay: 0.55s">
+          <p class="max-w-sm text-sm leading-relaxed text-ash md:text-base lg:text-right">
+            {{ data.body }}
+          </p>
+          <a
+            href="#work"
+            class="group flex items-center gap-4 font-mono text-[11px] tracking-[0.3em] text-bone transition-colors hover:text-volt"
+          >
+            {{ data.cta }}
+            <span class="flex h-10 w-10 items-center justify-center rounded-full border border-white/20 transition-all group-hover:border-volt group-hover:bg-volt group-hover:text-ink">
+              ↓
+            </span>
+          </a>
+        </div>
+      </div>
+
+      <div
+        class="mt-14 flex items-end justify-between border-t border-white/[0.07] pt-6 font-mono text-[10px] tracking-[0.3em] text-ash animate-fade-up md:mt-20"
+        style="animation-delay: 0.8s"
+      >
+        <span>SCROLL</span>
+        <span class="hidden sm:block">{{ data.coords }}</span>
+        <span class="hidden sm:block">{{ data.projectsLabel }}</span>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  data: {
+    eyebrow: string;
+    location: string;
+    lines: string[];
+    highlightWord: string;
+    body: string;
+    cta: string;
+    coords: string;
+    projectsLabel: string;
+  };
+}>();
+</script>