'use client';
import dynamic from 'next/dynamic';

const ShowcaseCanvas = dynamic(
  () => import('@/components/three/ShowcaseCanvas'),
  { ssr: false }
);

export default function Home() {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-zinc-50 dark:bg-black p-8">
      <main className="w-full max-w-3xl flex flex-col gap-8">
        <ShowcaseCanvas />
        <h1 className="text-3xl font-semibold text-black dark:text-zinc-50">3D Showcase</h1>
      </main>
    </div>
  );
}