feat: remove contact form and simplify contact page layout
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user