Navbar: always white, remove scroll effect

This commit is contained in:
2026-03-14 02:33:52 +03:00
parent ba784bb5ec
commit 0804264d3b

View File

@@ -1,18 +1,11 @@
import React, { useState, useEffect } from 'react'
import React, { useState } from 'react'
import { Menu, X } from 'lucide-react'
import { useLanguage } from '../contexts/LanguageContext.jsx'
export default function Navigation() {
const { t, lang, toggle } = useLanguage()
const [scrolled, setScrolled] = useState(false)
const [menuOpen, setMenuOpen] = useState(false)
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 40)
window.addEventListener('scroll', onScroll)
return () => window.removeEventListener('scroll', onScroll)
}, [])
const links = [
{ label: t('nav.services'), href: '#services' },
{ label: t('nav.about'), href: '#about' },
@@ -20,7 +13,7 @@ export default function Navigation() {
]
return (
<header className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${scrolled ? 'bg-white/95 backdrop-blur shadow-sm' : 'bg-transparent'}`}>
<header className="fixed top-0 left-0 right-0 z-50 bg-white shadow-sm">
<div className="max-w-6xl mx-auto px-4 sm:px-6 h-16 flex items-center justify-between">
<a href="#" className="flex items-center">
<img src="/logo.png" alt="Сисадмингрупп" className="h-8 w-auto" />