<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>نقاشی ساختمان در تهران | رنگ با کیفیت | تضمین قیمت و کیفیت</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="app.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
</head>
<body class="bg-gray-50 text-gray-800">
<!-- دکمه شناور واتساپ -->
<a href="https://wa.me/989938284557" target="_blank"
class="floating-button bg-green-500 text-white p-4 rounded-full shadow-lg">
<i class="fab fa-whatsapp text-2xl"></i>
</a>
<!-- هدر بهبود یافته -->
<header class="bg-white shadow-md p-4 sticky top-0 z-50">
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center mb-4 md:mb-0">
<div class="bg-blue-600 text-white p-2 rounded-lg ml-2">
<i class="fas fa-paint-roller text-xl"></i>
</div>
<div>
<h1 class="text-xl md:text-2xl font-bold text-blue-600">نقاشی ساختمان حرفه‌ای تهران</h1>
<p class="text-xs text-gray-500">کیفیت عالی، قیمت مناسب، تضمین شده</p>
</div>
</div>
<div class="flex flex-wrap justify-center gap-2">
<a href="#services"
class="bg-gray-100 text-gray-800 px-4 py-2 rounded-xl hover:bg-gray-200 transition flex items-center">
<i class="fas fa-brush ml-2"></i> خدمات
</a>
<a href="#gallery"
class="bg-gray-100 text-gray-800 px-4 py-2 rounded-xl hover:bg-gray-200 transition flex items-center">
<i class="fas fa-images ml-2"></i> نمونه کارها
</a>
<a href="about.html"
class="bg-gray-100 text-gray-800 px-4 py-2 rounded-xl hover:bg-gray-200 transition flex items-center">
<i class="fas fa-star ml-2"></i> درباره ما
</a>
<a href="#contact"
class="bg-blue-600 text-white px-4 py-2 rounded-xl hover:bg-blue-700 transition flex items-center">
<i class="fas fa-phone-alt ml-2"></i> تماس با ما
</a>
</div>
</div>
</header>
<!-- بخش معرفی بهبود یافته -->
<section class="hero-section text-white py-16 px-4">
<div class="container mx-auto flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-8 md:mb-0 text-center md:text-right">
<h2 class="text-3xl md:text-4xl font-bold mb-4">نقاشی ساختمان با کیفیت بالا و قیمت منصفانه</h2>
<p class="text-xl mb-6 max-w-xl mx-auto">
اجرای رنگ پلاستیک، آکریلیک، روغنی، کناف و رنگ‌های نما در تمام مناطق تهران
</p>
<div class="flex flex-wrap justify-center md:justify-start gap-3">
<div class="bg-blue-800 bg-opacity-50 px-4 py-2 rounded-lg flex items-center">
<i class="fas fa-check-circle ml-2"></i> ضمانت کیفیت
</div>
<div class="bg-blue-800 bg-opacity-50 px-4 py-2 rounded-lg flex items-center">
<i class="fas fa-check-circle ml-2"></i> تحویل سریع
</div>
<div class="bg-blue-800 bg-opacity-50 px-4 py-2 rounded-lg flex items-center">
<i class="fas fa-check-circle ml-2"></i> قیمت‌گذاری منصفانه
</div>
</div>
<div class="mt-8">
<a href="tel:09124072546"
class="bg-white text-blue-600 px-6 py-3 rounded-xl text-lg font-bold hover:bg-blue-50 transition inline-flex items-center">
<i class="fas fa-phone-alt ml-2"></i> تماس فوری: ۰۹۱۲۴۰۷۲۵۴۶
</a>
</div>
</div>
<!-- طراحی جدید برای بخش تصویر -->
<div class="md:w-1/2 flex justify-center">
<div class="hero-image-container w-full max-w-md h-80">
<div class="hero-image h-full">
<div class="hero-content">
<div class="bg-white bg-opacity-20 backdrop-blur-sm p-6 rounded-2xl inline-block">
<i class="fas fa-paint-roller text-5xl mb-4"></i>
</div>
<h3 class="text-2xl font-bold mt-4">نقاشی حرفه‌ای ساختمان</h3>
<p class="mt-2 opacity-90">35 سال تجربه • صدها پروژه موفق</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- خدمات بهبود یافته -->
<section id="services" class="py-16 bg-white">
<div class="container mx-auto">
<h3 class="pr-2 text-2xl font-bold mb-12 text-center section-title">خدمات نقاشی ساختمان</h3>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 px-4">
<div class="service-card bg-blue-50 rounded-2xl p-6 shadow transition-all duration-300">
<div class="text-blue-600 mb-4">
<i class="fas fa-paint-brush text-4xl"></i>
</div>
<h4 class="font-bold text-xl mb-3">رنگ روغنی</h4>
<p class="text-gray-700 mb-4">مقاوم، براق و بادوام، مناسب برای مکان‌های پرتردد یا نیازمند شست‌وشو</p>
<a href="/services/rang-roghani/index.php" class="text-blue-600 font-semibold flex items-center">
<span>اطلاعات بیشتر</span>
<i class="fas fa-arrow-left mr-2"></i>
</a>
</div>
<div class="service-card bg-blue-50 rounded-2xl p-6 shadow transition-all duration-300">
<div class="text-blue-600 mb-4">
<i class="fas fa-border-style text-4xl"></i>
</div>
<h4 class="font-bold text-xl mb-3">نقاشی کناف</h4>
<p class="text-gray-700 mb-4">رنگ‌آمیزی دقیق و حرفه‌ای برای سقف‌های کناف و طرح‌های دکوراتیو</p>
<a href="/services/knauf/index.php" class="text-blue-600 font-semibold flex items-center">
<span>اطلاعات بیشتر</span>
<i class="fas fa-arrow-left mr-2"></i>
</a>
</div>
<div class="service-card bg-blue-50 rounded-2xl p-6 shadow transition-all duration-300">
<div class="text-blue-600 mb-4">
<i class="fas fa-house text-4xl"></i>
</div>
<h4 class="font-bold text-xl mb-3">رنگ پلاستیک</h4>
<p class="text-gray-700 mb-4">اجرای سریع و تمیز، مناسب برای سقف‌ها و فضاهای داخلی کم‌رفت‌و‌آمد</p>
<a href="/services/pelastic/index.php" class="text-blue-600 font-semibold flex items-center">
<span>اطلاعات بیشتر</span>
<i class="fas fa-arrow-left mr-2"></i>
</a>
</div>
<div class="service-card bg-blue-50 rounded-2xl p-6 shadow transition-all duration-300">
<div class="text-blue-600 mb-4">
<i class="fas fa-tint text-4xl"></i>
</div>
<h4 class="font-bold text-xl mb-3">رنگ آکریلیک</h4>
<p class="text-gray-700 mb-4">قابل شست‌وشو، ماندگار و بدون بو — مناسب برای اتاق‌ها و فضاهای اصلی</p>
<div class="text-blue-600 font-semibold flex items-center">
<span>اطلاعات بیشتر</span>
<i class="fas fa-arrow-left mr-2"></i>
</div>
</div>
<div class="service-card bg-blue-50 rounded-2xl p-6 shadow transition-all duration-300">
<div class="text-blue-600 mb-4">
<i class="fas fa-building text-4xl"></i>
</div>
<h4 class="font-bold text-xl mb-3">رنگ نمای ساختمان</h4>
<p class="text-gray-700 mb-4">مناسب ساختمان‌های نوساز یا بازسازی‌شده با اجرای اصولی و مقاوم</p>
<div class="text-blue-600 font-semibold flex items-center">
<span>اطلاعات بیشتر</span>
<i class="fas fa-arrow-left mr-2"></i>
</div>
</div>
<div class="service-card bg-blue-50 rounded-2xl p-6 shadow transition-all duration-300">
<div class="text-blue-600 mb-4">
<i class="fas fa-tools text-4xl"></i>
</div>
<h4 class="font-bold text-xl mb-3">خدمات تخصصی</h4>
<p class="text-gray-700 mb-4">بتونه‌کاری، زیرسازی حرفه‌ای، رفع ترک دیوار و خدمات جانبی نقاشی ساختمان</p>
<div class="text-blue-600 font-semibold flex items-center">
<span>اطلاعات بیشتر</span>
<i class="fas fa-arrow-left mr-2"></i>
</div>
</div>
</div>
</div>
</section>
<!-- مراحل کار -->
<section class="py-16 bg-blue-50">
<div class="container mx-auto">
<h3 class="pr-2 text-2xl font-bold mb-12 text-center section-title">مراحل کار با ما</h3>
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 px-4">
<div class="bg-white p-6 rounded-2xl shadow text-center">
<div class="w-16 h-16 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl font-bold">۱</span>
</div>
<h4 class="font-bold text-lg mb-2">تماس اولیه</h4>
<p class="text-gray-700">تماس شما و دریافت اطلاعات اولیه پروژه</p>
</div>
<div class="bg-white p-6 rounded-2xl shadow text-center">
<div class="w-16 h-16 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl font-bold">۲</span>
</div>
<h4 class="font-bold text-lg mb-2">بازدید رایگان</h4>
<p class="text-gray-700">بازدید کارشناس از محل و ارائه پیشنهاد فنی و مالی</p>
</div>
<div class="bg-white p-6 rounded-2xl shadow text-center">
<div class="w-16 h-16 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl font-bold">۳</span>
</div>
<h4 class="font-bold text-lg mb-2">انعقاد قرارداد</h4>
<p class="text-gray-700">انعقاد قرارداد با ضمانت کیفیت و قیمت</p>
</div>
<div class="bg-white p-6 rounded-2xl shadow text-center">
<div class="w-16 h-16 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl font-bold">۴</span>
</div>
<h4 class="font-bold text-lg mb-2">اجرا و تحویل</h4>
<p class="text-gray-700">اجرای کار توسط تیم حرفه‌ای و تحویل به موقع</p>
</div>
</div>
</div>
</section>
<!-- فرم یکپارچه -->
<section id="contact" class="py-16 bg-white">
<div class="container mx-auto">
<h3 class="text-2xl font-bold mb-12 text-center section-title">درخواست مشاوره رایگان</h3>
<div class="flex flex-col md:flex-row gap-8 px-4">
<!-- بخش اطلاعات تماس (ثابت در تمام صفحات) -->
<div class="md:w-1/2 bg-blue-50 p-8 rounded-2xl shadow">
<h4 class="text-xl font-bold mb-6">اطلاعات تماس</h4>
<ul class="space-y-4">
<li class="flex items-start">
<i class="fas fa-phone-alt mt-1 mr-3 text-blue-600"></i>
<div>
<h5 class="font-semibold">تلفن تماس</h5>
<a href="tel:09124072546" class="text-gray-700 hover:text-blue-600">۰۹۱۲۴۰۷۲۵۴۶</a>
</div>
</li>
<li class="flex items-start">
<i class="fab fa-whatsapp mt-1 mr-3 text-blue-600"></i>
<div>
<h5 class="font-semibold">واتساپ</h5>
<a href="https://wa.me/989938284557" target="_blank" class="text-gray-700 hover:text-blue-600">
۰۹۹۳۸۲۸۴۵۵۷
</a>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-map-marker-alt mt-1 mr-3 text-blue-600"></i>
<div>
<h5 class="font-semibold">منطقه فعالیت</h5>
<p class="text-gray-700">تمامی مناطق تهران و شهرهای اطراف</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-clock mt-1 mr-3 text-blue-600"></i>
<div>
<h5 class="font-semibold">ساعات کاری</h5>
<p class="text-gray-700">شنبه تا پنجشنبه: ۸ صبح تا ۸ شب<br>جمعه: ۱۰ صبح تا ۴ بعدازظهر</p>
</div>
</li>
</ul>
<div class="mt-8">
<h5 class="font-semibold mb-3">ما را دنبال کنید</h5>
<div class="flex space-x-3 space-x-reverse">
<a href="#" class="bg-blue-600 text-white p-3 rounded-full hover:bg-blue-700 transition">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="bg-blue-600 text-white p-3 rounded-full hover:bg-blue-700 transition">
<i class="fab fa-telegram-plane"></i>
</a>
<a href="#" class="bg-blue-600 text-white p-3 rounded-full hover:bg-blue-700 transition">
<i class="fab fa-whatsapp"></i>
</a>
</div>
</div>
</div>
<!-- بخش فرم (پویا بر اساس نوع صفحه) -->
<div class="md:w-1/2 bg-gray-50 p-8 rounded-2xl shadow">
<h4 class="text-xl font-bold mb-6">فرم درخواست مشاوره</h4>
<form method="post" class="space-y-4">
<!-- فیلدهای مشترک -->
<div class="form-group">
<label class="block text-gray-700 mb-2">نام و نام خانوادگی <span class="text-red-500">*</span></label>
<input type="text" name="fullname" value=""
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 ">
</div>
<div class="form-group">
<label class="block text-gray-700 mb-2">شماره تماس <span class="text-red-500">*</span></label>
<input type="tel" name="phone" value=""
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 "
placeholder="مثال: ۰۹۱۲۳۴۵۶۷۸۹">
</div>
<!-- فیلد سرویس (فقط در صفحه اصلی نمایش داده شود) -->
<div class="form-group">
<label class="block text-gray-700 mb-2">نوع خدمات مورد نیاز <span class="text-red-500">*</span></label>
<select name="service"
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
<option value="رنگ روغنی" >رنگ روغنی</option>
<option value="رنگ پلاستیک" >رنگ پلاستیک</option>
<option value="نقاشی کناف" >نقاشی کناف</option>
<option value="سایر خدمات" >سایر خدمات</option>
</select>
</div>
<!-- فیلد توضیحات (مشترک در تمام صفحات) -->
<div class="form-group">
<label class="block text-gray-700 mb-2">توضیحات پروژه</label>
<textarea name="description" rows="3"
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
</div>
<button type="submit"
class="w-full bg-blue-600 text-white py-3 rounded-xl hover:bg-blue-700 transition font-bold">
درخواست مشاوره رایگان
</button>
</form>
</div>
</div>
</div>
</section>
<footer class="bg-gray-800 text-white py-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h4 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-paint-roller mr-2"></i> نقاشی ساختمان تهران
</h4>
<p class="text-gray-300 mb-4">
ارائه خدمات نقاشی ساختمان با کیفیت عالی و قیمت منصفانه در تمام مناطق تهران
</p>
<div class="flex space-x-3 space-x-reverse">
<a href="#" class="bg-gray-700 p-2 rounded-full hover:bg-blue-600 transition">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="bg-gray-700 p-2 rounded-full hover:bg-blue-600 transition">
<i class="fab fa-telegram-plane"></i>
</a>
<a href="#" class="bg-gray-700 p-2 rounded-full hover:bg-blue-600 transition">
<i class="fab fa-whatsapp"></i>
</a>
</div>
</div>
<div>
<h4 class="text-lg font-bold mb-4">خدمات ما</h4>
<ul class="space-y-2">
<li><a href="/services/rang-roghani/index.php" class="text-gray-300 hover:text-white transition">رنگ روغنی</a></li>
<li><a href="/services/pelastic/index.php" class="text-gray-300 hover:text-white transition">رنگ پلاستیک</a></li>
<li><a href="/services/kanfu/index.php" class="text-gray-300 hover:text-white transition">نقاشی کناف</a></li>
<li><a href="#" class="text-gray-300 hover:text-white transition">رنگ آکریلیک</a></li>
<li><a href="#" class="text-gray-300 hover:text-white transition">رنگ نمای ساختمان</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-4">لینک‌های مفید</h4>
<ul class="space-y-2">
<li><a href="/index.php" class="text-gray-300 hover:text-white transition">صفحه اصلی</a></li>
<li><a href="/about.html" class="text-gray-300 hover:text-white transition">درباره ما</a></li>
<li><a href="#" class="text-gray-300 hover:text-white transition">نمونه کارها</a></li>
<li><a href="#" class="text-gray-300 hover:text-white transition">مقالات آموزشی</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-4">تماس با ما</h4>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-phone-alt mt-1 mr-2 text-blue-400"></i>
<a href="tel:09124072546" class="text-gray-300 hover:text-white transition">۰۹۱۲۴۰۷۲۵۴۶</a>
</li>
<li class="flex items-start">
<i class="fab fa-whatsapp mt-1 mr-2 text-blue-400"></i>
<a href="https://wa.me/989938284557" target="_blank"
class="text-gray-300 hover:text-white transition">واتساپ: ۰۹۹۳۸۲۸۴۵۵۷</a>
</li>
</ul>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-8 text-center">
<p class="text-gray-400">
کلیه حقوق مادی و معنوی این سایت متعلق به تیم نقاشی ساختمان تهران می‌باشد © 1404
</p>
</div>
</div>
</footer> <script src="app.js"></script>
</body>
</html>