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

fix: adjust modal layout, improve image ratio, remove price fields, update next.config

Browse Source
This commit is contained in:
ayrisdev
2026-06-10 03:41:22 +03:00
parent e55074cf31
commit a09200ce63
7 changed files with 54 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Navbar.tsx
+23 -29
View File
@@ -9,16 +9,16 @@ import { Menu, X, Globe } from "lucide-react";
const navLinks = [
// { name: "Odalar", href: "/odalar" },
{ name: "Aktiviteler",href: "/aktiviteler"},
{ name: "Restoran", href: "/restoran" },
{ name: "Etkinlikler",href: "/etkinlikler"},
{ name: "Galeri", href: "/galeri" },
{ name: "Aktiviteler", href: "/aktiviteler" },
{ name: "Restoran", href: "/restoran" },
{ name: "Etkinlikler", href: "/etkinlikler" },
{ name: "Hakkımızda", href: "/hakkimizda" },
{ name: "İletişim", href: "/iletisim" },
{ name: "İletişim", href: "/iletisim" },
];
export default function Navbar() {
const [isOpen, setIsOpen] = useState(false);
const [isOpen, setIsOpen] = useState(false);
const [scrolled, setScrolled] = useState(false);
const pathname = usePathname();
@@ -46,22 +46,21 @@ export default function Navbar() {
return (
<nav
className={`fixed top-0 left-0 right-0 z-50 transition-all duration-500 ${
scrolled
className={`fixed top-0 left-0 right-0 z-50 transition-all duration-500 ${scrolled
? "bg-white/95 backdrop-blur-md shadow-sm py-4"
: "bg-transparent py-6"
}`}
}`}
>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center">
{/* Logo */}
<Link href="/" className="flex-shrink-0 flex items-center group">
<Image
src="/logo.png"
alt="Kite Beach Logo"
width={140}
height={48}
<Image
src="/logo.png"
alt="Kite Beach Logo"
width={140}
height={48}
className={`object-contain transition-all duration-300 ${!scrolled && isHome ? 'brightness-0 invert' : ''}`}
priority
/>
@@ -75,19 +74,17 @@ export default function Navbar() {
<Link
key={link.name}
href={link.href}
className={`text-[13px] font-medium transition-colors relative group ${
scrolled
className={`text-[13px] font-medium transition-colors relative group ${scrolled
? active ? "text-primary" : "text-foreground hover:text-primary"
: isHome
? active ? "text-accent" : "text-white/85 hover:text-white"
: active ? "text-primary" : "text-foreground hover:text-primary"
}`}
}`}
>
{link.name}
<span
className={`absolute -bottom-0.5 left-0 h-px bg-current transition-all duration-300 ${
active ? "w-full" : "w-0 group-hover:w-full"
}`}
className={`absolute -bottom-0.5 left-0 h-px bg-current transition-all duration-300 ${active ? "w-full" : "w-0 group-hover:w-full"
}`}
/>
</Link>
);
@@ -103,13 +100,12 @@ export default function Navbar() {
{/* Lang Toggle */}
<Link
href={getToggleHref()}
className={`flex items-center gap-1.5 text-[11px] font-bold tracking-[0.12em] uppercase transition-colors hover:text-accent ${
scrolled
className={`flex items-center gap-1.5 text-[11px] font-bold tracking-[0.12em] uppercase transition-colors hover:text-accent ${scrolled
? "text-dark"
: isHome
? "text-white"
: "text-dark"
}`}
}`}
>
<Globe size={14} />
<span>{currentLang === "tr" ? "EN" : "TR"}</span>
@@ -119,9 +115,8 @@ export default function Navbar() {
{/* Mobile toggle */}
<button
onClick={() => setIsOpen(!isOpen)}
className={`flex md:hidden p-1 transition-colors ${
scrolled ? "text-dark" : isHome ? "text-white" : "text-dark"
}`}
className={`flex md:hidden p-1 transition-colors ${scrolled ? "text-dark" : isHome ? "text-white" : "text-dark"
}`}
aria-label="Menü"
>
{isOpen ? <X size={26} /> : <Menu size={26} />}
@@ -150,9 +145,8 @@ export default function Navbar() {
>
<Link
href={link.href}
className={`block py-3 text-base font-medium border-b border-sand/60 transition-colors ${
pathname === link.href ? "text-primary" : "text-dark hover:text-primary"
}`}
className={`block py-3 text-base font-medium border-b border-sand/60 transition-colors ${pathname === link.href ? "text-primary" : "text-dark hover:text-primary"
}`}
>
{link.name}
</Link>