Implement how it works page

messages/en/components/cardSteps.json

@@ -2,6 +2,7 @@
   "_comment": "CardSteps section defaults (shared across pages)",
   "titleLg": "How CommunityRule helps",
   "buttons": {
-    "seeHowItWorks": "See how it works"
+    "seeHowItWorks": "See how it works",
+    "seeHowItWorksHref": "/how-it-works"
   }
 }

messages/en/index.ts

@@ -17,6 +17,7 @@ import templates from "./pages/templates.json";
 import learn from "./pages/learn.json";
 import about from "./pages/about.json";
 import useCases from "./pages/useCases.json";
+import howItWorks from "./pages/howItWorks.json";
 import monitor from "./pages/monitor.json";
 import login from "./pages/login.json";
 import profile from "./pages/profile.json";
@@ -80,6 +81,7 @@ export default {
     learn,
     about,
     useCases,
+    howItWorks,
     monitor,
     login,
     profile,

messages/en/metadata.json

@@ -19,5 +19,15 @@
       "community governance",
       "operating manual"
     ]
+  },
+  "howItWorks": {
+    "title": "A Guide to CommunityRule — CommunityRule",
+    "description": "CommunityRule is a modular governance toolkit designed to help democratic groups build, customize, and publish their own Operating Manual.",
+    "keywords": [
+      "how it works",
+      "community governance",
+      "operating manual",
+      "decision-making"
+    ]
   }
 }

messages/en/pages/home.json

@@ -5,7 +5,7 @@
     "subtitle": "with clarity",
     "description": "Help your community make important decisions in a way that reflects its unique values.",
     "ctaText": "Learn how CommunityRule works",
-    "ctaHref": "#"
+    "ctaHref": "/how-it-works"
   },
   "cardSteps": {
     "title": "How CommunityRule works",