Updated source files to the latest version now

Author: Rezasz

package-lock.json

@@ -15,11 +15,13 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.20.0",
     "react-markdown": "^8.0.7",
-    "react-hot-toast": "^2.4.1"
+    "react-hot-toast": "^2.4.1",
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
+    "@types/uuid": "^9.0.7",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
     "@vitejs/plugin-react": "^4.2.0",

package.json

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import { AuthProvider } from './contexts/AuthContext';
+import { Toaster } from 'react-hot-toast';
 import Navbar from './components/Navbar';
 import Footer from './components/Footer';
 import Home from './pages/Home';
@@ -11,6 +12,7 @@ import UseCases from './pages/UseCases';
 import KnowledgeBase from './pages/KnowledgeBase';
 import Contact from './pages/Contact';
 import Login from './pages/Login';
+import RequestAccess from './pages/RequestAccess';
 
 function App() {
   return (
@@ -28,9 +30,11 @@ function App() {
               <Route path="/knowledge-base" element={<KnowledgeBase />} />
               <Route path="/contact" element={<Contact />} />
               <Route path="/login" element={<Login />} />
+              <Route path="/request-access" element={<RequestAccess />} />
             </Routes>
           </main>
           <Footer />
+          <Toaster position="top-center" />
         </div>
       </Router>
     </AuthProvider>

src/App.tsx

@@ -21,6 +21,7 @@ const Navbar = () => {
     { name: 'Use Cases', path: '/use-cases' },
     { name: 'Knowledge Base', path: '/knowledge-base' },
     { name: 'Contact', path: '/contact' },
+    { name: 'Request Access', path: '/request-access' },
   ];
 
   const handleTryFree = () => {

src/components/Navbar.tsx

@@ -4,6 +4,10 @@ import { Link } from 'react-router-dom';
 import EditableContent from '../components/EditableContent';
 
 const Home = () => {
+  const handleTryFree = () => {
+    window.open('https://91.107.255.176:8080/', '_blank');
+  };
+
   return (
     <div>
       {/* Hero Section */}
@@ -30,16 +34,16 @@ const Home = () => {
               type="paragraph"
             />
             <div className="flex flex-col sm:flex-row gap-4">
-              <Link
-                to="/contact"
+              <button
+                onClick={handleTryFree}
                 className="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-blue-700 bg-white hover:bg-gray-50 transition-colors"
               >
                 <EditableContent
                   id="home-hero-cta"
                   defaultContent="Get Started"
                 />
                 <ArrowRight className="ml-2 h-5 w-5" />
-              </Link>
+              </button>
               <Link
                 to="/how-it-works"
                 className="inline-flex items-center justify-center px-6 py-3 border border-white text-base font-medium rounded-md text-white hover:bg-white/10 transition-colors"
@@ -129,16 +133,16 @@ const Home = () => {
             defaultContent="Join leading financial institutions who trust Kanz.ai for their document management needs."
             type="paragraph"
           />
-          <Link
-            to="/contact"
+          <button
+            onClick={handleTryFree}
             className="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-gray-50 transition-colors"
           >
             <EditableContent
               id="home-cta-button"
               defaultContent="Start Free Trial"
             />
             <ArrowRight className="ml-2 h-5 w-5" />
-          </Link>
+          </button>
         </div>
       </section>
     </div>