import { useState, useEffect } from "react"; import { Phone, Mail, MapPin, Menu, X } from "lucide-react"; export function Header() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [activeSection, setActiveSection] = useState("home"); const navigation = [ { name: "Главная", href: "#home" }, { name: "Услуги", href: "#services" }, { name: "Портфолио", href: "#portfolio" }, { name: "О компании", href: "#about" }, { name: "Контакты", href: "#contact" }, ]; useEffect(() => { const handleScroll = () => { const sections = ["home", "services", "portfolio", "about", "contact"]; const scrollPosition = window.scrollY + 100; for (const section of sections) { const element = document.getElementById(section); if (element) { const offsetTop = element.offsetTop; const offsetHeight = element.offsetHeight; if (scrollPosition >= offsetTop && scrollPosition < offsetTop + offsetHeight) { setActiveSection(section); break; } } } }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); const scrollToSection = (href: string) => { const id = href.replace("#", ""); const element = document.getElementById(id); if (element) { const offset = 80; const elementPosition = element.offsetTop - offset; window.scrollTo({ top: elementPosition, behavior: "smooth", }); } setMobileMenuOpen(false); }; return ( <> {/* Top Bar */}
Москва, пр. Старопетровский, д. 1
{/* Header */}
{/* Mobile Navigation */} {mobileMenuOpen && ( )}
); }

Каталог

По вашему запросу ничего не найдено
Напишите нам
Запрос успешно отправлен!
Имя *
Телефон *
Сообщение *
Предзаказ
Предзаказ успешно отправлен!
Имя *
Телефон *
Заявка

Настоящим подтверждаю, что я ознакомлен и согласен с условиями оферты и политики конфиденциальности.

Оформление заказа

Настоящим подтверждаю, что я ознакомлен и согласен с условиями оферты и политики конфиденциальности.