// Header.jsx
import React from 'react';

const Header = () => {
  return (
    <header className="sticky-top navbar navbar-expand-lg navbar-dark bg-black border-bottom border-punk px-0">
      <div className="container-fluid">
        <a href="/" className="navbar-brand d-flex align-items-center ms-3">
          
          <span className="text-punk fs-4 fw-bold">Панкуха</span>
        </a>

        <button className="navbar-toggler me-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
          <span className="navbar-toggler-icon"></span>
        </button>

        <div className="collapse navbar-collapse bg-black" id="navbarContent">
          <ul className="navbar-nav w-100 justify-content-end pe-4">
            <li className="nav-item">
              <a className="nav-link text-punk fw-bold" href="https://vk.com/kadyshevever">
                <i className="bi bi-people-fill me-1"></i>Контакты
              </a>
            </li>
          </ul>
        </div>
      </div>
    </header>
  );
};

export default Header;