From ec069d5c480712686c7819387dee51c5081d3254 Mon Sep 17 00:00:00 2001
From: ayrisdev <ayris.dev@gmail.com>
Date: Sun, 12 Apr 2026 13:36:35 +0300
Subject: [PATCH] feat: remove contact form and simplify contact page layout

---
 app/iletisim/page.tsx | 161 +++++++++++++++++-------------------------
 1 file changed, 63 insertions(+), 98 deletions(-)

diff --git a/app/iletisim/page.tsx b/app/iletisim/page.tsx
index 63815e8..879f5e9 100644
--- a/app/iletisim/page.tsx
+++ b/app/iletisim/page.tsx
@@ -34,110 +34,75 @@ export default function ContactPage() {
         </div>
       </section>
 
-      {/* Main Content */}
-      <main className="grid grid-cols-1 lg:grid-cols-2 gap-0 min-h-[600px] bg-outline-variant/5">
-        {/* Left Column: Contact Details */}
-        <section className="bg-surface-container p-12 lg:p-24 flex flex-col justify-center">
-          <h2 className="text-3xl font-bold tracking-tighter uppercase mb-12 text-on-surface">Operasyon Merkezi</h2>
-          <div className="space-y-12">
-            {/* Address */}
-            <div className="flex items-start gap-6 group">
-              <div className="bg-surface-container-high p-4 text-primary group-hover:bg-primary group-hover:text-on-primary transition-colors duration-300">
-                <MapPin className="w-8 h-8" />
-              </div>
-              <div>
-                <p className="text-[10px] uppercase tracking-[0.3em] text-on-surface-variant mb-1 font-bold">Adres</p>
-                <p className="text-xl font-medium text-on-surface leading-snug">
-                  Merkez Mah. Sanayi Sitesi No: 42<br/>Dalaman / Muğla
-                </p>
+      {/* Main Content: Contact Details Only */}
+      <div className="bg-outline-variant/5 py-24 px-8 md:px-16">
+        <div className="max-w-5xl mx-auto">
+          <section className="bg-surface-container p-12 lg:p-24 flex flex-col md:flex-row gap-16 items-center border border-outline-variant/10 shadow-xl">
+            <div className="flex-1">
+              <h2 className="text-4xl font-black tracking-tighter uppercase mb-12 text-on-surface">Operasyon Merkezi</h2>
+              <div className="space-y-12">
+                {/* Address */}
+                <div className="flex items-start gap-6 group">
+                  <div className="bg-surface-container-high p-4 text-primary group-hover:bg-primary group-hover:text-on-primary transition-colors duration-300">
+                    <MapPin className="w-8 h-8" />
+                  </div>
+                  <div>
+                    <p className="text-[10px] uppercase tracking-[0.3em] text-on-surface-variant mb-1 font-bold">Adres</p>
+                    <p className="text-xl font-medium text-on-surface leading-snug">
+                      Merkez Mah. Sanayi Sitesi No: 42<br/>Dalaman / Muğla
+                    </p>
+                  </div>
+                </div>
+                {/* Phone */}
+                <div className="flex items-start gap-6 group">
+                  <div className="bg-surface-container-high p-4 text-primary group-hover:bg-primary group-hover:text-on-primary transition-colors duration-300">
+                    <Phone className="w-8 h-8" />
+                  </div>
+                  <div>
+                    <p className="text-[10px] uppercase tracking-[0.3em] text-on-surface-variant mb-1 font-bold">Telefon</p>
+                    <p className="text-3xl font-black text-on-surface tracking-tighter">
+                      +90 252 692 00 00
+                    </p>
+                  </div>
+                </div>
+                {/* Email */}
+                <div className="flex items-start gap-6 group">
+                  <div className="bg-surface-container-high p-4 text-primary group-hover:bg-primary group-hover:text-on-primary transition-colors duration-300">
+                    <Mail className="w-8 h-8" />
+                  </div>
+                  <div>
+                    <p className="text-[10px] uppercase tracking-[0.3em] text-on-surface-variant mb-1 font-bold">E-Posta</p>
+                    <p className="text-xl font-medium text-on-surface">
+                      info@aydogannakliyat.com
+                    </p>
+                  </div>
+                </div>
               </div>
             </div>
-            {/* Phone */}
-            <div className="flex items-start gap-6 group">
-              <div className="bg-surface-container-high p-4 text-primary group-hover:bg-primary group-hover:text-on-primary transition-colors duration-300">
-                <Phone className="w-8 h-8" />
-              </div>
-              <div>
-                <p className="text-[10px] uppercase tracking-[0.3em] text-on-surface-variant mb-1 font-bold">Telefon</p>
-                <p className="text-3xl font-black text-on-surface tracking-tighter">
-                  +90 252 692 00 00
-                </p>
-              </div>
-            </div>
-            {/* Email */}
-            <div className="flex items-start gap-6 group">
-              <div className="bg-surface-container-high p-4 text-primary group-hover:bg-primary group-hover:text-on-primary transition-colors duration-300">
-                <Mail className="w-8 h-8" />
-              </div>
-              <div>
-                <p className="text-[10px] uppercase tracking-[0.3em] text-on-surface-variant mb-1 font-bold">E-Posta</p>
-                <p className="text-xl font-medium text-on-surface">
-                  info@aydogannakliyat.com
-                </p>
-              </div>
-            </div>
-          </div>
-          
-          {/* Social/Status Indicators */}
-          <div className="mt-20 flex flex-wrap gap-4">
-            <div className="px-4 py-2 bg-surface-container-lowest border border-outline-variant/15 text-[10px] font-bold uppercase tracking-widest flex items-center gap-2">
-              <span className="w-2 h-2 bg-primary animate-pulse"></span> 
-              7/24 Aktif Operasyon
-            </div>
-            <div className="px-4 py-2 bg-surface-container-lowest border border-outline-variant/15 text-[10px] font-bold uppercase tracking-widest flex items-center gap-2">
-              <span className="w-2 h-2 bg-primary"></span> 
-              Muğla & Çevresi
-            </div>
-          </div>
-        </section>
 
-        {/* Right Column: Contact Form */}
-        <section className="bg-surface-container-low p-12 lg:p-24 flex flex-col justify-center border-l border-outline-variant/10">
-          <h2 className="text-3xl font-bold tracking-tighter uppercase mb-8 text-on-surface">Teklif Talebi & Mesaj</h2>
-          <form action="#" className="space-y-6">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-              <div className="space-y-2">
-                <label className="text-[10px] font-bold uppercase tracking-widest text-on-surface-variant">Adınız Soyadınız</label>
-                <input 
-                  className="w-full bg-surface-container-lowest border-0 border-b-2 border-outline-variant focus:border-primary focus:ring-0 text-on-surface p-4 transition-all" 
-                  placeholder="Ahmet Yılmaz" 
-                  type="text"
-                />
+            <div className="w-full md:w-1/3 flex flex-col gap-4">
+              <div className="p-8 bg-surface-container-lowest border border-outline-variant/15">
+                <div className="flex items-center gap-3 mb-4">
+                  <span className="w-3 h-3 bg-primary animate-pulse rounded-full"></span>
+                  <span className="text-xs font-bold uppercase tracking-widest text-on-surface">7/24 Aktif</span>
+                </div>
+                <p className="text-sm text-on-surface-variant leading-relaxed">
+                  Tüm Ege ve Akdeniz bölgesinde 7 gün 24 saat kesintisiz operasyon desteği sağlıyoruz.
+                </p>
               </div>
-              <div className="space-y-2">
-                <label className="text-[10px] font-bold uppercase tracking-widest text-on-surface-variant">E-Posta</label>
-                <input 
-                  className="w-full bg-surface-container-lowest border-0 border-b-2 border-outline-variant focus:border-primary focus:ring-0 text-on-surface p-4 transition-all" 
-                  placeholder="ahmet@example.com" 
-                  type="email"
-                />
+              <div className="p-8 bg-surface-container-lowest border border-outline-variant/15">
+                <div className="flex items-center gap-3 mb-4">
+                  <span className="w-3 h-3 bg-primary rounded-full"></span>
+                  <span className="text-xs font-bold uppercase tracking-widest text-on-surface">Hızlı Erişim</span>
+                </div>
+                <p className="text-sm text-on-surface-variant leading-relaxed">
+                  Dalaman Sanayi Sitesi'ndeki stratejik konumumuzla her noktaya en hızlı şekilde ulaşıyoruz.
+                </p>
               </div>
             </div>
-            <div className="space-y-2">
-              <label className="text-[10px] font-bold uppercase tracking-widest text-on-surface-variant">Telefon Numarası</label>
-              <input 
-                className="w-full bg-surface-container-lowest border-0 border-b-2 border-outline-variant focus:border-primary focus:ring-0 text-on-surface p-4 transition-all" 
-                placeholder="+90 5xx xxx xx xx" 
-                type="tel"
-              />
-            </div>
-            <div className="space-y-2">
-              <label className="text-[10px] font-bold uppercase tracking-widest text-on-surface-variant">Mesajınız / İş Detayları</label>
-              <textarea 
-                className="w-full bg-surface-container-lowest border-0 border-b-2 border-outline-variant focus:border-primary focus:ring-0 text-on-surface p-4 transition-all" 
-                placeholder="Taşıma yükü, mesafe ve tarih bilgisi belirtiniz..." 
-                rows={4}
-              ></textarea>
-            </div>
-            <button 
-              className="w-full bg-primary text-on-primary py-5 text-xl font-black uppercase tracking-widest hover:brightness-110 transition-all active:scale-[0.98]" 
-              type="submit"
-            >
-              Gönder
-            </button>
-          </form>
-        </section>
-      </main>
+          </section>
+        </div>
+      </div>
 
       {/* Map Section */}
       <section className="w-full h-[500px] bg-surface-container-lowest relative overflow-hidden">