<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Name Vow | Premium Digital Assets & Brandable Domains</title>
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&d
isplay=swap" rel="stylesheet">
<style>
body { font-family: 'Inter', sans-serif; }
</style>
</head>
<body class="bg-slate-950 text-slate-100 min-h-screen flex flex-col
justify-between selection:bg-purple-500 selection:text-white">
<!-- Header / Navbar -->
<header class="border-b border-slate-800 bg-slate-900/50 backdrop-blur-
md sticky top-0 z-50">
<div class="max-w-6xl mx-auto px-6 py-4 flex justify-between items-
center">
<div class="flex items-center space-x-3">
<span class="text-2xl font-bold bg-gradient-to-r from-cyan-
400 via-blue-500 to-purple-500 bg-clip-text text-transparent">Name
Vow</span>
</div>
<a href="#contact" class="bg-gradient-to-r from-blue-600 to-
purple-600 hover:from-blue-500 hover:to-purple-500 text-white font-medium
px-5 py-2 rounded-lg transition duration-200 shadow-lg shadow-purple-
900/20">
Make an Offer
</a>
</div>
</header>
<main class="flex-grow">
<!-- Hero Section -->
<section class="max-w-4xl mx-auto px-6 pt-20 pb-16 text-center">
<span class="text-xs uppercase tracking-widest text-cyan-400
font-semibold bg-cyan-950/60 border border-cyan-800/50 px-3 py-1 rounded-
full">Digital Asset Brokerage</span>
<h1 class="text-4xl md:text-6xl font-extrabold mt-6 mb-4 text-
white tracking-tight">
Your Digital Identity. <span class="bg-gradient-to-r from-
cyan-400 to-purple-500 bg-clip-text text-transparent">Secured.</span>
</h1>
<p class="text-lg md:text-xl text-slate-400 max-w-2xl mx-auto">
Premium Digital Assets & Brandable Domains. Build your
brand on a foundation of trust and prestige.
</p>
<div class="mt-8 flex justify-center gap-4">
<a href="#about" class="px-6 py-3 rounded-lg border border-
slate-700 bg-slate-900/80 hover:bg-slate-800 text-slate-300
transition">About Us</a>
<a href="#contact" class="px-6 py-3 rounded-lg bg-blue-600
hover:bg-blue-500 text-white font-semibold transition shadow-lg shadow-
blue-600/30">Get in Touch</a>
</div>
</section>
<!-- About Us Section -->
<section id="about" class="max-w-4xl mx-auto px-6 py-16 border-t
border-slate-800/80">
<div class="bg-slate-900/40 border border-slate-800 rounded-2xl
p-8 md:p-10 backdrop-blur-sm">
<h2 class="text-2xl font-bold text-white mb-4 flex items-
center gap-2">
<span class="w-2 h-2 rounded-full bg-cyan-400"></span>
About Name Vow
</h2>
<p class="text-slate-300 leading-relaxed mb-4">
At <strong>Name Vow</strong>, we specialize in curating
and acquiring high-value, brandable digital assets and domain names for
businesses, startups, and investors worldwide.
</p>
<p class="text-slate-400 leading-relaxed">
Whether you are looking to acquire a specific premium
domain from our portfolio or need assistance securing your brand's primary
digital identity, we ensure a seamless, secure, and transparent transfer
process.
</p>
<div class="mt-6 pt-6 border-t border-slate-800/60 flex
items-center justify-between text-sm text-slate-400">
<span>Slogan: <strong class="text-slate-200">Your
Brand. Our Vow!</strong></span>
<span>Location: <strong>Saudi Arabia</strong></span>
</div>
</div>
</section>
<!-- Contact Us / Inquiry Form Section -->
<section id="contact" class="max-w-2xl mx-auto px-6 py-16">
<div class="text-center mb-10">
<h2 class="text-3xl font-bold text-white">Acquire or
Inquire</h2>
<p class="text-slate-400 mt-2">Interested in a domain or
digital asset? Send your offer or message below.</p>
</div>
<form action="https://api.web3forms.com/submit" method="POST"
class="space-y-5 bg-slate-900/60 border border-slate-800 p-8 rounded-2xl
shadow-xl">
<input type="hidden" name="access_key" value="55fd3699-
86c0-4d87-89ef-19e0c9744ecc">
<input type="hidden" name="subject" value="New Domain
Inquiry from NameVow.com">
<div>
<label class="block text-sm font-medium text-slate-300
mb-2">Your Name</label>
<input type="text" name="name" required
placeholder="John Doe" class="w-full bg-slate-950 border border-slate-800
rounded-lg px-4 py-3 text-white placeholder-slate-600 focus:outline-none
focus:border-cyan-500 transition">
</div>
<div>
<label class="block text-sm font-medium text-slate-300
mb-2">Email Address</label>
<input type="email" name="email" required
placeholder="you@example.com" class="w-full bg-slate-950 border border-
slate-800 rounded-lg px-4 py-3 text-white placeholder-slate-600
focus:outline-none focus:border-cyan-500 transition">
</div>
<div>
<label class="block text-sm font-medium text-slate-300
mb-2">Domain Name / Subject</label>
<input type="text" name="domain_interest"
placeholder="e.g., NameVow.com or General Inquiry" class="w-full bg-slate-
950 border border-slate-800 rounded-lg px-4 py-3 text-white placeholder-
slate-600 focus:outline-none focus:border-cyan-500 transition">
</div>
<div>
<label class="block text-sm font-medium text-slate-300
mb-2">Offer / Message</label>
<textarea name="message" rows="4" required
placeholder="Specify your offer amount (USD) or question..." class="w-full
bg-slate-950 border border-slate-800 rounded-lg px-4 py-3 text-white
placeholder-slate-600 focus:outline-none focus:border-cyan-500
transition"></textarea>
</div>
<button type="submit" class="w-full bg-gradient-to-r from-
cyan-500 via-blue-600 to-purple-600 hover:opacity-95 text-white font-
semibold py-3.5 rounded-lg transition duration-200 shadow-lg shadow-purple-
900/30">
Send Inquiry
</button>
</form>
</section>
</main>
<!-- Footer -->
<footer class="border-t border-slate-800 py-8 bg-slate-950 text-center
text-sm text-slate-500">
<div class="max-w-6xl mx-auto px-6 flex flex-col md:flex-row
justify-between items-center gap-4">
<p>© 2026 Name Vow. All rights reserved.</p>
<div class="flex space-x-6">
<a href="https://x.com/Name__Vow" target="_blank"
rel="noopener noreferrer" class="hover:text-cyan-400 transition">
X (Twitter): @Name__Vow
</a>
</div>
</div>
</footer>
</body>
</html>