legalgo-FE-reactrouter/app/pages/news/index.tsx

import React, { type FC, type PropsWithChildren } from 'react'

import { HeaderMenu } from './header-menu'
import { HeaderTop } from './header-top'

export const NewsPage: FC<PropsWithChildren> = ({ children }) => {
  return (
    <main className="min-h-dvh bg-[#ECECEC]">
      <header>
        <HeaderTop />
        <HeaderMenu />
      </header>
      <div className="mx-auto grid w-full max-w-[1340px] gap-y-[25px] bg-[#ECECEC] px-[50px] pt-[25px]">
        <img
          src="/images/banner.png"
          alt="banner"
          className="h-[100px] w-full object-contain"
        />
        <div className="border-[.2px] border-black bg-white p-[30px]">
          {children}
        </div>
      </div>
    </main>
  )
}