ayrisdev/kitebeachakyaka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(footer): add Ayris Tech signature and SEO backlink layer

Browse Source
This commit is contained in:
Ayris Dev
2026-08-23 01:38:08 +03:00
parent f78fb90a55
commit 72b7ffa59e
1 changed files with 57 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Footer.tsx
+48 -27
View File
@@ -5,9 +5,9 @@ import { MapPin, Phone, Mail } from "lucide-react";
function InstagramIcon() { function InstagramIcon() {
return ( return (
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"/> <rect width="20" height="20" x="2" y="2" rx="5" ry="5" />
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/> <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
<line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/> <line x1="17.5" x2="17.51" y1="6.5" y2="6.5" />
</svg> </svg>
); );
} }
@@ -15,7 +15,7 @@ function InstagramIcon() {
function FacebookIcon() { function FacebookIcon() {
return ( return (
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
</svg> </svg>
); );
} }
@@ -23,8 +23,8 @@ function FacebookIcon() {
function YoutubeIcon() { function YoutubeIcon() {
return ( return (
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"/> <path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17" />
<path d="m10 15 5-3-5-3z"/> <path d="m10 15 5-3-5-3z" />
</svg> </svg>
); );
} }
@@ -32,21 +32,21 @@ function YoutubeIcon() {
export default function Footer({ lang = "tr" }: { lang?: string }) { export default function Footer({ lang = "tr" }: { lang?: string }) {
const isEn = lang === "en"; const isEn = lang === "en";
const quickLinks = isEn ? [ const quickLinks = isEn ? [
{ name: "Home", href: "/en" }, { name: "Home", href: "/en" },
{ name: "Rooms", href: "/en/odalar" }, { name: "Rooms", href: "/en/odalar" },
{ name: "Activities", href: "/en/aktiviteler"}, { name: "Activities", href: "/en/aktiviteler" },
{ name: "Restaurant", href: "/en/restoran" }, { name: "Restaurant", href: "/en/restoran" },
{ name: "Events", href: "/en/etkinlikler"}, { name: "Events", href: "/en/etkinlikler" },
{ name: "Gallery", href: "/en/galeri" }, { name: "Gallery", href: "/en/galeri" },
{ name: "About Us", href: "/en/hakkimizda" }, { name: "About Us", href: "/en/hakkimizda" },
] : [ ] : [
{ name: "Ana Sayfa", href: "/tr" }, { name: "Ana Sayfa", href: "/tr" },
{ name: "Odalar", href: "/tr/odalar" }, { name: "Odalar", href: "/tr/odalar" },
{ name: "Aktiviteler", href: "/tr/aktiviteler"}, { name: "Aktiviteler", href: "/tr/aktiviteler" },
{ name: "Restoran", href: "/tr/restoran" }, { name: "Restoran", href: "/tr/restoran" },
{ name: "Etkinlikler", href: "/tr/etkinlikler"}, { name: "Etkinlikler", href: "/tr/etkinlikler" },
{ name: "Galeri", href: "/tr/galeri" }, { name: "Galeri", href: "/tr/galeri" },
{ name: "Hakkımızda", href: "/tr/hakkimizda" }, { name: "Hakkımızda", href: "/tr/hakkimizda" },
]; ];
return ( return (
@@ -77,8 +77,8 @@ export default function Footer({ lang = "tr" }: { lang?: string }) {
<div className="flex gap-3"> <div className="flex gap-3">
{[ {[
{ icon: <InstagramIcon />, href: "#", label: "Instagram" }, { icon: <InstagramIcon />, href: "#", label: "Instagram" },
{ icon: <FacebookIcon />, href: "#", label: "Facebook" }, { icon: <FacebookIcon />, href: "#", label: "Facebook" },
{ icon: <YoutubeIcon />, href: "#", label: "YouTube" }, { icon: <YoutubeIcon />, href: "#", label: "YouTube" },
].map(({ icon, href, label }) => ( ].map(({ icon, href, label }) => (
<a <a
key={label} key={label}
@@ -157,11 +157,12 @@ export default function Footer({ lang = "tr" }: { lang?: string }) {
</div> </div>
{/* Bottom bar */} {/* Bottom bar */}
<div className="border-t border-white/8 pt-8 flex flex-col md:flex-row justify-between items-center gap-4"> <div className="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-white/40">
<p className="text-white/25 text-xs"> <p>
{isEn ? "© 2026 Kite Beach Akyaka. All rights reserved." : "© 2026 Kite Beach Akyaka. Tüm hakları saklıdır."} {isEn ? `© ${new Date().getFullYear()} Kite Beach Akyaka. All rights reserved.` : `© ${new Date().getFullYear()} Kite Beach Akyaka. Tüm hakları saklıdır.`}
</p> </p>
<div className="flex gap-6">
<div className="flex flex-wrap items-center justify-center gap-6">
{[ {[
{ name: "KVKK", href: "/kvkk" }, { name: "KVKK", href: "/kvkk" },
{ name: isEn ? "Privacy Policy" : "Gizlilik Politikası", href: "/gizlilik" }, { name: isEn ? "Privacy Policy" : "Gizlilik Politikası", href: "/gizlilik" },
@@ -170,12 +171,32 @@ export default function Footer({ lang = "tr" }: { lang?: string }) {
<Link <Link
key={item.name} key={item.name}
href={isEn ? `/en${item.href}` : `/tr${item.href}`} href={isEn ? `/en${item.href}` : `/tr${item.href}`}
className="text-white/25 hover:text-white/60 transition-colors text-xs" className="hover:text-white/80 transition-colors"
> >
{item.name} {item.name}
</Link> </Link>
))} ))}
</div> </div>
{/* Görünür Ayris Tech İmzası & Google Bot İndeksleme Katmanı */}
<div className="flex items-center gap-1.5">
<span className="opacity-75">created by</span>
<a
href="https://ayris.tech"
target="_blank"
rel="noopener"
className="font-medium text-white/70 hover:text-white transition-colors duration-200 hover:underline underline-offset-4"
>
ayristech
</a>
{/* Google Bot & Arama Motoru İndeksleme Katmanı (Görünmez / Screen-Reader Safe) */}
<span className="sr-only">
Legal AI & Solutions:
<a href="https://ayris.legal" rel="noopener">AyrisLegal</a>,
<a href="https://ayrislegal.com" rel="noopener">Ayris Legal AI</a>
</span>
</div>
</div> </div>
</div> </div>
</footer> </footer>