feat: update landing page

AtomiCloud · Jan 26, 2024 · 2b22bd7 · 2b22bd7
1 parent 3c62687
commit 2b22bd7
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 20 deletions.
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -4,10 +4,6 @@ updates:
     directory: /
     schedule:
       interval: daily
-  - package-ecosystem: docker
-    directory: /
-    schedule:
-      interval: daily
   - package-ecosystem: npm
     directory: /
     schedule:

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import {config} from "../config/shared";
     import Page from "$lib/components/complex/page.svelte";
+    import {Button} from "$lib/components/ui/button";
     console.log("Configuration", config.app);
 
     let hover = "main";
@@ -53,29 +54,31 @@
                 </div>
             </div>
             <div class="relative space-y-2 space-x-0 md:space-y-0 md:space-x-4 my-8 flex flex-col md:flex-row w-full max-w-[1200px] justify-between text-foreground">
-                <button class="flex flex-col gap-y-4 items-center justify-center rounded-t-lg md:rounded-lg p-12 cursor-pointer bg-black/5 dark:bg-white/5 backdrop-blur transition hover:scale-[1.02]" on:mouseenter={() => hover="a"} on:mouseleave={() => hover="main"}>
-                    <div class="text-6xl">
-                        Templates
-                    </div>
-                    <a href="https://docs.cyanprint.dev" class="text-3xl  font-light p-4">
+                <button class="flex w-1/3 flex-col gap-y-4 items-center justify-center rounded-t-lg md:rounded-lg p-8 cursor-pointer bg-black/5
+                dark:bg-white/5 backdrop-blur transition hover:scale-[1.02]" on:mouseenter={() => hover="a"} on:mouseleave={() => hover="main"}>
+                    <div class="text-2xl font-light">Templates</div>
+                    <div class="text-lg text-muted-foreground text-center">Quickly scaffold production-ready projects by answer a few questions</div>
+                    <Button href="https://docs.cyanprint.dev" class="bg-sky-500 hover:bg-green-500">
                         CREATE
-                    </a>
+                    </Button>
                 </button>
-                <button class="flex flex-col gap-y-4 items-center justify-center md:rounded-lg p-12 cursor-pointer bg-black/5 dark:bg-white/5 backdrop-blur transition hover:scale-[1.02]" on:mouseenter={() => hover="b"} on:mouseleave={() => hover="main"}>
-                    <div class="text-6xl">
-                        Processors
+                <button class="flex w-1/3 flex-col gap-y-4 items-center justify-center md:rounded-lg p-8 cursor-pointer bg-black/5 dark:bg-white/5 backdrop-blur transition hover:scale-[1.02]" on:mouseenter={() => hover="b"} on:mouseleave={() => hover="main"}>
+                    <div class="text-2xl font-light">Processors</div>
+                    <div class="text-lg text-muted-foreground text-center">
+                        Create language agnostic rules to generate more powerful templates
                     </div>
-                    <a href="https://docs.cyanprint.dev" class="text-3xl font-light p-4">
+                    <Button href="https://docs.cyanprint.dev" class="bg-pink-500 hover:bg-green-500">
                         CREATE
-                    </a>
+                    </Button>
                 </button>
-                <button class="flex flex-col gap-y-4 items-center justify-center  rounded-b-lg md:rounded-lg p-12 cursor-pointer bg-black/5 dark:bg-white/5 backdrop-blur transition rounded-lg hover:scale-[1.02]" on:mouseenter={() => hover="c"} on:mouseleave={() => hover="main"}>
-                    <div class="text-6xl">
-                        Plugins
+                <button class="flex w-1/3 flex-col gap-y-4 items-center justify-center  rounded-b-lg md:rounded-lg p-8 cursor-pointer bg-black/5 dark:bg-white/5 backdrop-blur transition rounded-lg hover:scale-[1.02]" on:mouseenter={() => hover="c"} on:mouseleave={() => hover="main"}>
+                    <div class="text-2xl font-light">Plugins</div>
+                    <div class="text-lg text-muted-foreground text-center">
+                        Extend capabilities of templates in any language
                     </div>
-                    <a href="https://docs.cyanprint.dev" class="text-3xl  font-light p-4">
+                    <Button href="https://docs.cyanprint.dev" class="bg-purple-500 hover:bg-green-500">
                         CREATE
-                    </a>
+                    </Button>
                 </button>
             </div>
         </div>