s

buildchoice/coown_navbar.ts

@@ -18,7 +18,7 @@ export const navbar: ThemeConfig['navbar'] = {
       type: 'docSidebar',
       sidebarId: 'ownerSidebar',
       position: 'left',
-      label: 'Shareholder',          
+      label: 'Become a Shareholder',          
     },
     {
       type: 'docSidebar',

develop.sh

@@ -9,8 +9,8 @@ echo "Docs directory: $script_dir"
 
 export NODE_OPTIONS=--openssl-legacy-provider
 
-#cp buildchoice/navbar_investor.ts navigation/navbar.ts
+cp buildchoice/coown_navbar.ts navigation/navbar.ts
-#cp buildchoice/biz_docusaurus.config.ts docusaurus.config.ts
+cp buildchoice/coown_docusaurus.config.ts docusaurus.config.ts
 
 npm run start -- --host 0.0.0.0
 

docs/owner/register.mdx

@@ -0,0 +1,18 @@
+---
+title: 'Register'
+sidebar_position: 2
+hide_title: true
+---
+
+import TypeformEmbed from '@site/src/components/Typeform';
+
+<TypeformEmbed />
+
+
+### Please, register your interest.
+
+
+
+
+> [please register your interest here](https://form.typeform.com/to/Iio1Lplg)
+

docs/owner/shareholder.md

@@ -8,6 +8,9 @@ hide_title: true
 
 # Join the Veda Nile Cooperative
 
+> [Register your interest here](https://form.typeform.com/to/Iio1Lplg)
+
+
 ## Cooperative Membership Opportunity
 
 - 4,000,000 digital cooperative shares available

navigation/navbar.ts

@@ -18,7 +18,7 @@ export const navbar: ThemeConfig['navbar'] = {
       type: 'docSidebar',
       sidebarId: 'ownerSidebar',
       position: 'left',
-      label: 'Shareholder',          
+      label: 'Become a Shareholder',          
     },
     {
       type: 'docSidebar',

src/components/Typeform.tsx

@@ -0,0 +1,25 @@
+import React, { useEffect } from 'react';
+
+const TypeformEmbed = () => {
+  useEffect(() => {
+    // Dynamically load the Typeform script
+    const script = document.createElement('script');
+    script.src = '//embed.typeform.com/next/embed.js';
+    script.async = true;
+    document.body.appendChild(script);
+
+    return () => {
+      // Clean up script when the component is unmounted
+      document.body.removeChild(script);
+    };
+  }, []);
+
+  return (
+    <div
+      data-tf-live="01JHCZG565JGFSD0MAEH2DCA7S"
+      style={{ width: '100%', height: '500px' }}
+    ></div>
+  );
+};
+
+export default TypeformEmbed;

src/theme/MDXComponents.js

@@ -1,9 +1,11 @@
 import React from 'react';
 import MDXComponents from '@theme-original/MDXComponents';
 import Highlight from '@/components/Highlight';
+import TypeformEmbed from '@/components/TypeForm';
 
 export default {
   // Re-use the default mapping
   ...MDXComponents,
   Highlight,
+  TypeformEmbed,
 };