import { Hero } from "./_components/hero";
import { Features } from "./_components/features";
import { CTA } from "./_components/cta";
import { Tokenomics } from "./_components/tokenomics";
import { Roadmap } from "./_components/roadmap";

import { Footer } from "@/components/footer";

export default function Home() {
  return (
    <>
      <div className="bg-[url(/background-1.png)]">
        <Hero />
        <Features />
        <hr className="" />
      </div>
      <Tokenomics />
      <hr className="" />
      <Roadmap />
      <hr className="" />
      <div className="bg-[url(/background-2.png)] bg-bottom">
        <CTA />
        <hr className="" />
        <Footer />
      </div>
    </>
  );
}
