86 lines
4.5 KiB
TypeScript
86 lines
4.5 KiB
TypeScript
import Link from "next/link"
|
||
import { getSiteContents } from "@/lib/data"
|
||
import { Instagram, Youtube } from "lucide-react"
|
||
import { FaTiktok } from "react-icons/fa"
|
||
|
||
export async function Footer() {
|
||
const siteSettings = await getSiteContents()
|
||
|
||
return (
|
||
<footer className="w-full border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 py-12 md:py-24 lg:py-32">
|
||
<div className="container grid gap-8 px-4 md:px-6 lg:grid-cols-4">
|
||
<div className="flex flex-col gap-2">
|
||
<Link href="/" className="flex items-center gap-2">
|
||
<span className="text-xl font-bold tracking-tighter">{siteSettings.site_title || "PARAKASA"}</span>
|
||
</Link>
|
||
<p className="text-sm text-muted-foreground">
|
||
{siteSettings.site_description || "Yüksek güvenlikli çelik kasa ve para sayma sistemleri için güvenilir çözüm ortağınız."}
|
||
</p>
|
||
</div>
|
||
<div className="flex flex-col gap-2">
|
||
<h3 className="font-semibold">Ürünler</h3>
|
||
<Link href="#" className="text-sm hover:underline underline-offset-4">
|
||
Ev Tipi Kasalar
|
||
</Link>
|
||
<Link href="#" className="text-sm hover:underline underline-offset-4">
|
||
Ofis Tipi Kasalar
|
||
</Link>
|
||
<Link href="#" className="text-sm hover:underline underline-offset-4">
|
||
Otel Kasaları
|
||
</Link>
|
||
<Link href="#" className="text-sm hover:underline underline-offset-4">
|
||
Para Sayma Makineleri
|
||
</Link>
|
||
</div>
|
||
<div className="flex flex-col gap-2">
|
||
<h3 className="font-semibold">Kurumsal</h3>
|
||
<Link href="#" className="text-sm hover:underline underline-offset-4">
|
||
Hakkımızda
|
||
</Link>
|
||
<Link href="#" className="text-sm hover:underline underline-offset-4">
|
||
Referanslar
|
||
</Link>
|
||
<Link href="#" className="text-sm hover:underline underline-offset-4">
|
||
Bayilik Başvurusu
|
||
</Link>
|
||
<Link href="#" className="text-sm hover:underline underline-offset-4">
|
||
İletişim
|
||
</Link>
|
||
</div>
|
||
<div className="flex flex-col gap-2">
|
||
<h3 className="font-semibold">Bize Ulaşın</h3>
|
||
<p className="text-sm text-muted-foreground whitespace-pre-wrap">
|
||
{siteSettings.contact_address || "İstanbul, Türkiye"}
|
||
</p>
|
||
<p className="text-sm text-muted-foreground">
|
||
{siteSettings.contact_phone || "+90 212 000 00 00"}
|
||
</p>
|
||
<p className="text-sm text-muted-foreground">
|
||
{siteSettings.contact_email}
|
||
</p>
|
||
<div className="flex gap-4 mt-4">
|
||
{siteSettings.social_instagram && (
|
||
<Link href={siteSettings.social_instagram} target="_blank" className="text-muted-foreground hover:text-foreground">
|
||
<Instagram className="h-5 w-5" />
|
||
</Link>
|
||
)}
|
||
{siteSettings.social_youtube && (
|
||
<Link href={siteSettings.social_youtube} target="_blank" className="text-muted-foreground hover:text-foreground">
|
||
<Youtube className="h-5 w-5" />
|
||
</Link>
|
||
)}
|
||
{siteSettings.social_tiktok && (
|
||
<Link href={siteSettings.social_tiktok} target="_blank" className="text-muted-foreground hover:text-foreground">
|
||
<FaTiktok className="h-5 w-5" />
|
||
</Link>
|
||
)}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="container px-4 md:px-6 mt-8 pt-8 border-t text-center text-sm text-muted-foreground">
|
||
© {new Date().getFullYear()} {siteSettings.site_title || "ParaKasa"}. Tüm hakları saklıdır.
|
||
</div>
|
||
</footer>
|
||
)
|
||
}
|