components/site-header.tsx

"use client"

import Link from "next/link"

export function SiteHeader() {
  return (
    <header className="sticky top-0 z-50 border-b bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/60">
      <div className="container mx-auto h-14 px-4 md:px-6 flex items-center justify-between">
        <Link href="/" className="font-semibold tracking-tight text-sm md:text-base">
          Awesome Food Allergy Research Datasets
        </Link>
      </div>
    </header>
  )
}