21 lines
1.6 KiB
Vue
21 lines
1.6 KiB
Vue
<template>
|
||
<section aria-label="مقیاس" class="px-[6vw] py-[20vh] md:py-[26vh]">
|
||
<p class="text-[18px] text-mute md:text-[20px]">هر روز</p>
|
||
<p class="mt-2 text-[clamp(3.4rem,10vw,11rem)] font-black leading-none">۲٫۴ میلیون نفر</p>
|
||
<p class="mt-5 max-w-[30ch] text-[clamp(1.4rem,2.6vw,2.4rem)] font-extralight leading-snug">با دستکم یکی از ابزارهای رصد کار میکنند.</p>
|
||
</section>
|
||
<section id="contact" aria-labelledby="contact-h" class="relative flex min-h-[100svh] items-end px-[6vw] pb-[14vh] md:items-center md:pb-0">
|
||
<div class="md:w-[46vw]">
|
||
<h2 id="contact-h" class="text-[clamp(2.6rem,5.4vw,5.8rem)] font-black leading-[1.05]">ابزار بعدی را<br><span class="font-extralight">با هم بسازیم.</span></h2>
|
||
<a href="mailto:hello@rasad.ir" class="mt-10 inline-block border-b-2 border-lapis pb-1 font-mono text-[clamp(1.2rem,2.2vw,1.9rem)] text-lapis md:mt-14"><bdi dir="ltr">hello@rasad.ir</bdi></a>
|
||
<dl class="mt-10 grid max-w-[520px] grid-cols-2 gap-6 text-[15px] md:mt-14">
|
||
<div><dt class="text-mute">تلفن</dt><dd class="mt-1 font-mono"><bdi dir="ltr">+98 21 8800 1500</bdi></dd></div>
|
||
<div><dt class="text-mute">نشانی</dt><dd class="mt-1 leading-7">تهران، خیابان ولیعصر، پلاک ۲۱۱۲</dd></div>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<footer class="flex justify-between px-[6vw] pb-8 text-[14px] text-mute">
|
||
<span>© ۱۴۰۵ رصد</span><span>ساختهشده با دقت، در تهران</span>
|
||
</footer>
|
||
</template>
|