Upgrade main CTA button design
This commit is contained in:
12
index.html
12
index.html
@@ -117,10 +117,14 @@
|
||||
</p>
|
||||
|
||||
<div class="flex flex-col sm:flex-row gap-4">
|
||||
<a href="#pricing" class="px-8 py-4 bg-white text-dark-900 font-bold rounded-lg hover:bg-slate-200 transition flex items-center justify-center gap-2">
|
||||
서버 생성하기
|
||||
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
|
||||
</a>
|
||||
<div class="relative group">
|
||||
<div class="absolute -inset-0.5 bg-gradient-to-r from-brand-400 to-purple-600 rounded-lg blur opacity-50 group-hover:opacity-100 transition duration-200"></div>
|
||||
<a href="#pricing" class="relative w-full sm:w-auto px-8 py-4 bg-white text-dark-900 font-bold rounded-lg flex items-center justify-center gap-3 transition-transform group-hover:-translate-y-0.5">
|
||||
<span class="text-xl">🚀</span>
|
||||
<span>인스턴스 즉시 배포</span>
|
||||
<svg class="w-4 h-4 text-brand-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div id="ping-widget" class="flex flex-col gap-1.5 text-xs font-mono text-slate-400 bg-slate-900/50 p-3 rounded-lg border border-slate-700/50 backdrop-blur-sm mt-8 sm:mt-0 sm:ml-4 max-w-sm">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="w-24 whitespace-nowrap">🇰🇷 Seoul</span>
|
||||
|
||||
Reference in New Issue
Block a user