feat(web): add anvil + hammer logo with sparks

- Add custom SVG logo with anvil and hammer design
- Hammer positioned to strike down creating sparks
- Purple gradient matching site theme
- Remove unnecessary "가격 조회" button from domain section

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
kappa
2026-01-18 15:42:53 +09:00
parent 39dd64d43b
commit f21ed88ae3

View File

@@ -41,7 +41,27 @@
<!-- Navigation --> <!-- Navigation -->
<nav class="fixed top-0 w-full bg-gray-950/80 backdrop-blur-md z-50 border-b border-gray-800"> <nav class="fixed top-0 w-full bg-gray-950/80 backdrop-blur-md z-50 border-b border-gray-800">
<div class="max-w-6xl mx-auto px-6 py-4 flex justify-between items-center"> <div class="max-w-6xl mx-auto px-6 py-4 flex justify-between items-center">
<a href="#" class="text-xl font-bold gradient-text">Anvil Hosting</a> <a href="#" class="flex items-center gap-2">
<svg class="w-8 h-8" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="anvilGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#667eea"/>
<stop offset="100%" style="stop-color:#764ba2"/>
</linearGradient>
</defs>
<!-- Anvil shape -->
<path d="M4 22h18v3H4v-3z" fill="url(#anvilGradient)"/>
<path d="M6 19h14v3H6v-3z" fill="url(#anvilGradient)"/>
<path d="M2 25h22v3H2v-3z" fill="url(#anvilGradient)"/>
<!-- Hammer (handle up, head down striking) -->
<rect x="22" y="2" width="2" height="12" rx="0.5" fill="#9ca3af" transform="rotate(-30 23 8)"/>
<rect x="17" y="12" width="8" height="4" rx="1" fill="url(#anvilGradient)" transform="rotate(-30 21 14)"/>
<!-- Sparks from impact -->
<circle cx="14" cy="16" r="1.2" fill="#f59e0b"/>
<path d="M12 14l-1.5-2M16 13l1-2.5M14 12V9" stroke="#f59e0b" stroke-width="1.5" stroke-linecap="round"/>
</svg>
<span class="text-xl font-bold gradient-text">Anvil</span>
</a>
<div class="hidden md:flex gap-8"> <div class="hidden md:flex gap-8">
<a href="#services" class="text-gray-400 hover:text-white transition">서비스</a> <a href="#services" class="text-gray-400 hover:text-white transition">서비스</a>
<a href="#domain" class="text-gray-400 hover:text-white transition">도메인</a> <a href="#domain" class="text-gray-400 hover:text-white transition">도메인</a>
@@ -258,17 +278,12 @@
</div> </div>
<p class="text-gray-400">.com, .net, .io, .kr 등 500개 이상의 TLD 지원</p> <p class="text-gray-400">.com, .net, .io, .kr 등 500개 이상의 TLD 지원</p>
</div> </div>
<div class="flex gap-4"> <a href="https://t.me/AnvilForgeBot" target="_blank" class="bg-orange-600 hover:bg-orange-700 px-6 py-3 rounded-xl font-medium transition flex items-center gap-2">
<a href="https://t.me/AnvilForgeBot" target="_blank" class="bg-orange-600 hover:bg-orange-700 px-6 py-3 rounded-xl font-medium transition flex items-center gap-2"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.161c-.18 1.897-.962 6.502-1.359 8.627-.168.9-.5 1.201-.82 1.23-.697.064-1.226-.461-1.901-.903-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.139-5.062 3.345-.479.329-.913.489-1.302.481-.428-.009-1.252-.242-1.865-.442-.751-.244-1.349-.374-1.297-.789.027-.216.324-.437.893-.663 3.498-1.524 5.831-2.529 6.998-3.015 3.333-1.386 4.025-1.627 4.477-1.635.099-.002.321.023.465.141.121.099.154.232.17.325.015.093.034.305.019.471z"/>
<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.161c-.18 1.897-.962 6.502-1.359 8.627-.168.9-.5 1.201-.82 1.23-.697.064-1.226-.461-1.901-.903-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.139-5.062 3.345-.479.329-.913.489-1.302.481-.428-.009-1.252-.242-1.865-.442-.751-.244-1.349-.374-1.297-.789.027-.216.324-.437.893-.663 3.498-1.524 5.831-2.529 6.998-3.015 3.333-1.386 4.025-1.627 4.477-1.635.099-.002.321.023.465.141.121.099.154.232.17.325.015.093.034.305.019.471z"/> </svg>
</svg> 도메인 등록하기
도메인 등록하기 </a>
</a>
<a href="https://t.me/AnvilForgeBot?start=domain_check" target="_blank" class="border border-gray-700 hover:border-orange-500 px-6 py-3 rounded-xl font-medium transition">
가격 조회
</a>
</div>
</div> </div>
</div> </div>
</section> </section>