Merge pull request #9 from atlp-rwanda/ft-chatBot

Ft chat bot

src/Components/ChatWidget.js

@@ -0,0 +1,25 @@
+import React, { useEffect } from 'react';
+
+const VoiceflowChatWidget = () => {
+  useEffect(() => {
+    const script = document.createElement('script');
+    script.onload = () => {
+      window.voiceflow.chat.load({
+        verify: { projectID: '667d389695d66da905e86ce4' },
+          url: 'https://general-runtime.voiceflow.com',
+          versionID: 'production'
+      });
+    };
+    script.src = 'https://cdn.voiceflow.com/widget/bundle.mjs';
+    script.type = 'text/javascript';
+    document.body.appendChild(script);
+
+    return () => {
+      document.body.removeChild(script);
+    };
+  }, []);
+
+  return null;
+};
+
+export default VoiceflowChatWidget;

src/Routes/index.tsx

@@ -27,6 +27,7 @@ import Forgotpassword from "../Lib/ForgotPassword";
 const AppRoutes: React.FC = () => (
   <div>
     <Routes>
+
       <Route path="" element={<Homepage />} />
       <Route path="/login" element={<Signin />} />
       <Route path="/checkout" element={<Checkout />} />

src/pages/Homepage.tsx

@@ -6,6 +6,7 @@ import HeroSection from '../Components/Homepage/HeroSection';
 import BestDeals from '../Components/Homepage/BestDeals';
 import AboutCrafters from '../Components/Homepage/AboutCrafters'
 import PopularProducts from '../Components/Homepage/PopularProducts';
+import VoiceflowChatWidget from '../Components/ChatWidget';
 
 
 const Homepage: React.FC = () => {
@@ -18,6 +19,7 @@ const Homepage: React.FC = () => {
       <BestDeals />
       <ContactSection />
       <Footer />
+      <VoiceflowChatWidget />
     </div>
   );
 };