Rebuild the About page from the current marketing frames, and leave the unapproved sentences off the page.

Co-authored-by: Cursor <cursoragent@cursor.com>

stories/sections/Accordion.stories.js

@@ -1,5 +1,4 @@
 import FaqAccordion from "../../app/components/sections/Accordion";
-import about from "../../messages/en/pages/about.json";
 
 export default {
   title: "Components/Sections/Accordion",
@@ -32,7 +31,17 @@ export default {
 
 export const Default = {
   args: {
-    title: about.faq.title,
-    items: about.faq.items,
+    title: "Get answers to your questions",
+    items: [
+      {
+        title: "What is CommunityRule, and who is it for?",
+        answer:
+          "CommunityRule helps groups write operating manuals that reflect their values and decision-making needs.",
+      },
+      {
+        title: "Is CommunityRule free to use?",
+        answer: "Yes. You can explore templates and draft rules without a subscription.",
+      },
+    ],
   },
 };

stories/sections/Book.stories.js

@@ -5,8 +5,6 @@ import {
   governanceBookletPath,
   structureBeforeCrisisPath,
 } from "../../lib/assetUtils";
-import messages from "../../messages/en/pages/about.json";
-
 export default {
   title: "Components/Sections/Book",
   component: Book,
@@ -16,27 +14,26 @@ export default {
   },
 };
 
-const structureBeforeCrisis = messages.structureBeforeCrisis;
-const communityRules = messages.communityRules;
-
 export const Default = {
   args: {
-    title: structureBeforeCrisis.title,
-    description: structureBeforeCrisis.description,
-    buttonText: structureBeforeCrisis.buttonText,
+    title: "Get Structure Before Crisis",
+    description:
+      "Structure Before Crisis is a collection of organizing patterns that help mutual aid groups lay the groundwork to build new worlds.",
+    buttonText: "Download Book",
     buttonHref: getAssetPath(structureBeforeCrisisPath()),
     imageSrc: getAssetPath(ASSETS.STRUCTURE_BEFORE_CRISIS_COVER),
-    imageAlt: structureBeforeCrisis.imageAlt,
+    imageAlt: "Structure Before Crisis book cover",
   },
 };
 
 export const CommunityRules = {
   args: {
-    title: communityRules.title,
-    description: communityRules.description,
-    buttonText: communityRules.buttonText,
+    title: "Get the Community Rules Book",
+    description:
+      "Community Rules is a simple tool to help make great communities even better and healthier.",
+    buttonText: "Download Book",
     buttonHref: getAssetPath(governanceBookletPath()),
     imageSrc: getAssetPath(ASSETS.COMMUNITY_RULES_COVER),
-    imageAlt: communityRules.imageAlt,
+    imageAlt: "Community Rules book cover",
   },
 };

stories/sections/CenteredHeader.stories.js

@@ -0,0 +1,12 @@
+import CenteredHeader from "../../app/components/sections/CenteredHeader";
+
+export default {
+  title: "Components/Sections/CenteredHeader",
+  component: CenteredHeader,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: { default: "dark" },
+  },
+};
+
+export const Default = {};

stories/sections/Credits.stories.js

@@ -0,0 +1,12 @@
+import Credits from "../../app/components/sections/Credits";
+
+export default {
+  title: "Components/Sections/Credits",
+  component: Credits,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: { default: "dark" },
+  },
+};
+
+export const Default = {};

stories/sections/FourQuestions.stories.js

@@ -0,0 +1,12 @@
+import FourQuestions from "../../app/components/sections/FourQuestions";
+
+export default {
+  title: "Components/Sections/FourQuestions",
+  component: FourQuestions,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: { default: "dark" },
+  },
+};
+
+export const Default = {};

stories/sections/History.stories.js

@@ -0,0 +1,12 @@
+import History from "../../app/components/sections/History";
+
+export default {
+  title: "Components/Sections/History",
+  component: History,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: { default: "dark" },
+  },
+};
+
+export const Default = {};

stories/sections/NarrativeBlock.stories.js

@@ -0,0 +1,12 @@
+import NarrativeBlock from "../../app/components/sections/NarrativeBlock";
+
+export default {
+  title: "Components/Sections/NarrativeBlock",
+  component: NarrativeBlock,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: { default: "dark" },
+  },
+};
+
+export const Default = {};

stories/sections/ParticipantSelection.stories.js

@@ -0,0 +1,12 @@
+import ParticipantSelection from "../../app/components/sections/ParticipantSelection";
+
+export default {
+  title: "Components/Sections/ParticipantSelection",
+  component: ParticipantSelection,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: { default: "dark" },
+  },
+};
+
+export const Default = {};

stories/sections/RebuildProcess.stories.js

@@ -0,0 +1,12 @@
+import RebuildProcess from "../../app/components/sections/RebuildProcess";
+
+export default {
+  title: "Components/Sections/RebuildProcess",
+  component: RebuildProcess,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: { default: "dark" },
+  },
+};
+
+export const Default = {};

stories/sections/YourTurn.stories.js

@@ -0,0 +1,12 @@
+import YourTurn from "../../app/components/sections/YourTurn";
+
+export default {
+  title: "Components/Sections/YourTurn",
+  component: YourTurn,
+  parameters: {
+    layout: "fullscreen",
+    backgrounds: { default: "dark" },
+  },
+};
+
+export const Default = {};

stories/type/TripleTextBlock.stories.js

@@ -1,5 +1,4 @@
 import TripleTextBlock from "../../app/components/type/TripleTextBlock";
-import messages from "../../messages/en/pages/about.json";
 
 export default {
   title: "Components/Type/TripleTextBlock",
@@ -9,6 +8,31 @@ export default {
 
 export const Default = {
   args: {
-    columns: messages.tripleTextBlock.columns,
+    columns: [
+      {
+        title: "Share Leadership and Prevent Burnout",
+        description:
+          "Rotating roles and setting clear expectations for contributions can prevent a few people from taking on too much.",
+        lgTitle: "Frameworks for Community Governance",
+        lgDescription:
+          "CommunityRule provides customizable templates that help communities define decision-making structures.",
+      },
+      {
+        title: "Establish Transparent, Inclusive Decision-Making",
+        description:
+          "Deciding early on how your group makes choices can prevent confusion.",
+        lgTitle: "Empowering Self-Governance",
+        lgDescription:
+          "The platform enables communities to foster transparency and accountability.",
+      },
+      {
+        title: "Address Conflicts Before They Grow",
+        description:
+          "A basic conflict resolution process can prevent disputes from escalating.",
+        lgTitle: "Flexible & Open-Source Approach",
+        lgDescription:
+          "Users can modify existing governance templates or create their own.",
+      },
+    ],
   },
 };