import React from 'react';
import { Link } from 'react-router-dom';

export const Navbar: React.FC = () => {
  return (
    <header className="navbar">
      <div className="container navbar-inner">
        <Link to="/" className="navbar-logo">
          <span className="navbar-logo-mark">G</span>
          <span className="navbar-logo-text">GUARDiA Solutions</span>
        </Link>
        <nav className="navbar-nav">
          <Link to="/catalog" className="navbar-link">전체 솔루션</Link>
          <a
            className="navbar-cta"
            href="https://zioinfo.co.kr:8443"
            target="_blank"
            rel="noreferrer"
          >
            ITSM 바로가기
          </a>
        </nav>
      </div>
    </header>
  );
};

export default Navbar;
