import Header from "../components/Header";
import Hero from "../components/Hero";
import Features from "../components/Features";
import Roadmap from "../components/Roadmap";
import Tools from "../components/Tools";
import Community from "../components/Community";
import Footer from "../components/Footer";
import { getThemeToolsData, getResourceData } from "../lib/theme-data";

export default async function HomePage() {
  const [toolsData, resourceData] = await Promise.all([
    getThemeToolsData(),
    getResourceData(),
  ]);

  return (
    <>
      <Header />
      <main>
        <Hero />
        <Features />
        <Roadmap />
        <Tools data={toolsData} />
        <Community resourceData={resourceData} />
      </main>
      <Footer />
    </>
  );
}
