<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mayilai Builders</title>
<script src="[Link]
</head>
<body class="bg-white text-gray-900">
<!-- Navbar -->
<header class="w-full bg-white shadow-md fixed top-0 left-0 z-50">
<div class="container mx-auto flex justify-between items-center p-4">
<img src="[Link]" alt="Mayilai Builders Logo" class="h-14">
<nav class="space-x-6 text-lg font-semibold text-yellow-700">
<a href="#home" class="hover:underline">Home</a>
<a href="#portfolio" class="hover:underline">Portfolio</a>
<a href="#contact" class="hover:underline">Contact</a>
</nav>
</div>
</header>
<!-- Hero Section -->
<section id="home" class="h-screen flex flex-col justify-center items-center
text-center px-4">
<h2 class="text-3xl font-light text-gray-700">Interior Design Services</h2>
<h1 class="text-5xl md:text-6xl font-bold text-yellow-700 mt-4">Build Your
Dream</h1>
</section>
<!-- Portfolio Section -->
<section id="portfolio" class="py-16 bg-gray-100">
<div class="container mx-auto text-center">
<h2 class="text-4xl font-bold text-yellow-700">Our Projects</h2>
<p class="text-gray-700 mt-2">Check out our latest construction and
design works.</p>
<!-- Grid Gallery -->
<div class="grid md:grid-cols-3 gap-6 mt-8 px-4">
<img src="[Link]
ba8f99d2cdde?q=80&w=1984&auto=format&fit=crop&ixlib=rb-
4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Modern Home"
class="rounded-lg shadow-lg">
<img src="[Link]
[Link]?
s=2048x2048&w=is&k=20&c=L5rN0ZtEWbW_B4uaVyUJ4bFKcL8oGh8L_pMZdWapM8A="
alt="Construction Work" class="rounded-lg shadow-lg">
<img src="[Link]
46b7eb7b16a1?q=80&w=1932&auto=format&fit=crop&ixlib=rb-
4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-lg
shadow-lg">
<img src="[Link]
ce8a6c25118c?q=80&w=2053&auto=format&fit=crop&ixlib=rb-
4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Interior
Design" class="rounded-lg shadow-lg">
<img src="[Link]
6678f7f94652?q=80&w=2070&auto=format&fit=crop&ixlib=rb-
4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Architecture"
class="rounded-lg shadow-lg">
<img src="[Link]
2429e8be8625?q=80&w=2070&auto=format&fit=crop&ixlib=rb-
4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Building"
class="rounded-lg shadow-lg">
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-16 bg-white">
<div class="container mx-auto text-center">
<h2 class="text-4xl font-bold text-yellow-700">Contact Us</h2>
<p class="text-gray-700 mt-2">Let's build something amazing
together.</p>
<div class="mt-6">
<p class="text-lg">📍 Location: Thanjavur, Tamil Nadu</p>
<p class="text-lg">📞 Phone: +91 98765 43210</p>
<p class="text-lg">✉️ Email: info@[Link]</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center p-4 bg-gray-800 text-white">
<p>© 2025 Mayilai Builders. All Rights Reserved.</p>
</footer>
</body>
</html>