37 lines
1.4 KiB
TypeScript
37 lines
1.4 KiB
TypeScript
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
|
import { Toaster } from "sonner";
|
|
import Navbar from "@/components/layout/Navbar";
|
|
import Footer from "@/components/layout/Footer";
|
|
import CartDrawer from "@/components/features/CartDrawer";
|
|
import HomePage from "@/pages/HomePage";
|
|
import ProductsPage from "@/pages/ProductsPage";
|
|
import ProductDetailPage from "@/pages/ProductDetailPage";
|
|
import CartPage from "@/pages/CartPage";
|
|
import WishlistPage from "@/pages/WishlistPage";
|
|
import CheckoutPage from "@/pages/CheckoutPage";
|
|
import NotFound from "@/pages/NotFound";
|
|
|
|
export default function App() {
|
|
return (
|
|
<BrowserRouter>
|
|
<div className="min-h-screen flex flex-col font-cairo bg-gray-50" dir="rtl">
|
|
<Navbar />
|
|
<CartDrawer />
|
|
<main className="flex-1">
|
|
<Routes>
|
|
<Route path="/" element={<HomePage />} />
|
|
<Route path="/products" element={<ProductsPage />} />
|
|
<Route path="/products/:id" element={<ProductDetailPage />} />
|
|
<Route path="/cart" element={<CartPage />} />
|
|
<Route path="/wishlist" element={<WishlistPage />} />
|
|
<Route path="/checkout" element={<CheckoutPage />} />
|
|
<Route path="*" element={<NotFound />} />
|
|
</Routes>
|
|
</main>
|
|
<Footer />
|
|
<Toaster position="top-center" richColors />
|
|
</div>
|
|
</BrowserRouter>
|
|
);
|
|
}
|