import Head from 'next/head'

export default function Layout({ children }) {
  return (
    <div className="min-h-screen bg-gray-50">
      <Head>
        <title>BSBS Implementation Notebook</title>
        <meta name="description" content="Baltimore Solar & Battery Service Implementation Notebook" />
        <link rel="icon" href="/favicon.ico" />
      </Head>

      <header className="bg-green-700 text-white shadow-md">
        <div className="container mx-auto px-4 py-6">
          <div className="flex justify-between items-center">
            <h1 className="text-2xl font-bold">BSBS Implementation Notebook</h1>
            <a 
              href="https://huggingface.co/spaces/akhaliq/anycoder" 
              className="text-sm hover:underline"
              target="_blank"
              rel="noopener noreferrer"
            >
              Built with anycoder
            </a>
          </div>
        </div>
      </header>

      <main className="container mx-auto px-4 py-8">
        {children}
      </main>
    </div>
  )
}