Fixes #3967 Adds New Storybook Navigation Structure

frontend/.storybook/preview.tsx

@@ -25,12 +25,16 @@ const parameters = {
     storySort: {
       method: "alphabetical",
       order: [
+        "About",
+        "Brand",
+        "Core Components",
         "Welcome",
         "Core",
         // Storybook infers the title when not explicitly set, but is case-sensitive
         // so we need to explicitly set both casings here for this to properly sort.
         "Components",
         "components",
+        "Features",
         "Templates",
         "Pages",
         "pages",

frontend/stories/about/implementation-guide.mdx

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="About/Implementation Guide" />
+
+# Simpler.Grants.Gov Component Implementation Guide

frontend/stories/about/welcome.mdx

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="About/Welcome" />
+
+# Welcome to Simpler.Grants.Gov Design System Storybook

frontend/stories/brand/colors.mdx

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Brand/Colors" />
+
+# Welcome to Simpler.Grants.Gov Colors

frontend/stories/brand/logo.mdx

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Brand/Logo" />
+
+# Simpler.Grants.Gov Logo

frontend/stories/components/Button.stories.tsx → frontend/stories/core-components/Button.stories.tsx

@@ -3,7 +3,7 @@ import { Meta } from "@storybook/react";
 import { Button } from "@trussworks/react-uswds";
 
 const meta: Meta<typeof Button> = {
-  title: "Components/Button",
+  title: "Core Components/Button",
   component: Button,
   args: {
     children: "Save",

frontend/stories/core-components/guidance.mdx

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Core Components/Guidance" />
+
+# Simpler.Grants.Gov Core Components Guidance

frontend/stories/features/templates.mdx

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Features/Templates" />
+
+# Simpler.Grants.Gov Templates

frontend/stories/features/workflows.mdx

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Features/Workflows" />
+
+# Simpler.Grants.Gov Workflows

frontend/stories/guidance/docs.mdx

@@ -0,0 +1,5 @@
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Guidance/Docs" />
+
+# Simpler.Grants.Gov Guidance Docs

frontend/stories/pages/notfound.stories.tsx

@@ -0,0 +1,11 @@
+import { Meta } from "@storybook/react";
+import NotFound from "src/app/[locale]/not-found";
+
+const meta: Meta<typeof NotFound> = {
+  title: "Pages/Not Found",
+  component: NotFound,
+};
+
+export default meta;
+
+export const Default = {};