angrybeanie-front-end/components/header.js

// components/Header.js
import Link from "next/link"

const headerStyle = {
    backgroundColor: "blue",
    color: "white",
    width: "100%",
    height: "50px"
  };
  
  const Header = () => (
    <div id="header">
      <div className="col-md-12">
        <a href="/" alt="Home">
          <img className="header_image img-fluid" src="/images/logo.png" alt="Angry Beanie" />
        </a>
      </div>
      <div className="col-md-12">
        Follow on <Link href="/feed/Angry-Beanie-feed.xml">RSS</Link>
      </div>
  </div>
  );
  
  export default Header;