Files
portfolio/app/page.tsx

30 lines
1.0 KiB
TypeScript

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>
);
}