Refactor project structure and update dependencies; add ErrorBoundary and NotFound components, improve contact handling, and enhance CSS styles.

Author: Dhie-boop

package-lock.json

@@ -14,7 +14,6 @@
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-query": "^5.90.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.563.0",
@@ -23,8 +22,7 @@
     "react-router-dom": "^7.13.0",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
-    "tailwindcss-animate": "^1.0.7",
-    "zustand": "^5.0.11"
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",

package.json

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://bintraq.com/sitemap.xml

public/robots.txt

@@ -5,49 +5,6 @@
 
 @custom-variant dark (&:is(.dark *));
 
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
-
 @theme inline {
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);

src/App.css

@@ -1,4 +1,5 @@
 import { BrowserRouter, Routes, Route } from 'react-router-dom'
+import ErrorBoundary from '@/components/ErrorBoundary'
 import Layout from '@/components/Layout'
 import Home from '@/pages/Home'
 import Solutions from '@/pages/Solutions'
@@ -10,24 +11,28 @@ import IotBinSensors from '@/pages/IotBinSensors'
 import MonitoringPlatform from '@/pages/MonitoringPlatform'
 import AboutUs from '@/pages/AboutUs'
 import Careers from '@/pages/Careers'
+import NotFound from '@/pages/NotFound'
 
 export default function App() {
   return (
-    <BrowserRouter>
-      <Routes>
-        <Route path="/" element={<Layout />}>
-          <Route index element={<Home />} />
-          <Route path="solutions" element={<Solutions />} />
-          <Route path="sectors" element={<Sectors />} />
-          <Route path="contact" element={<Contact />} />
-          <Route path="ussd-access" element={<UssdAccess />} />
-          <Route path="mobile-application" element={<MobileApplication />} />
-          <Route path="iot-bin-sensors" element={<IotBinSensors />} />
-          <Route path="monitoring-platform" element={<MonitoringPlatform />} />
-          <Route path="about" element={<AboutUs />} />
-          <Route path="careers" element={<Careers />} />
-        </Route>
-      </Routes>
-    </BrowserRouter>
+    <ErrorBoundary>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={<Layout />}>
+            <Route index element={<Home />} />
+            <Route path="solutions" element={<Solutions />} />
+            <Route path="sectors" element={<Sectors />} />
+            <Route path="contact" element={<Contact />} />
+            <Route path="ussd-access" element={<UssdAccess />} />
+            <Route path="mobile-application" element={<MobileApplication />} />
+            <Route path="iot-bin-sensors" element={<IotBinSensors />} />
+            <Route path="monitoring-platform" element={<MonitoringPlatform />} />
+            <Route path="about" element={<AboutUs />} />
+            <Route path="careers" element={<Careers />} />
+            <Route path="*" element={<NotFound />} />
+          </Route>
+        </Routes>
+      </BrowserRouter>
+    </ErrorBoundary>
   )
 }