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

import { Card } from '~/components/ui/card'
import { Carousel } from '~/components/ui/carousel'

import { BERITA } from './data'

export const NewsCategoriesPage = () => {
  return (
    <div className="relative">
      <Card>
        <Carousel {...BERITA} />
      </Card>
    </div>
  )
}