components/site-footer.tsx

export function SiteFooter() {
  const year = new Date().getFullYear()
  return (
    <footer className="border-t">

      <div className="container mx-auto px-4 md:px-6 py-8 text-sm text-muted-foreground flex flex-col md:flex-row items-center justify-between gap-3">

        <p className="text-center md:text-left">© {year} Awesome Food Allergy Research Datasets</p>

        <p className="text-center md:text-left">Powered by Next.js, Tailwind CSS, and shadcn/ui</p>

      </div>

    </footer>
  )
}