Upgrade main CTA button design

This commit is contained in:
kappa
2026-01-20 16:21:29 +09:00
parent e1170ea95f
commit a613a07eb5

View File

@@ -117,10 +117,14 @@
</p> </p>
<div class="flex flex-col sm:flex-row gap-4"> <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"> <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>
<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 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">
</a> <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 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"> <div class="flex items-center gap-3">
<span class="w-24 whitespace-nowrap">🇰🇷 Seoul</span> <span class="w-24 whitespace-nowrap">🇰🇷 Seoul</span>