31 lines
1.4 KiB
TypeScript
31 lines
1.4 KiB
TypeScript
export default function Contact() {
|
||
return (
|
||
<div className="min-h-screen py-32 section-padding bg-white">
|
||
<div className="max-w-7xl mx-auto flex flex-col md:flex-row items-start justify-between gap-20">
|
||
<div className="flex-1 space-y-8">
|
||
<span className="text-turquoise uppercase tracking-widest text-xs font-bold">CONTACT</span>
|
||
<h1 className="text-5xl md:text-7xl font-serif text-bodrum-blue leading-tight">
|
||
Let's talk about your <br /> next getaway.
|
||
</h1>
|
||
<div className="space-y-4 pt-12">
|
||
<p className="text-2xl text-gray-400 font-light hover:text-turquoise transition-colors cursor-pointer">info@salmakis.com.tr</p>
|
||
<p className="text-2xl text-gray-400 font-light">+90 252 316 65 06</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="w-full md:w-1/3 bg-zinc-50 p-12 rounded-3xl shadow-2xl shadow-black/5">
|
||
<h3 className="text-xl font-bold mb-8">Location</h3>
|
||
<p className="text-gray-500 leading-relaxed mb-12 italic">
|
||
Bardakçı Koyu, <br />
|
||
Bodrum, Muğla, <br />
|
||
Türkiye
|
||
</p>
|
||
<div className="aspect-square bg-white rounded-2xl border border-gray-100 flex items-center justify-center text-gray-300">
|
||
[Interactive Map Placeholder]
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|