ayrisdev/oludeniz-tur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
ayrisdev
2026-06-16 13:02:08 +03:00
commit 76af0683fd
51 changed files with 12923 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/Footer.tsx
+54
View File
@@ -0,0 +1,54 @@
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>
);
}
components/layout/Navbar.tsx
+62
View File
@@ -0,0 +1,62 @@
'use client';
import { Link } from '@/i18n/routing';
import { siteInfo } from '@/lib/data';
import { Phone, MapPin, Menu } from 'lucide-react';
import { useState } from 'react';
export function Navbar() {
const [isOpen, setIsOpen] = useState(false);
return (
<div className="fixed top-4 left-4 right-4 z-50">
<header className="container mx-auto bg-white/80 backdrop-blur-xl border border-white/20 shadow-lg rounded-2xl transition-all duration-300">
<div className="px-6 h-20 flex items-center justify-between">
<Link href="/" className="font-extrabold text-2xl text-deepblue-900 tracking-tighter flex items-center gap-2 hover:opacity-80 transition-opacity">
{siteInfo.name}
</Link>
{/* Desktop Nav */}
<nav className="hidden md:flex items-center gap-6">
<Link href="/" className="text-sm font-medium hover:text-turquoise-500 transition-colors">Ana Sayfa</Link>
<Link href="/hakkimizda" className="text-sm font-medium hover:text-turquoise-500 transition-colors">Hakkımızda</Link>
<Link href="/turlar" className="text-sm font-medium hover:text-turquoise-500 transition-colors">Turlar</Link>
<Link href="/aktiviteler" className="text-sm font-medium hover:text-turquoise-500 transition-colors">Aktiviteler</Link>
<Link href="/tekne-turlari" className="text-sm font-medium hover:text-turquoise-500 transition-colors">Tekne Turları</Link>
<Link href="/iletisim" className="text-sm font-medium hover:text-turquoise-500 transition-colors">İletişim</Link>
</nav>
<div className="hidden md:flex items-center gap-4">
<a href={siteInfo.phoneLink} className="flex items-center gap-2 text-sm font-semibold text-deepblue-900">
<Phone className="w-4 h-4 text-turquoise-500" />
{siteInfo.phone}
</a>
<a href={siteInfo.whatsappLink} target="_blank" rel="noreferrer" className="px-4 py-2 bg-vibrantorange-500 hover:bg-orange-600 text-white rounded-md text-sm font-medium transition-colors">
Rezervasyon
</a>
</div>
{/* Mobile Toggle */}
<button className="md:hidden p-2" onClick={() => setIsOpen(!isOpen)}>
<Menu className="w-6 h-6" />
</button>
</div>
{/* Mobile Nav */}
{isOpen && (
<div className="md:hidden border-t p-4 flex flex-col gap-4 bg-sandwhite-100">
<Link href="/" onClick={() => setIsOpen(false)} className="text-sm font-medium">Ana Sayfa</Link>
<Link href="/hakkimizda" onClick={() => setIsOpen(false)} className="text-sm font-medium">Hakkımızda</Link>
<Link href="/turlar" onClick={() => setIsOpen(false)} className="text-sm font-medium">Turlar</Link>
<Link href="/aktiviteler" onClick={() => setIsOpen(false)} className="text-sm font-medium">Aktiviteler</Link>
<Link href="/tekne-turlari" onClick={() => setIsOpen(false)} className="text-sm font-medium">Tekne Turları</Link>
<Link href="/iletisim" onClick={() => setIsOpen(false)} className="text-sm font-medium">İletişim</Link>
<a href={siteInfo.whatsappLink} className="mt-2 block text-center px-4 py-2 bg-vibrantorange-500 text-white rounded-md text-sm font-medium">
Rezervasyon
</a>
</div>
)}
</header>
</div>
);
}