export default async function Page({
  params,
}: {
  params: Promise<{ slug: string }>;
}) {
  const { slug } = await params;
  const { default: Post } = await import(`@/../public/pages/${slug}.mdx`);

  return (
    <div className="max-w-[1024px] mx-auto p-4 md:p-6 lg:p-8">
      <Post />
    </div>
  );
}

export function generateStaticParams() {
  return [{ slug: "welcome" }, { slug: "about" }];
}