This commit is contained in:
AyrisAI
2026-07-11 16:15:26 +03:00
parent ccb923e57a
commit ac78e5bf40
16 changed files with 504 additions and 322 deletions
+35 -20
View File
@@ -2,16 +2,6 @@ import Link from "next/link";
import Image from "next/image";
import { MapPin, Phone, Mail } from "lucide-react";
const quickLinks = [
{ name: "Ana Sayfa", href: "/" },
{ name: "Odalar", href: "/odalar" },
{ name: "Aktiviteler", href: "/aktiviteler"},
{ name: "Restoran", href: "/restoran" },
{ name: "Etkinlikler", href: "/etkinlikler"},
{ name: "Galeri", href: "/galeri" },
{ name: "Hakkımızda", href: "/hakkimizda" },
];
function InstagramIcon() {
return (
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
@@ -39,7 +29,26 @@ function YoutubeIcon() {
);
}
export default function Footer() {
export default function Footer({ lang = "tr" }: { lang?: string }) {
const isEn = lang === "en";
const quickLinks = isEn ? [
{ name: "Home", href: "/en" },
{ name: "Rooms", href: "/en/odalar" },
{ name: "Activities", href: "/en/aktiviteler"},
{ name: "Restaurant", href: "/en/restoran" },
{ name: "Events", href: "/en/etkinlikler"},
{ name: "Gallery", href: "/en/galeri" },
{ name: "About Us", href: "/en/hakkimizda" },
] : [
{ name: "Ana Sayfa", href: "/tr" },
{ name: "Odalar", href: "/tr/odalar" },
{ name: "Aktiviteler", href: "/tr/aktiviteler"},
{ name: "Restoran", href: "/tr/restoran" },
{ name: "Etkinlikler", href: "/tr/etkinlikler"},
{ name: "Galeri", href: "/tr/galeri" },
{ name: "Hakkımızda", href: "/tr/hakkimizda" },
];
return (
<footer className="bg-dark text-white">
{/* Top accent line */}
@@ -50,7 +59,7 @@ export default function Footer() {
{/* Brand */}
<div className="md:col-span-4">
<Link href="/" className="inline-block mb-5">
<Link href={isEn ? "/en" : "/tr"} className="inline-block mb-5">
<Image
src="/logo.png"
alt="Kite Beach Logo"
@@ -60,7 +69,9 @@ export default function Footer() {
/>
</Link>
<p className="text-white/40 text-[13px] leading-relaxed mb-7 max-w-xs">
Nehrin huzuru, denizin enerjisi tek bir noktada. Akyaka'nın kalbinde butik bir kaçış noktası.
{isEn
? "The tranquility of the river, the energy of the sea — in one place. A boutique escape in the heart of Akyaka."
: "Nehrin huzuru, denizin enerjisi — tek bir noktada. Akyaka'nın kalbinde butik bir kaçış noktası."}
</p>
{/* Social icons */}
<div className="flex gap-3">
@@ -84,7 +95,7 @@ export default function Footer() {
{/* Quick Links */}
<div className="md:col-span-3">
<h3 className="text-[11px] font-bold tracking-[0.25em] text-white/30 uppercase mb-6">
Sayfalar
{isEn ? "Pages" : "Sayfalar"}
</h3>
<ul className="space-y-3">
{quickLinks.map((link) => (
@@ -103,7 +114,7 @@ export default function Footer() {
{/* Contact */}
<div className="md:col-span-5">
<h3 className="text-[11px] font-bold tracking-[0.25em] text-white/30 uppercase mb-6">
İletişim
{isEn ? "Contact" : letişim"}
</h3>
<ul className="space-y-5">
<li className="flex items-start gap-3">
@@ -111,7 +122,11 @@ export default function Footer() {
<MapPin size={13} className="text-accent" />
</div>
<span className="text-white/50 text-[13px] leading-relaxed">
Akyaka Mahallesi, Akçapınar Mevkii<br />Muğla, Türkiye
{isEn ? (
<>Akyaka District, Akcapinar Location<br />Mugla, Turkey</>
) : (
<>Akyaka Mahallesi, Akçapınar Mevkii<br />Muğla, Türkiye</>
)}
</span>
</li>
<li className="flex items-center gap-3">
@@ -144,17 +159,17 @@ export default function Footer() {
{/* Bottom bar */}
<div className="border-t border-white/8 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
<p className="text-white/25 text-xs">
© 2026 Kite Beach Akyaka. Tüm hakları saklıdır.
{isEn ? "© 2026 Kite Beach Akyaka. All rights reserved." : "© 2026 Kite Beach Akyaka. Tüm hakları saklıdır."}
</p>
<div className="flex gap-6">
{[
{ name: "KVKK", href: "/kvkk" },
{ name: "Gizlilik Politikası", href: "/gizlilik" },
{ name: "Çerez Politikası", href: "/cerez" }
{ name: isEn ? "Privacy Policy" : "Gizlilik Politikası", href: "/gizlilik" },
{ name: isEn ? "Cookie Policy" : "Çerez Politikası", href: "/cerez" }
].map((item) => (
<Link
key={item.name}
href={item.href}
href={isEn ? `/en${item.href}` : `/tr${item.href}`}
className="text-white/25 hover:text-white/60 transition-colors text-xs"
>
{item.name}