import { SiteHeader } from './site-header'
import { SiteFooter } from './site-footer'

export function MarketingLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="relative flex h-auto min-h-screen w-full flex-col overflow-x-hidden">
      <SiteHeader />
      <main className="flex-1 flex flex-col pt-16">
        {children}
      </main>
      <SiteFooter />
    </div>
  )
}