fix conflicts

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

@@ -31,7 +31,8 @@ import OrderComponent from "../Components/orders";
 const AppRoutes: React.FC = () => (
   <div>
     <Routes>
-      <Route path="/" element={<Homepage />} />
+
+      <Route path="" element={<Homepage />} />
       <Route path="/login" element={<Signin />} />
       <Route path="/checkout" element={<Checkout />} />
       <Route path="/cart" element={<Cart />} />

src/pages/Homepage.tsx

@@ -18,6 +18,7 @@ const Homepage: React.FC = () => {
       <BestDeals />
       <ContactSection />
       <Footer />
+      <VoiceflowChatWidget />
     </div>
   );
 };