55 lines
2.7 KiB
TypeScript
55 lines
2.7 KiB
TypeScript
import { Link } from '@/i18n/routing';
|
||
import { siteInfo } from '@/lib/data';
|
||
import { Phone, Mail, MapPin } from 'lucide-react';
|
||
|
||
export function Footer() {
|
||
return (
|
||
<footer className="bg-deepblue-900 text-sandwhite-100 py-12">
|
||
<div className="container mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<div>
|
||
<h3 className="font-bold text-xl mb-4 text-white">{siteInfo.name}</h3>
|
||
<p className="text-sm text-gray-300 max-w-sm">
|
||
{siteInfo.slogan}
|
||
</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 className="font-semibold text-lg mb-4 text-white">Hızlı Linkler</h4>
|
||
<ul className="space-y-2 text-sm text-gray-300">
|
||
<li><Link href="/hakkimizda" className="hover:text-turquoise-500 transition-colors">Hakkımızda</Link></li>
|
||
<li><Link href="/turlar" className="hover:text-turquoise-500 transition-colors">Turlar</Link></li>
|
||
<li><Link href="/aktiviteler" className="hover:text-turquoise-500 transition-colors">Aktiviteler</Link></li>
|
||
<li><Link href="/tekne-turlari" className="hover:text-turquoise-500 transition-colors">Tekne Turları</Link></li>
|
||
<li><Link href="/iletisim" className="hover:text-turquoise-500 transition-colors">İletişim</Link></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 className="font-semibold text-lg mb-4 text-white">İletişim</h4>
|
||
<ul className="space-y-3 text-sm text-gray-300">
|
||
<li className="flex items-start gap-2">
|
||
<MapPin className="w-5 h-5 text-turquoise-500 shrink-0" />
|
||
<span>{siteInfo.address}</span>
|
||
</li>
|
||
<li className="flex items-center gap-2">
|
||
<Phone className="w-5 h-5 text-turquoise-500 shrink-0" />
|
||
<a href={siteInfo.phoneLink} className="hover:text-white transition-colors">{siteInfo.phone}</a>
|
||
</li>
|
||
<li className="flex items-center gap-2">
|
||
<Mail className="w-5 h-5 text-turquoise-500 shrink-0" />
|
||
<a href={`mailto:${siteInfo.email}`} className="hover:text-white transition-colors">{siteInfo.email}</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="container mx-auto px-4 mt-12 pt-8 border-t border-white/10 flex flex-col md:flex-row items-center justify-between text-sm text-gray-400">
|
||
<p>© {new Date().getFullYear()} {siteInfo.name}. Tüm hakları saklıdır.</p>
|
||
<p className="mt-2 md:mt-0">
|
||
<a href="https://ayris.tech" target="_blank" rel="noreferrer" className="hover:text-white transition-colors">Created by ayris.tech</a>
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
);
|
||
}
|