components/Header.js

export default function Header() {
  return (
    <header className="bg-primary text-white py-4">
      <div className="container mx-auto px-4 flex justify-between items-center">
        <div>
          <h1 className="text-2xl font-bold">ZimProjects</h1>
          <p className="text-sm">Construction News & Tenders</p>
        </div>
        <div className="hidden md:block">
          <p className="text-sm">Latest Zimbabwe construction updates</p>
        </div>
      </div>
    </header>
  )
}