Logo bu olsun ama lacivert olan kısmlar bu logodaki renkler olsun

index.html

@@ -31,10 +31,10 @@
     <nav class="bg-white shadow-md sticky top-0 z-50">
         <div class="container mx-auto px-6 py-3">
             <div class="flex justify-between items-center">
-                <div class="text-2xl font-bold" style="color: #1a237e;">BİRBEN İNŞAAT</div>
+                <div class="text-2xl font-bold" style="color: #0D3B66">BİRBEN İNŞAAT</div>
 <div class="hidden md:flex space-x-8">
-                    <a href="#" class="font-medium hover:text-gray-800" style="color: #1a237e;">Ana Sayfa</a>
-<a href="#" class="text-gray-600 hover:text-blue-800">Hizmetlerimiz</a>
+                    <a href="#" class="text-blue-800 font-medium hover:text-blue-600">Ana Sayfa</a>
+                    <a href="#" class="text-gray-600 hover:text-blue-800">Hizmetlerimiz</a>
                     <a href="#" class="text-gray-600 hover:text-blue-800">Projelerimiz</a>
                     <a href="#" class="text-gray-600 hover:text-blue-800">Hakkımızda</a>
                     <a href="#" class="text-gray-600 hover:text-blue-800">İletişim</a>
@@ -54,8 +54,8 @@
         <div class="container mx-auto px-6 relative z-10 text-white">
             <h1 class="text-4xl md:text-6xl font-bold mb-6">Hayalindeki Eve Sahip Ol</h1>
             <p class="text-xl md:text-2xl mb-8 max-w-2xl">Modern mimari anlayışıyla sürdürülebilir ve estetik çözümler sunuyoruz.</p>
-                    <button class="text-white font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105" style="background-color: #1a237e; hover:background-color: #303f9f;">
-Projelerimizi İncele
+            <button class="bg-blue-700 hover:bg-blue-800 text-white font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105">
+                Projelerimizi İncele
             </button>
         </div>
     </section>
@@ -63,7 +63,7 @@ Projelerimizi İncele
     <!-- Services Section -->
     <section class="py-20 bg-gray-50">
         <div class="container mx-auto px-6">
-            <h2 class="text-3xl font-bold text-center mb-16" style="color: #1a237e;">Hizmetlerimiz</h2>
+            <h2 class="text-3xl font-bold text-center mb-16" style="color: #0D3B66">Hizmetlerimiz</h2>
 <p class="text-center text-lg text-gray-600 max-w-3xl mx-auto mb-16">
                 İnşaatın her aşamasında güven, kalite ve estetiği bir araya getiren kapsamlı hizmetler sunuyoruz.
             </p>
@@ -73,7 +73,7 @@ Projelerimizi İncele
                 <div class="service-card bg-white rounded-lg overflow-hidden shadow-lg transition duration-300">
                     <img src="https://birbeninsaat.com/wp-content/uploads/2025/06/AdobeStock_214958121-scaled.jpeg" alt="Kentsel Dönüşüm" class="w-full h-48 object-cover">
                     <div class="p-6">
-                        <h3 class="text-xl font-bold mb-3" style="color: #1a237e;">Kentsel Dönüşüm Hizmetleri</h3>
+                        <h3 class="text-xl font-bold mb-3" style="color: #0D3B66">Kentsel Dönüşüm Hizmetleri</h3>
 <p class="text-gray-600">
                             Deprem yönetmeliğine uygun, güvenli ve modern yaşam alanları inşa ediyoruz. Mevcut yapıları analiz ederek, yerine dayanıklı ve estetik binalar kazandırıyoruz.
                         </p>
@@ -84,7 +84,7 @@ Projelerimizi İncele
                 <div class="service-card bg-white rounded-lg overflow-hidden shadow-lg transition duration-300">
                     <img src="https://birbeninsaat.com/wp-content/uploads/2025/06/AdobeStock_297495776-scaled.jpeg" alt="Yeni Nesil Mimari" class="w-full h-48 object-cover">
                     <div class="p-6">
-                        <h3 class="text-xl font-bold mb-3" style="color: #1a237e;">Yeni Nesil Mimari Projeler</h3>
+                        <h3 class="text-xl font-bold mb-3" style="color: #0D3B66">Yeni Nesil Mimari Projeler</h3>
 <p class="text-gray-600">
                             Konut, ofis, ticari yapı ve karma projelerde modern mimari yaklaşımlar sunuyoruz. Estetik, fonksiyonellik ve kullanıcı konforunu ön planda tutuyoruz.
                         </p>
@@ -95,7 +95,7 @@ Projelerimizi İncele
                 <div class="service-card bg-white rounded-lg overflow-hidden shadow-lg transition duration-300">
                     <img src="https://birbeninsaat.com/wp-content/uploads/2025/06/AdobeStock_324305882-scaled.jpeg" alt="Proje Yönetimi" class="w-full h-48 object-cover">
                     <div class="p-6">
-                        <h3 class="text-xl font-bold mb-3" style="color: #1a237e;">Proje ve Uygulama Yönetimi</h3>
+                        <h3 class="text-xl font-bold mb-3" style="color: #0D3B66">Proje ve Uygulama Yönetimi</h3>
 <p class="text-gray-600">
                             İnşaat sürecinin tüm aşamalarını planlıyor, takip ediyor ve yönetiyoruz. Zamanında teslim, maliyet kontrolü ve kalite standartlarına bağlılıkla çalışıyoruz.
                         </p>
@@ -110,7 +110,7 @@ Projelerimizi İncele
         <div class="container mx-auto px-6">
             <div class="flex flex-col md:flex-row items-center">
                 <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
-                    <h2 class="text-3xl font-bold mb-6" style="color: #1a237e;">Hikayemiz...</h2>
+            <h2 class="text-3xl font-bold mb-6" style="color: #0D3B66">Hikayemiz...</h2>
 <p class="text-gray-600 mb-4">
                         2004 yılında kaliteli, güvenilir ve sürdürülebilir yapılar inşa etme hedefiyle yola çıktık. Kurulduğumuz günden bu yana, hem kentsel dönüşüm projelerinde hem de modern mimari yapılarda imzamızı gururla taşıyoruz.
                     </p>
@@ -128,33 +128,33 @@ Projelerimizi İncele
     <!-- Quality Section -->
     <section class="py-20 bg-gray-100">
         <div class="container mx-auto px-6">
-            <h2 class="text-3xl font-bold text-center mb-16" style="color: #1a237e;">Kalitemiz...</h2>
+            <h2 class="text-3xl font-bold text-center mb-16" style="color: #0D3B66">Kalitemiz...</h2>
 <div class="grid md:grid-cols-3 gap-8">
                 <div class="bg-white p-6 rounded-lg shadow-md text-center">
-                    <div class="w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4" style="background-color: #e8eaf6;">
-<i data-feather="award" class="text-blue-700 w-8 h-8"></i>
+                    <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
+                        <i data-feather="award" class="text-blue-700 w-8 h-8"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3" style="color: #1a237e;">Deneyim ve Güven</h3>
+                    <h3 class="text-xl font-bold mb-3" style="color: #0D3B66">Deneyim ve Güven</h3>
 <p class="text-gray-600">
                         2004 yılından bu yana edindiğimiz tecrübeyle, her projeyi zamanında ve güvenle tamamlıyoruz.
                     </p>
                 </div>
                 
                 <div class="bg-white p-6 rounded-lg shadow-md text-center">
-                    <div class="w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4" style="background-color: #e8eaf6;">
-<i data-feather="tool" class="text-blue-700 w-8 h-8"></i>
+                    <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
+                        <i data-feather="tool" class="text-blue-700 w-8 h-8"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3" style="color: #1a237e;">Kaliteli İşçilik</h3>
+                    <h3 class="text-xl font-bold mb-3" style="color: #0D3B66">Kaliteli İşçilik</h3>
 <p class="text-gray-600">
                         Malzeme seçiminden uygulamaya kadar tüm süreçlerde yüksek kalite standartlarıyla çalışıyoruz.
                     </p>
                 </div>
                 
                 <div class="bg-white p-6 rounded-lg shadow-md text-center">
-                    <div class="w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4" style="background-color: #e8eaf6;">
-<i data-feather="layout" class="text-blue-700 w-8 h-8"></i>
+                    <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
+                        <i data-feather="layout" class="text-blue-700 w-8 h-8"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3" style="color: #1a237e;">Modern Tasarımlar</h3>
+                    <h3 class="text-xl font-bold mb-3" style="color: #0D3B66">Modern Tasarımlar</h3>
 <p class="text-gray-600">
                         Estetik, konfor ve kullanım kolaylığını bir araya getiren yapılar inşa ediyoruz.
                     </p>
@@ -166,7 +166,7 @@ Projelerimizi İncele
     <!-- Projects Section -->
     <section class="py-20 bg-white">
         <div class="container mx-auto px-6">
-            <h2 class="text-3xl font-bold text-center mb-16" style="color: #1a237e;">Biten Projelerimiz...</h2>
+            <h2 class="text-3xl font-bold text-center mb-16" style="color: #0D3B66">Biten Projelerimiz...</h2>
 <p class="text-center text-lg text-gray-600 max-w-3xl mx-auto mb-16">
                 Hayata geçirdiğimiz projelerle gurur duyuyoruz; işte tamamladığımız bazı örnekler.
             </p>
@@ -185,7 +185,7 @@ Projelerimizi İncele
     <!-- Testimonials Section -->
     <section class="py-20 bg-gray-50">
         <div class="container mx-auto px-6">
-            <h2 class="text-3xl font-bold text-center mb-16" style="color: #1a237e;">Memnun Müşteri Yorumları</h2>
+            <h2 class="text-3xl font-bold text-center mb-16" style="color: #0D3B66">Memnun Müşteri Yorumları</h2>
 <p class="text-center text-lg text-gray-600 max-w-3xl mx-auto mb-16">
                 2004 Yılından beri birlikte çalıştığımız değerli müşterilerimizin memnuniyeti, işimize duyduğumuz güvenin en büyük göstergesidir.
             </p>
@@ -196,8 +196,8 @@ Projelerimizi İncele
                     <div class="flex items-center mb-4">
                         <img src="https://birbeninsaat.com/wp-content/uploads/2025/05/testimonials2-150x150-1-1.jpg" alt="Ayşe K." class="w-16 h-16 rounded-full mr-4">
                         <div>
-                            <h4 class="font-bold" style="color: #1a237e;">Ayşe K., İstanbul</h4>
-</div>
+                            <h4 class="font-bold text-blue-800">Ayşe K., İstanbul</h4>
+                        </div>
                     </div>
                     <p class="text-gray-600 italic">
                         "Evimizin inşaat sürecinde gösterdikleri titizlik ve şeffaflık bizi çok memnun etti. Her aşamada bilgilendirildik ve tam zamanında teslim edildi. Güvenle tavsiye ederim."
@@ -209,8 +209,8 @@ Projelerimizi İncele
                     <div class="flex items-center mb-4">
                         <img src="https://birbeninsaat.com/wp-content/uploads/2025/05/testimonials3-1.jpg" alt="Mehmet Y." class="w-16 h-16 rounded-full mr-4">
                         <div>
-                            <h4 class="font-bold" style="color: #1a237e;">Mehmet Y., İstanbul</h4>
-</div>
+                            <h4 class="font-bold text-blue-800">Mehmet Y., İstanbul</h4>
+                        </div>
                     </div>
                     <p class="text-gray-600 italic">
                         "Hayalimdeki ofis projesini tam da istediğim gibi hayata geçirdiler. Kaliteli malzeme ve profesyonel ekip sayesinde uzun yıllar sorunsuz kullanabileceğimiz bir mekânımız oldu."
@@ -222,8 +222,8 @@ Projelerimizi İncele
                     <div class="flex items-center mb-4">
                         <img src="https://birbeninsaat.com/wp-content/uploads/2025/05/testimonials1-1.jpg" alt="Elif B." class="w-16 h-16 rounded-full mr-4">
                         <div>
-                            <h4 class="font-bold" style="color: #1a237e;">Elif B., İstanbul</h4>
-</div>
+                            <h4 class="font-bold text-blue-800">Elif B., İstanbul</h4>
+                        </div>
                     </div>
                     <p class="text-gray-600 italic">
                         "İnşaat öncesi projelendirmeden teslimat sürecine kadar her adımda yanımızda oldular. Dürüst, disiplinli ve işinin ehli bir firma. Çok memnun kaldık."
@@ -234,8 +234,8 @@ Projelerimizi İncele
     </section>
 
     <!-- CTA Section -->
-    <section class="py-16 text-white" style="background-color: #1a237e;">
-<div class="container mx-auto px-6 text-center">
+    <section class="py-16 bg-blue-800 text-white">
+        <div class="container mx-auto px-6 text-center">
             <h2 class="text-3xl font-bold mb-6">Hayalinizdeki Projeyi Konuşalım</h2>
             <p class="text-xl mb-8 max-w-2xl mx-auto">Profesyonel ekibimizle projeniz hakkında görüşmek için hemen iletişime geçin.</p>
             <button class="bg-white text-blue-800 font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition duration-300 transform hover:scale-105">