"use client";

import HitView from "@/app/[language]/components/HitView";
import LatestCommentsView from "@/app/[language]/components/LatestCommentsView";
import LatestEnrolledAvatarsView from "@/app/[language]/components/LatestEnrolledAvatarsView";
import LatestEssaysView from "@/app/[language]/components/LatestEssaysView";
import LatestLoggedInAvatarsView from "@/app/[language]/components/LatestLoggedInAvatarsView";
import MainView from "@/app/[language]/components/MainView";
import WantInput from "@/app/[language]/want/components/WantInput";
import Col from "react-bootstrap/Col";
import Row from "react-bootstrap/Row";
import Stack from "react-bootstrap/Stack";

export default function Page() {
  return (
    <Stack gap={2}>
      <WantInput />
      <hr />
      <MainView />
      <hr />
      <HitView />
      <hr />
      <Row className="g-4">
        <Col xs={12} md={6}>
          <LatestEssaysView />
        </Col>
        <Col xs={12} md={6}>
          <LatestCommentsView />
        </Col>
      </Row>
      <hr />
      <Row className="g-4">
        <Col xs={12} md={6}>
          <LatestLoggedInAvatarsView />
        </Col>
        <Col xs={12} md={6}>
          <LatestEnrolledAvatarsView />
        </Col>
      </Row>
    </Stack>
  );
}
