Meta Description" name="description" />
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NexClick Solutions | Corporate Marketing & Printing Agency</title>
<meta name="description" content="NexClick: Noida's leading agency for Performance Marketing, Metro Branding, and Bulk Corporate Printing. We deliver growth.">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
nexBlue: '#0F52BA', // Your Brand Color
nexDark: '#1e293b'
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
}
}
}
}
</script>
<style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap'); body { font-family: 'Inter', sans-serif; }</style>
</head>
<body class="bg-white text-slate-800">
<nav class="fixed w-full z-50 bg-white border-b border-slate-200 py-4 shadow-sm">
<div class="max-w-7xl mx-auto px-6 flex justify-between items-center">
<div class="flex items-center gap-2 cursor-pointer" onclick="window.scrollTo(0,0)">
<div class="w-10 h-10 bg-nexBlue rounded flex items-center justify-center font-bold text-white shadow-md">N</div>
<span class="text-2xl font-extrabold tracking-tight uppercase text-nexDark">Nex<span class="text-nexBlue">Click</span></span>
</div>
<div class="hidden lg:flex items-center space-x-8 text-sm font-bold text-slate-600 uppercase tracking-wide">
<a href="#home" class="hover:text-nexBlue transition">Home</a>
<a href="digital.html" class="hover:text-nexBlue transition">Digital Ads</a>
<a href="ooh.html" class="hover:text-nexBlue transition">Metro/OOH</a>
<a href="printing.html" class="hover:text-nexBlue transition">Printing Hub</a>
<a href="https://forms.gle/J9U651BCEBCQtuBD7" target="_blank" class="bg-nexBlue text-white px-6 py-2.5 rounded hover:bg-blue-800 transition shadow-lg shadow-blue-200">Get Proposal</a>
</div>
<button onclick="document.getElementById('mobile-menu').classList.toggle('hidden')" class="lg:hidden text-2xl text-nexDark"><i class="fas fa-bars"></i></button>
</div>
<div id="mobile-menu" class="hidden lg:hidden bg-white border-t border-slate-100 p-4 absolute w-full shadow-xl">
<a href="digital.html" class="block py-3 font-bold text-slate-600 border-b">Digital Ads</a>
<a href="ooh.html" class="block py-3 font-bold text-slate-600 border-b">OOH Media</a>
<a href="printing.html" class="block py-3 font-bold text-slate-600">Printing</a>
</div>
</nav>
<section id="home" class="pt-40 pb-24 bg-slate-50 border-b border-slate-200">
<div class="max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-12 items-center">
<div>
<div class="inline-block px-3 py-1 bg-blue-100 text-nexBlue text-xs font-bold rounded-full mb-6 uppercase tracking-wider">Trusted Growth Partner</div>
<h1 class="text-5xl lg:text-7xl font-extrabold text-nexDark leading-tight mb-6">
We Scale Your <br> <span class="text-nexBlue">Revenue & Brand.</span>
</h1>
<p class="text-lg text-slate-500 mb-8 leading-relaxed border-l-4 border-nexBlue pl-6">
NexClick is a full-service agency. We handle your **High-Intent Lead Generation** and **Corporate Branding** needs. You focus on sales, we handle the noise.
</p>
<div class="flex flex-col sm:flex-row gap-4">
<a href="digital.html" class="px-8 py-4 bg-nexBlue text-white font-bold rounded shadow-xl hover:bg-blue-800 transition text-center">Start Lead Gen</a>
<a href="printing.html" class="px-8 py-4 bg-white border border-slate-300 text-slate-700 font-bold rounded hover:bg-slate-100 transition text-center">Bulk Printing</a>
</div>
</div>
<div class="hidden lg:block relative">
<div class="bg-white p-4 rounded-2xl shadow-2xl rotate-2 hover:rotate-0 transition duration-500 border border-slate-200">
<img src="https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=800&q=80" alt="Corporate Office" class="rounded-xl w-full">
<div class="mt-4 flex justify-between items-center px-2">
<span class="font-bold text-nexDark">Client Results</span>
<span class="text-green-600 font-bold text-sm">+240% Growth</span>
</div>
</div>
</div>
</div>
</section>
<section class="py-24 bg-white">
<div class="max-w-7xl mx-auto px-6 text-center">
<h2 class="text-3xl font-extrabold text-nexDark mb-16">Our Core Services</h2>
<div class="grid md:grid-cols-3 gap-8 text-left">
<div class="p-8 border border-slate-100 rounded-2xl hover:border-nexBlue hover:shadow-2xl transition duration-300 bg-white">
<div class="w-14 h-14 bg-blue-50 rounded-xl flex items-center justify-center text-nexBlue text-2xl mb-6"><i class="fas fa-bullseye"></i></div>
<h3 class="text-xl font-bold mb-3">Digital Ads</h3>
<p class="text-slate-500 text-sm mb-6">Meta & Google Ads. Verified Leads.</p>
<a href="digital.html" class="text-nexBlue font-bold text-sm uppercase border-b-2 border-nexBlue pb-1">View Pricing</a>
</div>
<div class="p-8 border border-slate-100 rounded-2xl hover:border-nexBlue hover:shadow-2xl transition duration-300 bg-white">
<div class="w-14 h-14 bg-blue-50 rounded-xl flex items-center justify-center text-nexBlue text-2xl mb-6"><i class="fas fa-train"></i></div>
<h3 class="text-xl font-bold mb-3">Metro/OOH</h3>
<p class="text-slate-500 text-sm mb-6">High Visibility in Noida & Delhi.</p>
<a href="ooh.html" class="text-nexBlue font-bold text-sm uppercase border-b-2 border-nexBlue pb-1">Check Spots</a>
</div>
<div class="p-8 border border-slate-100 rounded-2xl hover:border-nexBlue hover:shadow-2xl transition duration-300 bg-white">
<div class="w-14 h-14 bg-blue-50 rounded-xl flex items-center justify-center text-nexBlue text-2xl mb-6"><i class="fas fa-print"></i></div>
<h3 class="text-xl font-bold mb-3">Corporate Printing</h3>
<p class="text-slate-500 text-sm mb-6">Bulk ID Cards & Lanyards.</p>
<a href="printing.html" class="text-nexBlue font-bold text-sm uppercase border-b-2 border-nexBlue pb-1">Bulk Catalog</a>
</div>
</div>
</div>
</section>
<footer class="bg-nexDark text-white py-12 mt-12">
<div class="max-w-7xl mx-auto px-6 grid md:grid-cols-3 gap-8">
<div>
<span class="text-xl font-bold uppercase tracking-tight">NexClick Solutions</span>
<p class="text-slate-400 text-sm mt-4">Noida's Premier Growth Agency. <br><strong>info@nexclick.in</strong></p>
</div>
<div class="flex gap-6 text-2xl">
<a href="https://www.facebook.com/nexclick1/" target="_blank" class="hover:text-nexBlue"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/nexclick.in/" target="_blank" class="hover:text-pink-500"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/nexus-recruitpro/" target="_blank" class="hover:text-blue-400"><i class="fab fa-linkedin"></i></a>
</div>
<div class="text-right text-xs font-bold text-slate-500 uppercase space-x-4">
<a href="legal.html" class="hover:text-white">Privacy</a>
<a href="legal.html" class="hover:text-white">Terms</a>
<a href="legal.html" class="hover:text-white">Refunds</a>
</div>
</div>
<p class="text-center mt-12 text-[10px] text-slate-600 font-bold uppercase tracking-widest">© 2026 NexClick Solutions. Secured by Razorpay.</p>
</footer>
</body>
</html>
9
6
453KB
805KB
618.0ms
804.0ms
727.0ms