'use client'

import CreateCrush from './CreateCrush'
import Header from './Header'
import MostChat from './MostChat'
import MostCrush from './MostCrush'
import MostGifted from './MostGifted'
import Recommend from './Recommend'
import StartChat from './StartChat'
import HomePageFooter from './HomePageFooter'
import MoreType from './MoreType'
import { HomeDataProvider } from '../context/HomeDataContext'

const HomePage = () => {
  return (
    <HomeDataProvider>
      <div className="text-txt-primary-normal relative px-16 pb-32">
        <div className="mx-auto max-w-[1136px]">
          <Header />
          <MostChat />
          <Recommend />
          <MostCrush />
          <StartChat />
          <MostGifted />
          <CreateCrush />
          <MoreType />
        </div>
      </div>
      <HomePageFooter />
    </HomeDataProvider>
  )
}

export default HomePage
