feat(frontlit): add marketing site pages, theme and navigation

frontlit/pages/about.json

@@ -0,0 +1,93 @@
+{
+  "$schema": "https://frontlit.app/schema/page.v1.json",
+  "title": "About CourseLit: the open-source course platform",
+  "description": "CourseLit is built by CodeLit with one goal: an affordable, open-source alternative to costly course and membership platforms. Open source since 2019.",
+  "layout": [
+    {
+      "name": "hero",
+      "settings": {
+        "verticalPadding": "py-20",
+        "background": {
+          "type": "gradient",
+          "backgroundImage": "linear-gradient(90deg, transparent 0 calc(max(12px, 7% - 60px) - 1px), rgba(198,91,76,.38) calc(max(12px, 7% - 60px) - 1px) calc(max(12px, 7% - 60px) + 1px), transparent calc(max(12px, 7% - 60px) + 1px)), repeating-linear-gradient(180deg, transparent 0 35px, rgba(38,29,22,.075) 35px 36px), radial-gradient(60% 70% at 85% 0%, rgba(207,123,38,.10), transparent 70%)",
+          "backgroundImageDark": "linear-gradient(90deg, transparent 0 calc(max(12px, 7% - 60px) - 1px), rgba(235,131,115,.35) calc(max(12px, 7% - 60px) - 1px) calc(max(12px, 7% - 60px) + 1px), transparent calc(max(12px, 7% - 60px) + 1px)), repeating-linear-gradient(180deg, transparent 0 35px, rgba(235,231,226,.06) 35px 36px), radial-gradient(60% 70% at 85% 0%, rgba(230,160,92,.08), transparent 70%)",
+          "gradientBackgroundSize": "100% 100%, 100% 36px, 100% 100%",
+          "gradientBackgroundRepeat": "repeat",
+          "gradientMaskImage": "linear-gradient(black 75%, transparent)"
+        },
+        "layout": "centered",
+        "preTitle": "About CourseLit",
+        "title": "The *WordPress* of course and membership platforms",
+        "description": "We are building a modern, open-source alternative to costly course platforms, one that stays affordable and that you can take with you.",
+        "buttonCaption": "",
+        "buttonAction": "",
+        "secondaryButtonCaption": "",
+        "secondaryButtonAction": "",
+        "smallPrint": ""
+      }
+    },
+    {
+      "name": "content",
+      "settings": {
+        "cssId": "problem",
+        "title": "Why we built it",
+        "body": "Established course platforms often charge high monthly fees, which is hard on solo creators and small businesses, especially those bootstrapping or working in emerging markets.\n\nEssential features such as certificates, subscriptions or your own payment gateway are often locked behind expensive tiers. And proprietary platforms control your data, branding and features, so you carry the risk if prices rise or the platform shuts down."
+      }
+    },
+    {
+      "name": "featured",
+      "settings": {
+        "cssId": "principles",
+        "layout": "grid",
+        "title": "Two commitments",
+        "description": "Affordability and freedom.",
+        "items": [
+          {
+            "title": "Affordable",
+            "description": "Core functionality should not be a premium add-on. The essential tools live in one Pro plan, so a solo creator can launch without financial strain.",
+            "icon": "Wallet"
+          },
+          {
+            "title": "Open source",
+            "description": "The code is public on GitHub. If the company behind CourseLit ever stopped, anyone could still use, extend or fork it.",
+            "icon": "Unlock"
+          },
+          {
+            "title": "Community-driven",
+            "description": "Developers can contribute code, docs and ideas on GitHub, so the platform follows what creators need.",
+            "icon": "Users"
+          }
+        ]
+      }
+    },
+    {
+      "name": "content",
+      "settings": {
+        "cssId": "story",
+        "title": "Built by CodeLit, in the open",
+        "body": "CourseLit is built by CodeLit and has been open source since 2019. It was started by Rajat Saxena.\n\nYou can use CourseLit on our cloud, or self-host it. Technical users can run the whole stack at no licence cost, and the project's code lives on [GitHub](https://github.com/codelitdev/courselit).\n\n[Learn about open source](/open-source)",
+        "alignment": "right"
+      }
+    },
+    {
+      "name": "content",
+      "settings": {
+        "cssId": "community",
+        "title": "Join the community",
+        "body": "Get help, request features or just say hello in the CourseLit community on [Discord](https://discord.com/invite/GR4bQsN). Contributions on [GitHub](https://github.com/codelitdev/courselit) are welcome too."
+      }
+    },
+    {
+      "name": "banner",
+      "settings": {
+        "layout": "boxed",
+        "title": "See what CourseLit can do",
+        "description": "Explore the features, or try CourseLit free for 14 days. No card needed.",
+        "buttonCaption": "See the features",
+        "buttonAction": "/features",
+        "secondaryButtonCaption": "Start free trial",
+        "secondaryButtonAction": "https://app.courselit.cluster.clqa.site"
+      }
+    }
+  ]
+}

frontlit/pages/blog.json

@@ -1,6 +1,31 @@
 {
   "$schema": "https://frontlit.app/schema/page.v1.json",
+  "title": "CourseLit blog",
+  "description": "News, guides and stories about teaching and selling online with CourseLit.",
   "layout": [
+    {
+      "name": "hero",
+      "settings": {
+        "verticalPadding": "py-20",
+        "background": {
+          "type": "gradient",
+          "backgroundImage": "linear-gradient(90deg, transparent 0 calc(max(12px, 7% - 60px) - 1px), rgba(198,91,76,.38) calc(max(12px, 7% - 60px) - 1px) calc(max(12px, 7% - 60px) + 1px), transparent calc(max(12px, 7% - 60px) + 1px)), repeating-linear-gradient(180deg, transparent 0 35px, rgba(38,29,22,.075) 35px 36px), radial-gradient(60% 70% at 85% 0%, rgba(207,123,38,.10), transparent 70%)",
+          "backgroundImageDark": "linear-gradient(90deg, transparent 0 calc(max(12px, 7% - 60px) - 1px), rgba(235,131,115,.35) calc(max(12px, 7% - 60px) - 1px) calc(max(12px, 7% - 60px) + 1px), transparent calc(max(12px, 7% - 60px) + 1px)), repeating-linear-gradient(180deg, transparent 0 35px, rgba(235,231,226,.06) 35px 36px), radial-gradient(60% 70% at 85% 0%, rgba(230,160,92,.08), transparent 70%)",
+          "gradientBackgroundSize": "100% 100%, 100% 36px, 100% 100%",
+          "gradientBackgroundRepeat": "repeat",
+          "gradientMaskImage": "linear-gradient(black 75%, transparent)"
+        },
+        "layout": "centered",
+        "preTitle": "Blog",
+        "title": "Notes on teaching and *selling online*",
+        "description": "Product news, guides and lessons from running online schools.",
+        "buttonCaption": "",
+        "buttonAction": "",
+        "secondaryButtonCaption": "",
+        "secondaryButtonAction": "",
+        "smallPrint": ""
+      }
+    },
     {
       "name": "content-feed"
     }

frontlit/pages/changelog.json

@@ -1,6 +1,31 @@
 {
   "$schema": "https://frontlit.app/schema/page.v1.json",
+  "title": "CourseLit changelog",
+  "description": "Every CourseLit release: new features, improvements and fixes, newest first.",
   "layout": [
+    {
+      "name": "hero",
+      "settings": {
+        "verticalPadding": "py-20",
+        "background": {
+          "type": "gradient",
+          "backgroundImage": "linear-gradient(90deg, transparent 0 calc(max(12px, 7% - 60px) - 1px), rgba(198,91,76,.38) calc(max(12px, 7% - 60px) - 1px) calc(max(12px, 7% - 60px) + 1px), transparent calc(max(12px, 7% - 60px) + 1px)), repeating-linear-gradient(180deg, transparent 0 35px, rgba(38,29,22,.075) 35px 36px), radial-gradient(60% 70% at 85% 0%, rgba(207,123,38,.10), transparent 70%)",
+          "backgroundImageDark": "linear-gradient(90deg, transparent 0 calc(max(12px, 7% - 60px) - 1px), rgba(235,131,115,.35) calc(max(12px, 7% - 60px) - 1px) calc(max(12px, 7% - 60px) + 1px), transparent calc(max(12px, 7% - 60px) + 1px)), repeating-linear-gradient(180deg, transparent 0 35px, rgba(235,231,226,.06) 35px 36px), radial-gradient(60% 70% at 85% 0%, rgba(230,160,92,.08), transparent 70%)",
+          "gradientBackgroundSize": "100% 100%, 100% 36px, 100% 100%",
+          "gradientBackgroundRepeat": "repeat",
+          "gradientMaskImage": "linear-gradient(black 75%, transparent)"
+        },
+        "layout": "centered",
+        "preTitle": "Changelog",
+        "title": "What's new in *CourseLit*",
+        "description": "New features, improvements and fixes, newest first.",
+        "buttonCaption": "",
+        "buttonAction": "",
+        "secondaryButtonCaption": "",
+        "secondaryButtonAction": "",
+        "smallPrint": ""
+      }
+    },
     {
       "name": "content-feed"
     }