MahdiandCursor
7e8e1b1f1b
Scaffold SSR site with CMS/blog/gallery/SEO admin and deploy configs for montech.ir. Co-authored-by: Cursor <cursoragent@cursor.com>
30 lines
899 B
Vue
30 lines
899 B
Vue
<template>
|
|
<section id="manifesto" class="px-6 py-28 md:px-10 md:py-40">
|
|
<div class="mx-auto max-w-[1500px]">
|
|
<SectionTag index="01" :title="data.tag" right="The short version" />
|
|
<p class="mt-14 max-w-5xl font-display text-[clamp(2rem,6vw,5.5rem)] font-extrabold uppercase leading-[1.05] tracking-[-0.02em]">
|
|
<span
|
|
v-for="(w, i) in data.words"
|
|
:key="i"
|
|
class="mr-[0.28em] inline-block"
|
|
:class="{
|
|
'text-outline': w.outline,
|
|
'text-volt': w.volt,
|
|
}"
|
|
>{{ w.text }}</span>
|
|
</p>
|
|
<p class="mt-10 max-w-xl text-sm leading-relaxed text-ash md:text-base">{{ data.body }}</p>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
data: {
|
|
tag: string;
|
|
words: Array<{ text: string; outline?: boolean; volt?: boolean }>;
|
|
body: string;
|
|
};
|
|
}>();
|
|
</script>
|