import { Section } from "@/components/section";

import { Heading } from "./_components/heading";

// import { Blog } from "../_components/blog";
import { AgentList } from "./_components/agent-list";
import { Footer } from "@/components/footer";
import { Suspense } from "react";

export default function Explore() {
  return (
    <>
      <Heading />
      <hr className="" />
      <div className="relative">
        <Suspense>
          <AgentList />
        </Suspense>
        <hr className="" />
        <div className="absolute -bottom-64 left-0 w-full bg-[url(/background-2.png)] bg-center pt-72">
          <Footer />
        </div>
      </div>
    </>
  );
}