Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/forms.index.tsx

@@ -0,0 +1,47 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { useState } from "react";
+import { ProtectedLayout } from "@/components/protected-layout";
+import { PageContainer, PageHeader } from "@/components/app-shell";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
+import { CustomFormBuilder } from "@/components/forms/custom-form-builder";
+import { LetterGenerator } from "@/components/forms/letter-generator";
+import { NolaForm } from "@/components/forms/nola-form";
+import { ItlForm } from "@/components/forms/itl-form";
+import { AffidavitForm } from "@/components/forms/affidavit-form";
+import { EstoppelForm } from "@/components/forms/estoppel-form";
+
+export const Route = createFileRoute("/forms/")({
+  component: FormsPage,
+});
+
+function FormsPage() {
+  const [tab, setTab] = useState("custom");
+  return (
+    <ProtectedLayout>
+      <PageContainer>
+        <PageHeader
+          title="Forms & Letters"
+          description="Generate notices, letters, and statutory forms wired to your clients and homeowners."
+        />
+        <Tabs value={tab} onValueChange={setTab}>
+          <TabsList className="flex-wrap h-auto">
+            <TabsTrigger value="custom">Custom Forms</TabsTrigger>
+            <TabsTrigger value="letters">Letters</TabsTrigger>
+            <TabsTrigger value="nola">NOLA</TabsTrigger>
+            <TabsTrigger value="itl">ITL</TabsTrigger>
+            <TabsTrigger value="affidavit">Affidavit</TabsTrigger>
+            <TabsTrigger value="estoppel">Estoppel</TabsTrigger>
+          </TabsList>
+          <div className="mt-6">
+            <TabsContent value="custom"><CustomFormBuilder /></TabsContent>
+            <TabsContent value="letters"><LetterGenerator /></TabsContent>
+            <TabsContent value="nola"><NolaForm /></TabsContent>
+            <TabsContent value="itl"><ItlForm /></TabsContent>
+            <TabsContent value="affidavit"><AffidavitForm /></TabsContent>
+            <TabsContent value="estoppel"><EstoppelForm /></TabsContent>
+          </div>
+        </Tabs>
+      </PageContainer>
+    </ProtectedLayout>
+  );
+}