feat: 도메인 서비스 전용 섹션 추가
- AI 도메인 추천, 가용성 확인, WHOIS 조회, 네임서버 관리 카드 - 5,000원~/년 가격 배너 + 도메인 등록하기/가격 조회 CTA - 네비게이션에 도메인 메뉴 추가 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
kappa
@@ -44,6 +44,7 @@
|
|||||||
<a href="#" class="text-xl font-bold gradient-text">Anvil Hosting</a>
|
<a href="#" class="text-xl font-bold gradient-text">Anvil Hosting</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="#features" class="text-gray-400 hover:text-white transition">특징</a>
|
<a href="#features" class="text-gray-400 hover:text-white transition">특징</a>
|
||||||
<a href="#pricing" class="text-gray-400 hover:text-white transition">가격</a>
|
<a href="#pricing" class="text-gray-400 hover:text-white transition">가격</a>
|
||||||
<a href="#contact" class="text-gray-400 hover:text-white transition">문의</a>
|
<a href="#contact" class="text-gray-400 hover:text-white transition">문의</a>
|
||||||
@@ -190,6 +191,88 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- Domain Section -->
|
||||||
|
<section id="domain" class="py-20 bg-gradient-to-b from-orange-900/10 to-gray-950">
|
||||||
|
<div class="max-w-6xl mx-auto px-6">
|
||||||
|
<div class="text-center mb-16">
|
||||||
|
<div class="inline-block px-4 py-2 bg-orange-500/10 border border-orange-500/20 rounded-full text-orange-400 text-sm mb-6">
|
||||||
|
텔레그램으로 간편하게
|
||||||
|
</div>
|
||||||
|
<h2 class="text-3xl md:text-4xl font-bold mb-4">도메인 서비스</h2>
|
||||||
|
<p class="text-gray-400">대화만으로 도메인 검색부터 등록, 관리까지 한번에</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
|
||||||
|
<!-- AI 추천 -->
|
||||||
|
<div class="bg-gray-900/80 border border-gray-800 rounded-xl p-5 text-center">
|
||||||
|
<div class="w-10 h-10 bg-orange-500/10 rounded-lg flex items-center justify-center mx-auto mb-3">
|
||||||
|
<svg class="w-5 h-5 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h4 class="font-semibold mb-1">AI 도메인 추천</h4>
|
||||||
|
<p class="text-gray-500 text-sm">키워드만 말하면 창의적인 도메인을 추천</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 가용성 확인 -->
|
||||||
|
<div class="bg-gray-900/80 border border-gray-800 rounded-xl p-5 text-center">
|
||||||
|
<div class="w-10 h-10 bg-orange-500/10 rounded-lg flex items-center justify-center mx-auto mb-3">
|
||||||
|
<svg class="w-5 h-5 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h4 class="font-semibold mb-1">실시간 가용성 확인</h4>
|
||||||
|
<p class="text-gray-500 text-sm">등록 가능 여부와 가격을 즉시 확인</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- WHOIS -->
|
||||||
|
<div class="bg-gray-900/80 border border-gray-800 rounded-xl p-5 text-center">
|
||||||
|
<div class="w-10 h-10 bg-orange-500/10 rounded-lg flex items-center justify-center mx-auto mb-3">
|
||||||
|
<svg class="w-5 h-5 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h4 class="font-semibold mb-1">WHOIS 조회</h4>
|
||||||
|
<p class="text-gray-500 text-sm">도메인 소유자 및 만료일 정보 확인</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 네임서버 -->
|
||||||
|
<div class="bg-gray-900/80 border border-gray-800 rounded-xl p-5 text-center">
|
||||||
|
<div class="w-10 h-10 bg-orange-500/10 rounded-lg flex items-center justify-center mx-auto mb-3">
|
||||||
|
<svg class="w-5 h-5 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h4 class="font-semibold mb-1">네임서버 관리</h4>
|
||||||
|
<p class="text-gray-500 text-sm">DNS 설정을 대화로 간편하게 변경</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 가격 및 CTA -->
|
||||||
|
<div class="bg-gray-900 border border-orange-500/20 rounded-2xl p-8 flex flex-col md:flex-row items-center justify-between gap-6">
|
||||||
|
<div>
|
||||||
|
<div class="flex items-baseline gap-2 mb-2">
|
||||||
|
<span class="text-3xl font-bold text-orange-400">5,000원~</span>
|
||||||
|
<span class="text-gray-400">/년</span>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-400">.com, .net, .io, .kr 등 500개 이상의 TLD 지원</p>
|
||||||
|
</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">
|
||||||
|
<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"/>
|
||||||
|
</svg>
|
||||||
|
도메인 등록하기
|
||||||
|
</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>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Features Section -->
|
<!-- Features Section -->
|
||||||
<section id="features" class="py-20 bg-gray-900/50">
|
<section id="features" class="py-20 bg-gray-900/50">
|
||||||
<div class="max-w-6xl mx-auto px-6">
|
<div class="max-w-6xl mx-auto px-6">
|
||||||
|
|||||||
Reference in New Issue
Block a user