<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>QuickHireIT</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50 text-gray-900">
<!-- Navbar -->
<div class="fixed w-full backdrop-blur-md bg-white/70 shadow-sm z-50">
<div class="flex justify-between items-center max-w-7xl mx-auto p-4">
<h1 class="text-2xl font-bold text-blue-600">QuickHireIT</h1>
<div class="space-x-6 font-medium">
<a href="#home">Home</a>
<a href="#services">Services</a>
<a href="#hiring">Hiring</a>
<a href="#contact">Contact</a>
</div>
</div>
</div>
<!-- Hero -->
<section id="home" class="pt-28 pb-20 text-center bg-gradient-to-r from-blue-600 to-indigo-700 text-white">
<h1 class="text-5xl font-bold">QuickHireIT</h1>
<p class="mt-4 text-lg">
US IT Staffing | Bench Sales | Recruiters | OPT Marketing
</p>
<div class="mt-6 flex justify-center gap-4">
<button class="bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold">
Hire Talent
</button>
<button class="border border-white px-6 py-3 rounded-lg">
Submit Resume
</button>
</div>
</section>
<!-- Stats -->
<section class="py-12 bg-white">
<div class="grid grid-cols-2 md:grid-cols-4 text-center max-w-6xl mx-auto">
<div>
<h2 class="text-3xl font-bold text-blue-600">200+</h2>
<p>Clients</p>
</div>
<div>
<h2 class="text-3xl font-bold text-blue-600">500+</h2>
<p>Placements</p>
</div>
<div>
<h2 class="text-3xl font-bold text-blue-600">50+</h2>
<p>Recruiters</p>
</div>
<div>
<h2 class="text-3xl font-bold text-blue-600">24/7</h2>
<p>Support</p>
</div>
</div>
</section>
<!-- Services -->
<section id="services" class="py-16 max-w-7xl mx-auto">
<h2 class="text-3xl font-bold text-center">Our Services</h2>
<div class="grid md:grid-cols-4 gap-6 mt-10 px-4">
<div class="p-6 bg-white rounded-2xl shadow">US IT Staffing</div>
<div class="p-6 bg-white rounded-2xl shadow">Bench Sales</div>
<div class="p-6 bg-white rounded-2xl shadow">OPT Marketing</div>
<div class="p-6 bg-white rounded-2xl shadow">End Client Support</div>
</div>
</section>
<!-- Hiring -->
<section id="hiring" class="bg-blue-50 py-16 text-center">
<h2 class="text-3xl font-bold">We’re Hiring</h2>
<div class="mt-6 space-y-2 text-lg">
<p>5 Bench Sales Executives (Mid–Senior)</p>
<p>3 US IT Recruiters (Mid–Senior)</p>
<p>3 Freshers (Training Provided)</p>
</div>
<p class="mt-4 text-gray-600">
Hyderabad | On-site & Remote | EST Shift
</p>
</section>
<!-- Contact -->
<section id="contact" class="py-16 bg-white">
<h2 class="text-3xl font-bold text-center">Contact Us</h2>
<form class="max-w-xl mx-auto mt-8 space-y-4 px-4">
<input class="w-full border p-3 rounded" placeholder="Name" />
<input class="w-full border p-3 rounded" placeholder="Email" />
<textarea class="w-full border p-3 rounded" placeholder="Message"></textarea>
<button class="w-full bg-blue-600 text-white p-3 rounded-lg">
Submit
</button>
</form>
</section>
</body>
</html>