diff --git a/index.html b/index.html
index c86a53f..bac56fd 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,7 @@
+
LingDocs Pashto Grammar
diff --git a/src/components/Chapter.jsx b/src/components/Chapter.jsx
index fb6caec..5f14257 100644
--- a/src/components/Chapter.jsx
+++ b/src/components/Chapter.jsx
@@ -10,6 +10,7 @@ import TableOfContents from "./TableOfContents";
import Footer from "./Footer";
import ChapterFeedback from "./ChapterFeedback";
import { Helmet } from "react-helmet";
+import { Comments } from "./Remark42";
const Chapter = ({ children: chapter }) => {
const title = `${chapter.frontMatter.title} | LingDocs Pashto Grammar`;
@@ -41,6 +42,7 @@ const Chapter = ({ children: chapter }) => {
+
{!chapter.frontMatter.fullWidth && }
diff --git a/src/components/Remark42.tsx b/src/components/Remark42.tsx
new file mode 100644
index 0000000..e5d28ae
--- /dev/null
+++ b/src/components/Remark42.tsx
@@ -0,0 +1,100 @@
+import { Fragment, useEffect } from "react";
+
+declare global {
+ interface Window {
+ REMARK42: any;
+ remark_config: any;
+ }
+}
+
+// This function will insert the usual