create mainPage

components/home-page/Intro.vue

@@ -0,0 +1,25 @@
+<template>
+    <div id="head" class="flex justify-center md:flexBox h-[77.692vw] md:h-[40.625vw] relative mt-0 md:mt-[7.4vw]">
+        <img src="/public/images/HeaderBg.jpg" class="absolute top-0 left-0 w-full h-full object-cover -z-[1] scale-x-[-1] md:scale-x-[1]" alt="">
+        <div class=" flex w-[81.04%] text-white">
+            <div class="flex flex-col text-start">
+                <h2 class="text-[5.751vw] md:text-[2.188vw] font-bold mt-[25vw] md:mt-[0.052vw]">
+                    داستان برنامه‌نویس <br />
+                    شدنت از اینجا شروع میشه!
+                </h2>
+                <p class="hidden md:block mt-[1.25vw] text-[1.055vw] leading-[30.38px] mb-[2.917vw]">
+                    شینان، آکادمی آموزش آنلاین تخصصی برنامه نویسی، با افتخار بهترین و به روزترین مقالات و فیلم های
+                    آموزشی
+                    پروژه محور و کاربردی در زمینه برنامه نویسی وب را در اختیار علاقه مندان این حرفه <br /> قرار خواهد
+                    داد تا
+                    بتوانند از این طریق درآمد بیشتری کسب کنند با ما همراه باشید تا گام های تبدیل شدن به توسعه دهنده وب
+                    را از
+                    مبتدی تا پیشرفته طی کنیم
+                </p>
+                <button
+                    class="greenButton h-[8.974vw] md:h-[3.125vw] px-0 flexBox rounded-[2.051vw] md:rounded-[0.521vw] w-[26.41vw] md:w-[14.01vw] text-[3.19vw] md:text-[1.055vw] mt-[10vw] md:mt-0">شروع
+                    یادگیری</button>
+            </div>
+        </div>
+    </div>
+</template>