web/src/app/(home)/layout.tsx

import {ReactNode} from 'react'
import Header from './header'
import Footer from './footer'

export type HomeLayoutProps = {
  children: ReactNode
}

export default function HomeLayout(props: HomeLayoutProps) {
  return (
    <div className="overflow-auto bg-blue-50 flex flex-col items-stretch relative">
      {/* 页头 */}
      <Header/>

      {/* 正文 */}
      {props.children}

      {/* 页脚 */}
      <Footer/>
    </div>
  )
}