<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Your Business Name</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white text-gray-800">
<!-- Navbar -->
<nav class="flex justify-between items-center p-6 shadow-md">
<h1 class="text-2xl font-bold text-blue-600">Your Business</h1>
<a href="#contact" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700">
Contact
</a>
</nav>
<!-- Hero Section -->
<section class="text-center py-20 px-6 bg-gray-50">
<h2 class="text-4xl md:text-5xl font-bold mb-6">
Professional Services in Cuddapah
</h2>
<p class="text-lg text-gray-600 mb-8">
We provide high-quality services with trusted experience and customer satisfaction.
</p>
<a href="#contact" class="bg-blue-600 text-white px-6 py-3 rounded-xl text-lg hover:bg-blue-700">
Get Free Consultation
</a>
</section>
<!-- About Section -->
<section class="py-16 px-6 max-w-5xl mx-auto text-center">
<h3 class="text-3xl font-bold mb-6">About Us</h3>
<p class="text-gray-600 leading-relaxed">
We are a trusted service provider dedicated to delivering the best results.
With years of experience and a professional approach, we ensure customer satisfaction.
</p>
</section>
<!-- Services Section -->
<section class="py-16 bg-gray-50 px-6">
<div class="max-w-6xl mx-auto">
<h3 class="text-3xl font-bold text-center mb-12">Our Services</h3>
<div class="grid md:grid-cols-3 gap-8">
<div class="p-6 bg-white shadow-lg rounded-2xl">
<h4 class="text-xl font-semibold mb-4">Service One</h4>
<p class="text-gray-600">High-quality professional service tailored to your needs.</p>
</div>
<div class="p-6 bg-white shadow-lg rounded-2xl">
<h4 class="text-xl font-semibold mb-4">Service Two</h4>
<p class="text-gray-600">Reliable and efficient solutions with expert support.</p>
</div>
<div class="p-6 bg-white shadow-lg rounded-2xl">
<h4 class="text-xl font-semibold mb-4">Service Three</h4>
<p class="text-gray-600">Affordable pricing with premium quality results.</p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-16 px-6 text-center">
<h3 class="text-3xl font-bold mb-6">Contact Us</h3>
<p class="mb-4">📞 +91 9876543210</p>
<p class="mb-4">📧 info@yourbusiness.com</p>
<a href="https://wa.me/919876543210"
class="bg-green-500 text-white px-6 py-3 rounded-xl hover:bg-green-600">
Chat on WhatsApp
</a>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white text-center p-6 mt-10">
© 2026 Your Business. All rights reserved.
</footer>
</body>
</html>