"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="relative pb-32 text-txt-primary-normal px-16">
        <div className="max-w-[1136px] mx-auto">
          <Header />
          <MostChat />
          <Recommend />
          <MostCrush />
          <StartChat />
          <MostGifted />
          <CreateCrush />
          <MoreType />
        </div>
      </div>
      <HomePageFooter />
    </HomeDataProvider>
  );
} 

export default HomePage;