diff --git a/client/src/App.tsx b/client/src/App.tsx
new file mode 100644
index 0000000..eac82d1
--- /dev/null
+++ b/client/src/App.tsx
@@ -0,0 +1,71 @@
+import { Switch, Route } from "wouter";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { queryClient } from "./lib/queryClient";
+import { Toaster } from "./components/ui/toaster";
+import { CartProvider } from "./hooks/use-cart";
+import Header from "./components/layout/Header";
+import Footer from "./components/layout/Footer";
+import ShopPage from "./pages/shop";
+import ProductPage from "./pages/product";
+import CartPage from "./pages/cart";
+import CheckoutPage from "./pages/checkout";
+import OrderConfirmationPage from "./pages/order-confirmation";
+import AccountPage from "./pages/account";
+import AdminDashboard from "./pages/admin/dashboard";
+import AdminProducts from "./pages/admin/products";
+import AdminOrders from "./pages/admin/orders";
+import AdminCustomers from "./pages/admin/customers";
+import AdminDiscounts from "./pages/admin/discounts";
+import AdminLogin from "./pages/admin/login";
+import NotFound from "./pages/not-found";
+
+function StoreFront() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+function AdminLayout() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default function App() {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}