fix: activate all broken buttons and links across the site with WhatsApp integration
This commit is contained in:
@@ -1,66 +1,117 @@
|
||||
'use client';
|
||||
|
||||
import Link from "next/link";
|
||||
import { Facebook, Instagram, Twitter, MapPin, Phone, Mail, ArrowUpRight } from "lucide-react";
|
||||
import { siteConfig } from "@/lib/data";
|
||||
|
||||
const QUICK_LINKS = [
|
||||
{ name: "Hizmetlerimiz", href: "/hizmetler" },
|
||||
{ name: "Makine Parkuru", href: "/filomuz" },
|
||||
{ name: "Kurumsal", href: "/hakkimizda" },
|
||||
{ name: "İletişim", href: "/iletisim" },
|
||||
];
|
||||
|
||||
const SERVICES = [
|
||||
{ name: "Mobil Vinç Kiralama", href: "/hizmetler" },
|
||||
{ name: "Sepetli Platform", href: "/hizmetler" },
|
||||
{ name: "Ağır Nakliyat", href: "/hizmetler" },
|
||||
{ name: "Proje Taşımacılığı", href: "/hizmetler" },
|
||||
];
|
||||
|
||||
export function Footer() {
|
||||
return (
|
||||
<footer className="w-full py-24 px-6 md:px-12 grid grid-cols-1 md:grid-cols-4 gap-12 bg-surface-container-lowest relative overflow-hidden">
|
||||
<div className="absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-primary/20 to-transparent"></div>
|
||||
|
||||
<div className="col-span-1 md:col-span-1">
|
||||
<div className="text-2xl font-black text-white mb-8 tracking-tighter">
|
||||
AYDOĞAN <span className="text-primary">VINÇ</span>
|
||||
<footer className="bg-surface-container-lowest pt-24 pb-12 border-t border-outline-variant/10">
|
||||
<div className="max-w-7xl mx-auto px-6 md:px-12">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16 mb-20">
|
||||
{/* Brand Column */}
|
||||
<div className="flex flex-col gap-8">
|
||||
<Link href="/" className="flex flex-col items-start group">
|
||||
<span className="font-headline text-3xl font-black text-white tracking-tighter leading-none group-hover:text-primary transition-colors">
|
||||
AYDOĞAN
|
||||
</span>
|
||||
<span className="font-label text-xs text-primary font-bold tracking-[0.3em] uppercase -mt-1 group-hover:text-white transition-colors">
|
||||
Nakliyat & Vinç
|
||||
</span>
|
||||
</Link>
|
||||
<p className="text-on-surface-variant text-sm leading-relaxed">
|
||||
20 yılı aşkın tecrübemizle, Dalaman ve tüm Türkiye genelinde ağır lojistik ve kaldırma çözümleri sunuyoruz.
|
||||
</p>
|
||||
<div className="flex gap-4">
|
||||
<a href={siteConfig.social.facebook} target="_blank" className="w-10 h-10 bg-surface-container flex items-center justify-center text-on-surface-variant hover:bg-primary hover:text-on-primary transition-all">
|
||||
<Facebook size={18} />
|
||||
</a>
|
||||
<a href={siteConfig.social.instagram} target="_blank" className="w-10 h-10 bg-surface-container flex items-center justify-center text-on-surface-variant hover:bg-primary hover:text-on-primary transition-all">
|
||||
<Instagram size={18} />
|
||||
</a>
|
||||
<a href="#" className="w-10 h-10 bg-surface-container flex items-center justify-center text-on-surface-variant hover:bg-primary hover:text-on-primary transition-all">
|
||||
<Twitter size={18} />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Quick Links */}
|
||||
<div>
|
||||
<h4 className="font-headline font-bold text-white uppercase tracking-widest text-xs mb-8">Hızlı Erişim</h4>
|
||||
<ul className="flex flex-col gap-4">
|
||||
{QUICK_LINKS.map((link) => (
|
||||
<li key={link.name}>
|
||||
<Link href={link.href} className="text-on-surface-variant hover:text-primary transition-colors text-sm flex items-center gap-2 group">
|
||||
<ArrowUpRight size={14} className="opacity-0 group-hover:opacity-100 transition-opacity" />
|
||||
{link.name}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Services */}
|
||||
<div>
|
||||
<h4 className="font-headline font-bold text-white uppercase tracking-widest text-xs mb-8">Hizmetlerimiz</h4>
|
||||
<ul className="flex flex-col gap-4">
|
||||
{SERVICES.map((link) => (
|
||||
<li key={link.name}>
|
||||
<Link href={link.href} className="text-on-surface-variant hover:text-primary transition-colors text-sm">
|
||||
{link.name}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Contact Details */}
|
||||
<div>
|
||||
<h4 className="font-headline font-bold text-white uppercase tracking-widest text-xs mb-8">İletişim</h4>
|
||||
<div className="flex flex-col gap-6">
|
||||
<div className="flex items-start gap-4">
|
||||
<MapPin size={18} className="text-primary shrink-0" />
|
||||
<p className="text-on-surface-variant text-sm leading-snug">
|
||||
{siteConfig.contact.address}
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-4">
|
||||
<Phone size={18} className="text-primary shrink-0" />
|
||||
<a href={`tel:${siteConfig.contact.phone.replace(/\s+/g, '')}`} className="text-on-surface-variant hover:text-primary transition-colors text-sm font-bold">
|
||||
{siteConfig.contact.phone}
|
||||
</a>
|
||||
</div>
|
||||
<div className="flex items-center gap-4">
|
||||
<Mail size={18} className="text-primary shrink-0" />
|
||||
<a href={`mailto:${siteConfig.contact.email}`} className="text-on-surface-variant hover:text-primary transition-colors text-sm">
|
||||
{siteConfig.contact.email}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-on-surface-variant font-label text-[10px] md:text-xs leading-loose uppercase tracking-widest max-w-xs">
|
||||
Ağır sanayi ve inşaat sektöründe güvenin simgesi. Modern ekipmanlarımız ve uzman kadromuzla Dalaman'ın en güçlü ortağıyız.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="md:pl-12">
|
||||
<h4 className="text-primary font-headline text-[10px] uppercase tracking-[0.3em] mb-8 font-black">Merkez Ofis</h4>
|
||||
<ul className="space-y-4">
|
||||
<li><span className="text-white font-label text-[10px] uppercase tracking-widest leading-relaxed">Merkez Mah. Sanayi Sitesi No: 42 Dalaman / Muğla</span></li>
|
||||
<li><span className="text-white font-label text-[10px] uppercase tracking-widest">T: +90 252 692 XX XX</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="md:pl-12">
|
||||
<h4 className="text-primary font-headline text-[10px] uppercase tracking-[0.3em] mb-8 font-black">Hizmetler</h4>
|
||||
<ul className="space-y-4">
|
||||
{[
|
||||
{ name: "Mobil Vinç Kiralama", href: "/hizmetler" },
|
||||
{ name: "Sepetli Platform", href: "/hizmetler" },
|
||||
{ name: "Lojistik Çözümleri", href: "/hizmetler" }
|
||||
].map(item => (
|
||||
<li key={item.name}><Link href={item.href} className="text-on-surface-variant hover:text-white transition-colors font-label text-[10px] uppercase tracking-widest">{item.name}</Link></li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="md:pl-12">
|
||||
<h4 className="text-primary font-headline text-[10px] uppercase tracking-[0.3em] mb-8 font-black">Hızlı Menü</h4>
|
||||
<ul className="space-y-4">
|
||||
{[
|
||||
{ name: "Hakkımızda", href: "/hakkimizda" },
|
||||
{ name: "Makine Parkuru", href: "/filomuz" },
|
||||
{ name: "İletişim", href: "/iletisim" },
|
||||
{ name: "KVKK", href: "#" }
|
||||
].map(item => (
|
||||
<li key={item.name}><Link href={item.href} className="text-on-surface-variant hover:text-white transition-colors font-label text-[10px] uppercase tracking-widest">{item.name}</Link></li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="col-span-full mt-12 pt-12 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-8">
|
||||
<span className="text-on-surface-variant/40 font-label text-[10px] uppercase tracking-[0.2em]">© 2024 Aydoğan Nakliyat Vinç. Tüm Hakları Saklıdır.</span>
|
||||
<div className="flex gap-8">
|
||||
<a href="#" className="text-white/40 hover:text-primary transition-colors">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
|
||||
</a>
|
||||
<a href="#" className="text-white/40 hover:text-primary transition-colors">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>
|
||||
</a>
|
||||
<a href="#" className="text-white/40 hover:text-primary transition-colors">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
|
||||
</a>
|
||||
<div className="pt-12 border-t border-outline-variant/10 flex flex-col md:flex-row justify-between items-center gap-8">
|
||||
<p className="text-on-surface-variant text-[10px] uppercase tracking-widest font-bold">
|
||||
© {new Date().getFullYear()} {siteConfig.name}. Tüm hakları saklıdır.
|
||||
</p>
|
||||
<div className="flex gap-8">
|
||||
<a href="#" className="text-on-surface-variant hover:text-white text-[10px] uppercase tracking-widest font-bold transition-colors">KVKK Aydınlatma Metni</a>
|
||||
<a href="#" className="text-on-surface-variant hover:text-white text-[10px] uppercase tracking-widest font-bold transition-colors">Gizlilik Politikası</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user