INIT: astro + vue + tailwind + first components

src/pages/index.astro

@@ -0,0 +1,57 @@
+---
+import Layout from '../layouts/Layout.astro'
+import Card from '../components/Card.astro'
+import Logo from '../svg/logo.vue'
+import Github from '../svg/github.vue'
+import ClipBoard from '../svg/clipboard.vue'
+import Demo from '../components/demo.vue'
+---
+
+<Layout title="Welcome to Astro.">
+  <header class="h-screen flex flex-col justify-center">
+    <nav class="fixed right-0 top-0 p-2">
+      <a title="Go to Pegaz GitHub repo" href="https://github.com/valerebron/pegaz">
+        <Github/>
+      </a>
+    </nav>
+    <section>
+      <div class="flex justify-center">
+				<div class="py-4 mr-3">
+					<div class="bg-gray-400 h-1px w-16 my-3 block"></div>
+					<div class="bg-gray-400 h-1px w-16 my-3 translate-x-3 block"></div>
+					<div class="bg-gray-400 h-1px w-16 my-3 translate-x-1 block"></div>
+					<div class="bg-gray-400 h-1px w-16 my-3 translate-x-6 block"></div>
+				</div>
+        <Logo/>
+      </div>
+      <div class="text-center py-4">
+        <h1 class="text-5xl font-bold leading-relaxed">
+          Pegaz
+        </h1>
+        <h2 class="text-3xl text-center">
+          Deploy stack on the go
+        </h2>
+      </div>
+    </section>
+    <section class="py-4 sm:flex sm:justify-center lg:justify-start">
+			<a
+				href="https://github.com/valerebron/pegaz"
+				target="_blank"
+				class="py-4 px-6 h-14 flex justify-center bg-purple-500 text-black text-lg capitalize font-semibold rounded-xl shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75"
+		  >
+			  get started
+		  </a>
+      <div class="font-mono bg-neutral-900 text-neutral-50 rounded-md flex justify-items-center pl-3 pr-4 py-3 border border-transparent md:text-lg shadow-primary-700"> 
+        <span class="select-all">
+          curl -sL get.pegaz.io | sudo bash
+        </span>
+				<ClipBoard class="inline ml-3 h-6" />
+      </div>
+    </section>
+  </header>
+  <main class="-mt-10">
+    <Demo/>
+  </main>
+</Layout>
+
+