import React from 'react';
import { Link, useNavigate } from 'react-router-dom';
import './Header.css';

function Header(){
    return(
        <header>
            <div className='container'>
                <div className='logo'> 
                    <img src={process.env.PUBLIC_URL + '/images/Logo(Nav) (1).png'} alt='изображение' />
                    <span>KeyNest</span>
                </div>
                <nav className='menu'>
                    <a>Home</a>
                    <a>About</a>
                    <a>Rentals</a>
                    <a>Contact</a>
                </nav>
                <button className='login-button'>Login</button>
            </div>
        </header>
    )
}

export default Header;