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

import { BERITA, KAJIAN, SPOTLIGHT } from './data'

export const NewsPage = () => {
  return (
    <div className="relative">
      <Card>
        <Carousel {...SPOTLIGHT} />
      </Card>
      <Newsletter />
      <Card>
        <Carousel {...BERITA} />
      </Card>
      <Card>
        <Carousel {...KAJIAN} />
      </Card>
    </div>
  )
}
