From b5f38d8c29359a79c370601f39d24fe0e685ba57 Mon Sep 17 00:00:00 2001
From: valere <dev@valerebron.com>
Date: Fri, 26 Sep 2025 10:39:31 +0200
Subject: [PATCH] improve first cta

---
 app/components/hero-buttons.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/components/hero-buttons.vue b/app/components/hero-buttons.vue
index f85f9d3..f048372 100644
--- a/app/components/hero-buttons.vue
+++ b/app/components/hero-buttons.vue
@@ -14,14 +14,15 @@ const copyToClipBoard = () => {
 
 <template>
   <section class="py-4 sm:flex justify-center items-center">
+    <div
+      class="font-mono bg-neutral-900 text-neutral-50 rounded-xl flex justify-between items-center p-4 border border-transparent text-base shadow-primary-700 relative">
+      <span class="select-all"> curl -L getdockerweb.valere.dev | sudo bash </span>
+      <SvgClipboard class="bg-red ml-4 cursor-pointer" :class="{ 'animate-ping': isClicked }"
+        @click="copyToClipBoard" />
+    </div>
     <a href="https://github.com/docker-web/docker-web" target="_blank"
-      class="py-4 px-6 h-14 leading-6 flex justify-center bg-indigo-600 text-white text-lg capitalize font-semibold mb-4 sm:mb-0 rounded-xl shadow-md hover:bg-indigo-500 focus:outline-none focus:ring-4 hover:ring-indigo-200 focus:ring-indigo-300 focus:ring-opacity-100 transition-all">
+      class="py-4 px-6 h-14 ml-4 leading-6 flex justify-center uppercase bg-indigo-600 text-white text-lg font-semibold mb-4 sm:mb-0 rounded-xl shadow-md hover:bg-indigo-500 focus:outline-none focus:ring-4 hover:ring-indigo-200 focus:ring-indigo-300 focus:ring-opacity-100 transition-all">
       get started
     </a>
-    <div
-      class="font-mono bg-neutral-900 text-neutral-50 rounded-xl flex justify-between items-center pl-3 pr-4 py-4 sm:ml-4 border border-transparent text-base shadow-primary-700 relative">
-      <span class="select-all"> curl -L getdockerweb.valere.dev | sudo bash </span>
-      <SvgClipboard class="ml-3 cursor-pointer" :class="{ 'animate-ping': isClicked }" @click="copyToClipBoard" />
-    </div>
   </section>
 </template>