valere/docker-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve first cta
All checks were successful
Deploy App / deploy (push) Successful in 47s
Details

Browse Source
This commit is contained in:
valere
2025-09-26 10:39:31 +02:00
parent b613cfaafa
commit b5f38d8c29
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/hero-buttons.vue
View File

@@ -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>