Add crude pricing page

packages/docusaurus/docs/11-professional.md

@@ -1,5 +0,0 @@
-import PricingComponent from "@site/src/components/PricingComponent";
-
-# Professional Access
-
-<PricingComponent />

packages/docusaurus/docusaurus.config.ts

@@ -46,22 +46,22 @@ const config: Config = {
           //   editUrl:
           //     'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
         },
-        blog: false,
-        // blog: {
-        //   showReadingTime: true,
-        //   feedOptions: {
-        //     type: ['rss', 'atom'],
-        //     xslt: true,
-        //   },
-        //   // Please change this to your repo.
-        //   // Remove this to remove the "edit this page" links.
-        // //   editUrl:
-        // //     'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
-        //   // Useful options to enforce blogging best practices
-        //   onInlineTags: 'warn',
-        //   onInlineAuthors: 'warn',
-        //   onUntruncatedBlogPosts: 'warn',
-        // },
+        // blog: false,
+        blog: {
+          showReadingTime: true,
+          feedOptions: {
+            type: ['rss', 'atom'],
+            xslt: true,
+          },
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+        //   editUrl:
+        //     'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
+          // Useful options to enforce blogging best practices
+          onInlineTags: 'warn',
+          onInlineAuthors: 'warn',
+          onUntruncatedBlogPosts: 'warn',
+        },
         theme: {
           customCss: "./src/css/custom.css"
         }
@@ -98,13 +98,13 @@ const config: Config = {
         src: "img/pangolin_orange.svg"
       },
       items: [
-        // {
-        //   type: "docSidebar",
-        //   sidebarId: "tutorialSidebar",
-        //   position: "left",
-        //   label: "Docs",
-        // },
-        // {to: '/blog', label: 'Blog', position: 'left'},
+        {
+          type: "docSidebar",
+          sidebarId: "tutorialSidebar",
+          position: "left",
+          label: "Docs",
+        },
+        {to: '/pricing', label: 'Pricing', position: 'left'},
         {
           href: "https://fossorial.io",
           label: "fossorial.io",

packages/docusaurus/src/pages/pricing.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import Layout from '@theme/Layout';
 
 const PricingComponent = () => {
   const [siteCount, setSiteCount] = useState(1);
@@ -27,7 +28,8 @@ const PricingComponent = () => {
   };
   
   return (
-    <>
+
+    <Layout title="Hello" description="Hello React Page">
       <div style={styles.pricingContainer}>
         {/* Open Source Plan */}
         <div style={styles.card}>
@@ -172,7 +174,7 @@ const PricingComponent = () => {
           </button>
         </div>
       </div>
-      </>
+    </Layout>
   );
 };