diff --git a/src/RouteLinks.js b/src/RouteLinks.js
index 0fce794..3b838e3 100644
--- a/src/RouteLinks.js
+++ b/src/RouteLinks.js
@@ -10,8 +10,8 @@ const RouteLinks = {
     transactionsPage: '/transactions',
     products: '/products',
     usersAdmin: '/users-admin',
-    productTemplates: '/products',
-    customTemplates: '/products',
+    productTemplates: '/products-template',
+    customTemplates: '/custom-template',
     transaction_details_page: '/transaction/details',
     errorPage: '*',
 }
diff --git a/src/SiteRoutes.jsx b/src/SiteRoutes.jsx
index d145ba4..1048150 100644
--- a/src/SiteRoutes.jsx
+++ b/src/SiteRoutes.jsx
@@ -1,5 +1,5 @@
-import { Suspense } from 'react'
-import { Routes, Route } from 'react-router-dom'
+import {Suspense} from 'react'
+import {Routes, Route} from 'react-router-dom'
 import RouteLinks from './RouteLinks'
 
 import UserExist from './authorization/UserExist'
@@ -17,40 +17,45 @@ import ErrorPage from './pages/ErrorPage';
 
 import LoansPage from './pages/LoansPage' // SELECTED LOANS PAGE
 import TransactionDetailsPage from './pages/TransactionDetailsPage'
-import AccountDetailsPage from "./pages/AccountDetailsPage"; // TRANSACTION DETAILS PAGE
-
+import AccountDetailsPage from "./pages/AccountDetailsPage";
+import ProductTemplatePage from "./pages/ProductTemplatePage";
+import CustomTemplatePage from "./pages/CustomTemplatePage"; // TRANSACTION DETAILS PAGE
 
 
 // const Home = lazy(() => import('./pages/Home'));
 
 export default function SiteRoutes() {
-  return (
-    <Routes>
-      <Route path={RouteLinks.loginPage} element={<LoginPage />} /> {`*/LOGIN PAGE*/`}
+    return (
+        <Routes>
+            <Route path={RouteLinks.loginPage} element={<LoginPage/>}/> {`*/LOGIN PAGE*/`}
 
-      <Route element={<UserExist />}>
-        <Route path={RouteLinks.homePage} element={<HomePage />} /> {`*/HOME PAGE*/`}
-        <Route path={RouteLinks.recentSignup} element={<RecentSignupPage />} /> {`*/RECENT SIGNUP PAGE*/`}
-        <Route path={RouteLinks.subscriptions} element={<SubscriptionsPage />} /> {`*/SUBSCRIPTIONS PAGE*/`}
-        <Route path={RouteLinks.customerPage} element={<CustomerPage />} /> {`*/CUSTOMER PAGE*/`}
-        <Route path={RouteLinks.accountDetails} element={<AccountDetailsPage />} /> {`*/CUSTOMER PAGE*/`}
-        <Route path={RouteLinks.billings} element={<BillingsPage />} /> {`*/BILLINGS PAGE*/`}
-        <Route path={RouteLinks.products} element={<ProductsPage />} /> {`*/PRODUCTS PAGE*/`}
-        <Route path={RouteLinks.usersAdmin} element={<UsersAdminPage />} /> {`*/ADMIN USERS PAGE*/`}
-        
-        <Route path={RouteLinks.loansPage} element={<LoansPage />} /> {`*/LOANS PAGE*/`}
-        <Route path={RouteLinks.transaction_details_page} element={<TransactionDetailsPage />} /> {`*/TRANSACTION PAGE*/`}
-      </Route>
+            <Route element={<UserExist/>}>
+                <Route path={RouteLinks.homePage} element={<HomePage/>}/> {`*/HOME PAGE*/`}
+                <Route path={RouteLinks.recentSignup} element={<RecentSignupPage/>}/> {`*/RECENT SIGNUP PAGE*/`}
+                <Route path={RouteLinks.subscriptions} element={<SubscriptionsPage/>}/> {`*/SUBSCRIPTIONS PAGE*/`}
+                <Route path={RouteLinks.customerPage} element={<CustomerPage/>}/> {`*/CUSTOMER PAGE*/`}
+                <Route path={RouteLinks.accountDetails} element={<AccountDetailsPage/>}/> {`*/CUSTOMER PAGE*/`}
+                <Route path={RouteLinks.billings} element={<BillingsPage/>}/> {`*/BILLINGS PAGE*/`}
+                <Route path={RouteLinks.products} element={<ProductsPage/>}/> {`*/PRODUCTS PAGE*/`}
+                <Route path={RouteLinks.usersAdmin} element={<UsersAdminPage/>}/> {`*/ADMIN USERS PAGE*/`}
 
-      {/* ERROR PAGE */}
-      <Route 
-        path={RouteLinks.errorPage} // error page
-        element={
-          <Suspense fallback={<PageLoader />}>
-            <ErrorPage />
-          </Suspense>
-        } 
-      />
-    </Routes>
-  )
+                <Route path={RouteLinks.productTemplates} element={<ProductTemplatePage/>}/> {`*/PRODUCTS TEMPLATE PAGE*/`}
+                <Route path={RouteLinks.customTemplates} element={<CustomTemplatePage/>}/> {`*/CUSTOM TEMPLATES PAGE*/`}
+
+                <Route path={RouteLinks.loansPage} element={<LoansPage/>}/> {`*/LOANS PAGE*/`}
+                <Route path={RouteLinks.transaction_details_page}
+                       element={<TransactionDetailsPage/>}/> {`*/TRANSACTION PAGE*/`}
+            </Route>
+
+            {/* ERROR PAGE */}
+            <Route
+                path={RouteLinks.errorPage} // error page
+                element={
+                    <Suspense fallback={<PageLoader/>}>
+                        <ErrorPage/>
+                    </Suspense>
+                }
+            />
+        </Routes>
+    )
 }
diff --git a/src/pages/CustomTemplatePage.jsx b/src/pages/CustomTemplatePage.jsx
new file mode 100644
index 0000000..6c7dfd2
--- /dev/null
+++ b/src/pages/CustomTemplatePage.jsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import ProductsCom from '../components/products/ProductsCom'
+
+export default function CustomTemplatePage() {
+    return (
+        <ProductsCom />
+    )
+}
diff --git a/src/pages/ProductTemplatePage.jsx b/src/pages/ProductTemplatePage.jsx
new file mode 100644
index 0000000..a3b7039
--- /dev/null
+++ b/src/pages/ProductTemplatePage.jsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import ProductsCom from '../components/products/ProductsCom'
+
+export default function ProductTemplatePage() {
+    return (
+        <ProductsCom />
+    )
+}