<!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>