3d-animation/app/page.tsx
2026-06-07 08:19:42 +08:00

18 lines
No EOL
520 B
TypeScript

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