id

frontend/App.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import '@radix-ui/themes/styles.css';
+import { Theme } from '@radix-ui/themes';
+import { ToastContainer } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+
+import Home from './src/pages/Home';
+import Portfolio from './src/pages/Portfolio';
+import Services from './src/pages/Services';
+import About from './src/pages/About';
+import Blog from './src/pages/Blog';
+import Contact from './src/pages/Contact';
+import NotFound from './src/pages/NotFound';
+
+const App: React.FC = () => {
+  return (
+    <Theme appearance="inherit" radius="large" scaling="100%">
+      <Router>
+        <main className="min-h-screen font-inter">
+          <Routes>
+            <Route path="/" element={<Home />} />
+            <Route path="/portfolio" element={<Portfolio />} />
+            <Route path="/portfolio/*" element={<Portfolio />} />
+            <Route path="/services" element={<Services />} />
+            <Route path="/services/*" element={<Services />} />
+            <Route path="/about" element={<About />} />
+            <Route path="/about/*" element={<About />} />
+            <Route path="/blog" element={<Blog />} />
+            <Route path="/contact" element={<Contact />} />
+            <Route path="*" element={<NotFound />} />
+          </Routes>
+          <ToastContainer
+            position="top-right"
+            autoClose={3000}
+            newestOnTop
+            closeOnClick
+            pauseOnHover
+          />
+        </main>
+      </Router>
+    </Theme>
+  );
+}
+
+export default App;