components/Layout.js

import Header from './Header'
import Footer from './Footer'

export default function Layout({ children }) {
  return (
    <div className="min-h-screen bg-gray-50 flex flex-col">
      {/* Skip to content link for accessibility */}
      <a 
        href="#main-content" 
        className="skip-to-content"
        aria-label="Pular para o conteúdo principal"
      >
        Pular para o conteúdo
      </a>
      
      <Header />
      <div className="flex-grow" id="main-content" role="main">
        {children}
      </div>
      <Footer />
    </div>
  )
}