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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user