MahdiandCursor
7e8e1b1f1b
Scaffold SSR site with CMS/blog/gallery/SEO admin and deploy configs for montech.ir. Co-authored-by: Cursor <cursoragent@cursor.com>
24 lines
844 B
Vue
24 lines
844 B
Vue
<template>
|
|
<section id="process" class="px-6 py-28 md:px-10 md:py-40">
|
|
<div class="mx-auto max-w-[1500px]">
|
|
<SectionTag index="04" :title="data.tag" right="12 weeks, typical" />
|
|
<div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-4">
|
|
<div v-for="step in data.steps" :key="step.n" class="border-t border-white/[0.1] pt-6">
|
|
<p class="font-mono text-[11px] tracking-[0.25em] text-volt">{{ step.n }}</p>
|
|
<h3 class="mt-4 font-display text-2xl font-bold uppercase tracking-[-0.02em]">{{ step.title }}</h3>
|
|
<p class="mt-3 text-sm leading-relaxed text-ash">{{ step.desc }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
data: {
|
|
tag: string;
|
|
steps: Array<{ n: string; title: string; desc: string }>;
|
|
};
|
|
}>();
|
|
</script>
|