import React from "react";
import { Routes as ReactRouterRoutes, Route } from "react-router-dom";
import LandingPage from "./components/homepage/Landingpage";
import CategoryPage from "./components/category/CategoryPage";
import ProductPage from "./components/product/ProductPage";
import CollectionPage from "./components/category/collectionpage";
import CartPage from "./components/cart/cart";
import AboutPage from "./components/cart/aboutus";

const Routes: React.FC = () => {
  return (
    <ReactRouterRoutes>
      <Route path="/" element={<LandingPage />} />
      <Route path="/cat" element={<CategoryPage />} />
      <Route path="/collections/:collectionId" element={<CollectionPage />} />
      <Route
        path="/products/:collectionId/:productId"
        element={<ProductPage />}
      />
      <Route path="/cart" element={<CartPage />} />
      <Route path="/aboutus" element={<AboutPage />} />
      {/* <Route path="*" element={<NotFoundPage />} /> */}
    </ReactRouterRoutes>
  );
};

export default Routes;
