🚀 feat(_new): new website ui and function

src/App.tsx

@@ -0,0 +1,38 @@
+import { BrowserRouter as Router } from 'react-router-dom';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ErrorBoundary } from '@/components/ui/ErrorBoundary';
+import { Navbar } from '@/components/layout/Navbar';
+import { Footer } from '@/components/layout/Footer';
+import { AppRoutes } from '@/routes';
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 1000 * 60 * 5, // 5 minutes
+      retry: 1,
+    },
+  },
+});
+
+function App() {
+  // Use basename for GitHub Pages
+  const basename = import.meta.env.DEV ? '/' : '/snigdha-os';
+
+  return (
+    <ErrorBoundary>
+      <QueryClientProvider client={queryClient}>
+        <Router basename={basename}>
+          <div className="min-h-screen bg-gray-50 font-fira-sans flex flex-col">
+            <Navbar />
+            <main className="flex-grow pt-16">
+              <AppRoutes />
+            </main>
+            <Footer />
+          </div>
+        </Router>
+      </QueryClientProvider>
+    </ErrorBoundary>
+  );
+}
+
+export default App;