78 lines
4.1 KiB
TypeScript
78 lines
4.1 KiB
TypeScript
import { setRequestLocale } from 'next-intl/server'
|
|
import { Mail, MapPin, Phone } from 'lucide-react'
|
|
|
|
export default async function ContactPage({ params }: { params: Promise<{ locale: string }> }) {
|
|
const { locale } = await params
|
|
setRequestLocale(locale)
|
|
|
|
return (
|
|
<div className="bg-zinc-950 min-h-screen py-16">
|
|
<div className="container mx-auto px-4 max-w-5xl">
|
|
<h1 className="text-4xl font-black mb-12 text-center text-white uppercase tracking-tighter">Contact Us</h1>
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
|
|
{/* Contact Info */}
|
|
<div className="space-y-8">
|
|
<h2 className="text-2xl font-bold text-white">Get In Touch</h2>
|
|
<p className="text-zinc-300">
|
|
Pioneer travel is here to help you with all your trips and excursions. Fill out the form or contact us directly using the information below.
|
|
</p>
|
|
|
|
<div className="space-y-6">
|
|
<div className="flex items-start">
|
|
<div className="w-12 h-12 bg-orange-500/10 rounded-full flex items-center justify-center text-orange-500 shrink-0 mr-4">
|
|
<MapPin className="w-6 h-6" />
|
|
</div>
|
|
<div>
|
|
<h4 className="font-bold text-white mb-1">Office Address</h4>
|
|
<p className="text-zinc-400">Çarşı Caddesi Tonoz İş Merkezi No:3/1<br/>Ölüdeniz - Fethiye / Türkiye</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start">
|
|
<div className="w-12 h-12 bg-orange-500/10 rounded-full flex items-center justify-center text-orange-500 shrink-0 mr-4">
|
|
<Phone className="w-6 h-6" />
|
|
</div>
|
|
<div>
|
|
<h4 className="font-bold text-white mb-1">Phone Number</h4>
|
|
<p className="text-zinc-400">+90 530 378 48 82</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start">
|
|
<div className="w-12 h-12 bg-orange-500/10 rounded-full flex items-center justify-center text-orange-500 shrink-0 mr-4">
|
|
<Mail className="w-6 h-6" />
|
|
</div>
|
|
<div>
|
|
<h4 className="font-bold text-white mb-1">Email Address</h4>
|
|
<p className="text-zinc-400">info@fethiyeholiday.com</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Contact Form */}
|
|
<div className="bg-zinc-900 p-8 rounded-2xl shadow-xl border border-zinc-800">
|
|
<h2 className="text-2xl font-bold text-white mb-6">Send a Message</h2>
|
|
<form className="space-y-4">
|
|
<div>
|
|
<label className="block text-sm font-medium text-zinc-300 mb-1">Your Name</label>
|
|
<input type="text" className="w-full px-4 py-2 border border-zinc-700 rounded-md bg-zinc-950/50 text-white focus:ring-2 focus:ring-orange-500 focus:border-orange-500 outline-none transition-colors" placeholder="John Doe" />
|
|
</div>
|
|
<div>
|
|
<label className="block text-sm font-medium text-zinc-300 mb-1">Your Email</label>
|
|
<input type="email" className="w-full px-4 py-2 border border-zinc-700 rounded-md bg-zinc-950/50 text-white focus:ring-2 focus:ring-orange-500 focus:border-orange-500 outline-none transition-colors" placeholder="john@example.com" />
|
|
</div>
|
|
<div>
|
|
<label className="block text-sm font-medium text-zinc-300 mb-1">Message</label>
|
|
<textarea rows={4} className="w-full px-4 py-2 border border-zinc-700 rounded-md bg-zinc-950/50 text-white focus:ring-2 focus:ring-orange-500 focus:border-orange-500 outline-none transition-colors" placeholder="How can we help you?"></textarea>
|
|
</div>
|
|
<button type="button" className="w-full py-3 bg-orange-500 text-white font-bold rounded-md hover:bg-orange-600 transition-colors shadow-[0_0_15px_rgba(249,115,22,0.3)]">
|
|
Send Message
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|