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 { Menu, X } from 'lucide-react'
|
||||||
import { useLanguage } from '../contexts/LanguageContext.jsx'
|
import { useLanguage } from '../contexts/LanguageContext.jsx'
|
||||||
|
|
||||||
export default function Navigation() {
|
export default function Navigation() {
|
||||||
const { t, lang, toggle } = useLanguage()
|
const { t, lang, toggle } = useLanguage()
|
||||||
const [scrolled, setScrolled] = useState(false)
|
|
||||||
const [menuOpen, setMenuOpen] = 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 = [
|
const links = [
|
||||||
{ label: t('nav.services'), href: '#services' },
|
{ label: t('nav.services'), href: '#services' },
|
||||||
{ label: t('nav.about'), href: '#about' },
|
{ label: t('nav.about'), href: '#about' },
|
||||||
@@ -20,7 +13,7 @@ export default function Navigation() {
|
|||||||
]
|
]
|
||||||
|
|
||||||
return (
|
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">
|
<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">
|
<a href="#" className="flex items-center">
|
||||||
<img src="/logo.png" alt="Сисадмингрупп" className="h-8 w-auto" />
|
<img src="/logo.png" alt="Сисадмингрупп" className="h-8 w-auto" />
|
||||||
|
|||||||
Reference in New Issue
Block a user