FEAT: v1

src/pages/index.astro

@@ -1,57 +1,27 @@
 ---
-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'
+import Layout from "../layouts/Layout.astro";
+import Github from "../svg/github.vue";
+import HeroTitle from "../components/hero-title.vue";
+import HeroButtons from "../components/hero-buttons.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 title="Welcome to Pegaz.io.">
+  <div class="mx-6">
+    <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 class="bg-white rounded-full hover:scale-105" />
+        </a>
+      </nav>
+      <HeroTitle client:visible />
+      <HeroButtons client:visible />
+    </header>
+    <main class="-mt-20">
+      <Demo />
+    </main>
+  </div>
 </Layout>
-
-