Navbar: always white, remove scroll effect
This commit is contained in:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user