diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index 5918193..b6eb0c1 100644
--- 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/nix/pre-commit.nix b/nix/pre-commit.nix
index f3a356f..fb73e3f 100644
--- a/nix/pre-commit.nix
+++ b/nix/pre-commit.nix
@@ -28,6 +28,15 @@ pre-commit-lib.run {
       pass_filenames = false;
     };
 
+    a-infisical-staged = {
+      enable = true;
+      name = "Secrets Scanning (Staged)";
+      description = "Scan for possible secrets in staged files";
+      entry = "${packages.infisical}/bin/infisical scan git-changes --staged -v";
+      language = "system";
+      pass_filenames = false;
+    };
+
     a-gitlint = {
       enable = true;
       name = "Gitlint";
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 00683db..0e1f2b2 100644
--- 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>