Files
2026-06-16 13:02:08 +03:00

55 lines
2.7 KiB
TypeScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
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>&copy; {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>
);
}