export const dynamic = "force-dynamic";
export const revalidate = 0;

import Hero from "@/components/hero";
import FeaturedProjects from "@/components/featured-projects";
import Footer from "@/components/footer";

export default function HomePage() {
  return (
    <main className="min-h-screen bg-white relative">
      {/* Ambient “liquid” light */}
      <div className="pointer-events-none absolute inset-0">
        <div className="absolute -top-40 -left-40 h-[520px] w-[520px] rounded-full bg-black/5 blur-3xl" />
        <div className="absolute -bottom-40 -right-40 h-[520px] w-[520px] rounded-full bg-black/5 blur-3xl" />
        <div className="pointer-events-none absolute inset-0 opacity-[0.06] mix-blend-soft-light"
     style={{ backgroundImage: "public/noise.png" }} />
      </div>
      <div className="relative mx-auto max-w-6xl px-6 py-10">
        <Hero />
        <div className="mt-14" id="projects">
          <FeaturedProjects />
        </div>
        <div className="mt-16">
          <Footer />
        </div>
      </div>
    </main>
  );
}
