Create app banner component and ui

Author: realstoman

src/components/AppBanner.js

@@ -0,0 +1,33 @@
+const AppBanner = () => {
+	return (
+		<section class="flex flex-col sm:justify-between items-center sm:flex-row mt-12 sm:mt-2">
+			<div class="w-full sm:w-1/3 text-left">
+				<h1 class="text-3xl sm:text-5xl text-center sm:text-left font-semibold text-ternary-dark dark:text-primary-light uppercase">
+					Hi, Iam Stoman
+				</h1>
+				<p class="mt-4 text-2xml sm:text-4xl text-center sm:text-left font-semibold leading-none text-gray-400">
+					A Full-Stack Developer & Design Enthusiast
+				</p>
+				<div class="flex justify-center sm:block">
+					<a
+						download="Stoman-Resume.pdf"
+						href="/files/Stoman-Resume.pdf"
+						class="flex justify-center items-center w-36 sm:w-48 mt-12 mb-6 sm:mb-0 text-lg border border-indigo-200 dark:border-ternary-dark py-2.5 sm:py-3 shadow-lg rounded-xl bg-indigo-50 focus:ring-1 focus:ring-indigo-900 hover:bg-indigo-500 text-gray-500 hover:text-white"
+						aria-label="Download Resume"
+					>
+						<i
+							data-feather="arrow-down-circle"
+							class="ml-0 sm:ml-1 mr-2 sm:mr-3 w-5 sm:w-6"
+						></i>
+						<span class="text-sm sm:text-lg">Download CV</span>
+					</a>
+				</div>
+			</div>
+			<div class="w-full sm:w-2/3 text-right float-right mt-8 sm:mt-0">
+				<img src="@/assets/images/developer.svg" alt="Developer" />
+			</div>
+		</section>
+	);
+};
+
+export default AppBanner;