diff --git a/index.html b/index.html
index 9c42845..c7ec583 100644
--- a/index.html
+++ b/index.html
@@ -24,6 +24,45 @@
/>
+
+
+
+
+
+
+
+
diff --git a/src/components/Chatbox.tsx b/src/components/Chatbox.tsx
new file mode 100644
index 0000000..985bdb1
--- /dev/null
+++ b/src/components/Chatbox.tsx
@@ -0,0 +1,32 @@
+export const Chatbot = () => {
+ return (
+ <>
+
+
+
+
+
+ );
+};
diff --git a/src/custom.d.ts b/src/custom.d.ts
new file mode 100644
index 0000000..28fb2f3
--- /dev/null
+++ b/src/custom.d.ts
@@ -0,0 +1,6 @@
+declare namespace JSX {
+ interface IntrinsicElements {
+ "df-messenger": Record;
+ "df-messenger-chat-bubble": Record;
+ }
+}
diff --git a/src/routes/$survey.tsx b/src/routes/$survey.tsx
index bb0db17..b1e4293 100644
--- a/src/routes/$survey.tsx
+++ b/src/routes/$survey.tsx
@@ -5,6 +5,7 @@ import { useTranslation } from "i18n";
import { Helmet } from "react-helmet-async";
import content from "resources/content.json";
import { getPageTitle } from "functions/getPageTitle";
+import { Chatbot } from "components/Chatbox";
export const Route = createFileRoute("/$survey")({
component: Index,
@@ -40,6 +41,7 @@ function Index() {
{`${t(sectionTitle)} - ${surveyData?.titleShort} - ${headerTranslation("service tagline")}`}
+ {surveyData.isSurveyOnline && }
);
}
diff --git a/src/routes/$survey/assistance.tsx b/src/routes/$survey/assistance.tsx
index 29aec72..7c5d244 100644
--- a/src/routes/$survey/assistance.tsx
+++ b/src/routes/$survey/assistance.tsx
@@ -1,4 +1,5 @@
import { createFileRoute } from "@tanstack/react-router";
+import { Chatbot } from "components/Chatbox";
import { ForgotPassword } from "components/forgotPassword/ForgotPassword";
import { useTranslation } from "i18n";
import { Helmet } from "react-helmet-async";
@@ -18,6 +19,7 @@ function ForgotPasswordPage() {
{`${t("pageTitleForgotPassword")} - ${headerTranslation("service tagline")}`}
+
);
}