import { Suspense } from "react";
import SettingsSubmit from "@/app/components/forms/SettingsSubmit";

export const dynamic = "force-dynamic"; // keeps this page from being statically prerendered

export default function Page() {
  return (
    <div className="px-4 py-8 max-w-5xl mx-auto">
      <h1 className="text-2xl font-bold mb-2">Community Laser Settings Submission</h1>
      <p className="text-muted-foreground mb-6">
        Contribute tested settings. Submissions are reviewed before publishing.
      </p>

      <Suspense fallback={<div className="text-sm text-muted-foreground">Loading form…</div>}>
        <SettingsSubmit />
      </Suspense>
    </div>
  );
}