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

function Header() {
  return (
    <header className="header">
      <div className="header-content">
        <Link to="/" className="logo">
          Container Mom
        </Link>
        <nav className="nav-links">
          <Link to="/" className="nav-link">Home</Link>
          <Link to="/calculator" className="nav-link">Calculator</Link>
          <a href="https://portal.container.mom" className="nav-link">Portal</a>
          <a href="https://portal.container.mom/signup" className="signup-btn">Get Started</a>
        </nav>
      </div>
    </header>
  );
}

export default Header; 