From cf6ef372c1da2b16fb00e7167f6aa172d95f21a2 Mon Sep 17 00:00:00 2001
From: houseassassin <houseassassin@gmail.com>
Date: Thu, 7 May 2026 20:06:20 +0300
Subject: [PATCH] feat: add React Router, lazy-load admin routes

---
 src/App.jsx | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/App.jsx

diff --git a/src/App.jsx b/src/App.jsx
new file mode 100644
index 0000000..7f76147
--- /dev/null
+++ b/src/App.jsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import Navbar from './components/Navbar';
+import Hero from './components/Hero';
+import PhysicsOfSafety from './components/PhysicsOfSafety';
+import UseCases from './components/UseCases';
+import Estimator from './components/Estimator';
+import TrustBar from './components/TrustBar';
+import Comparison from './components/Comparison';
+import LeadForm from './components/LeadForm';
+import Footer from './components/Footer';
+
+const LoginPage = React.lazy(() => import('./admin/auth/LoginPage'));
+const ProtectedRoute = React.lazy(() => import('./admin/auth/ProtectedRoute'));
+const AdminLayout = React.lazy(() => import('./admin/layout/AdminLayout'));
+const KanbanBoard = React.lazy(() => import('./admin/orders/KanbanBoard'));
+const AnalyticsDashboard = React.lazy(() => import('./admin/analytics/AnalyticsDashboard'));
+const CompletedOrdersTable = React.lazy(() => import('./admin/analytics/CompletedOrdersTable'));
+
+function PublicSite() {
+  return (
+    <div style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column' }}>
+      <Navbar />
+      <main style={{ flex: '1' }}>
+        <Hero />
+        <PhysicsOfSafety />
+        <UseCases />
+        <TrustBar />
+        <Comparison />
+        <Estimator />
+        <LeadForm />
+      </main>
+      <Footer />
+    </div>
+  );
+}
+
+function App() {
+  return (
+    <BrowserRouter>
+      <React.Suspense fallback={<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh', fontFamily: 'sans-serif', color: '#475569' }}>Загрузка...</div>}>
+        <Routes>
+          <Route path="/" element={<PublicSite />} />
+          <Route path="/admin/login" element={<LoginPage />} />
+          <Route path="/admin" element={<Navigate to="/admin/kanban" replace />} />
+          <Route path="/admin/*" element={<ProtectedRoute />}>
+            <Route element={<AdminLayout />}>
+              <Route path="kanban" element={<KanbanBoard />} />
+              <Route path="analytics" element={<AnalyticsDashboard />} />
+              <Route path="completed" element={<CompletedOrdersTable />} />
+            </Route>
+          </Route>
+        </Routes>
+      </React.Suspense>
+    </BrowserRouter>
+  );
+}
+
+export default App;