diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..ba909ff
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,22 @@
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import IndexPage from "@/pages/Index";
+import CoursesPage from "@/pages/Courses";
+import CourseDetailPage from "@/pages/CourseDetail";
+import InstructorsPage from "@/pages/Instructors";
+import ContactPage from "@/pages/Contact";
+
+function App() {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<IndexPage />} />
+        <Route path="/courses" element={<CoursesPage />} />
+        <Route path="/course/:id" element={<CourseDetailPage />} />
+        <Route path="/instructors" element={<InstructorsPage />} />
+        <Route path="/contact" element={<ContactPage />} />
+      </Routes>
+    </BrowserRouter>
+  );
+}
+
+export default App;