page.jsx

import { withHydration, HydrationData } from "pool-attendant-preact";

import Header from "@components/header";
import Content from "@components/content";
import TwitterFeed from "@components/twitterFeed";
import Poll from "@components/poll";
import SmallBox from "@components/smallBox";
import LargeBox from "@components/smallBox";

const HydratedTwitterFeed = withHydration(TwitterFeed);
const HydratedPoll = withHydration(Poll);

export default function Home() {
  return (
    <Layout>
      <Header />
      <Content />
      <HydratedTwitterFeed />
      <HydratedPoll />
      <SmallBox />
      <LargeBox />
      <HydrationData />
    </Layout>
  );
}