diff --git a/src/SiteRoutes.jsx b/src/SiteRoutes.jsx
index 300afec..f69f215 100644
--- a/src/SiteRoutes.jsx
+++ b/src/SiteRoutes.jsx
@@ -20,7 +20,8 @@ import TransactionDetailsPage from './pages/TransactionDetailsPage'
 import AccountDetailsPage from "./pages/AccountDetailsPage";
 import ProductTemplatePage from "./pages/ProductTemplatePage";
 import CustomTemplatePage from "./pages/CustomTemplatePage";
-import SubscriptionDetailsPage from "./pages/SubscriptionDetailsPage"; // TRANSACTION DETAILS PAGE
+import SubscriptionDetailsPage from "./pages/SubscriptionDetailsPage";
+import CountrySettingsPage from "./pages/CountrySettingsPage"; // TRANSACTION DETAILS PAGE
 
 
 // const Home = lazy(() => import('./pages/Home'));
@@ -40,7 +41,7 @@ export default function SiteRoutes() {
                 <Route path={RouteLinks.products} element={<ProductsPage/>}/> {`*/PRODUCTS PAGE*/`}
                 <Route path={RouteLinks.usersAdmin} element={<UsersAdminPage/>}/> {`*/ADMIN USERS PAGE*/`}
 
-                <Route path={RouteLinks.countrySettings} element={<ProductTemplatePage/>}/> {`*/PRODUCTS TEMPLATE PAGE*/`}
+                <Route path={RouteLinks.countrySettings} element={<CountrySettingsPage/>}/> {`*/PRODUCTS TEMPLATE PAGE*/`}
                 <Route path={RouteLinks.productTemplates} element={<ProductTemplatePage/>}/> {`*/PRODUCTS TEMPLATE PAGE*/`}
                 <Route path={RouteLinks.customTemplates} element={<CustomTemplatePage/>}/> {`*/CUSTOM TEMPLATES PAGE*/`}
 
diff --git a/src/components/country/CountrySettings.jsx b/src/components/country/CountrySettings.jsx
new file mode 100644
index 0000000..2538e00
--- /dev/null
+++ b/src/components/country/CountrySettings.jsx
@@ -0,0 +1,85 @@
+import BreadcrumbCom from "../breadcrumb/BreadcrumbCom";
+
+export default function CountrySettings(){
+
+    return (
+        <div className='w-full flex flex-col gap-8'>
+            <BreadcrumbCom title='Country Settings' paths={['Dashboard', 'Country']} />
+
+            <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
+
+                <>
+                    <table className="py-2 w-full text-sm">
+                        <thead className="py-2 text-sm text-slate-500 text-left">
+                        <tr>
+                            <th scope="col" className="px-2 py-2">
+                                Code
+                            </th>
+                            <th scope="col" className="px-8">
+                                Country
+                            </th>
+                            <th scope="col" className="px-2 text-right">
+                                Status
+                            </th>
+                            <th scope="col" className="px-2 text-right">
+                                Signup
+                            </th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr  className="py-2 border-t border-dashed border-slate-300">
+                            <td className="px-2 py-2">
+                                <div className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
+                                    <div className="text-left">
+                                        <div className="text-base font-semibold">US</div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td className="px-8">
+                                <div className="text-left">
+                                    <div className="text-base font-semibold">United States</div>
+                                </div>
+                            </td>
+                            <td className="px-8">
+                                <div className="text-left">
+                                    <div className="text-base font-semibold">[chkbox]</div>
+                                </div>
+                            </td>
+                            <td className="px-8">
+                                <div className="text-left">
+                                    <div className="text-base font-semibold">[chkbox]</div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr  className="py-2 border-t border-dashed border-slate-300">
+                            <td className="px-2 py-2">
+                                <div className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
+                                    <div className="text-left">
+                                        <div className="text-base font-semibold">NG</div>
+                                    </div>
+                                </div>
+                            </td>
+                            <td className="px-8">
+                                <div className="text-left">
+                                    <div className="text-base font-semibold">Nigeria</div>
+                                </div>
+                            </td>
+                            <td className="px-8">
+                                <div className="text-left">
+                                    <div className="text-base font-semibold">[chkbox]</div>
+                                </div>
+                            </td>
+                            <td className="px-8">
+                                <div className="text-left">
+                                    <div className="text-base font-semibold">[chkbox]</div>
+                                </div>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    </>
+
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/CountrySettingsPage.jsx b/src/pages/CountrySettingsPage.jsx
new file mode 100644
index 0000000..6c0b3e1
--- /dev/null
+++ b/src/pages/CountrySettingsPage.jsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import CountrySettings from "../components/country/CountrySettings";
+
+export default function CountrySettingsPage() {
+    return (
+        <CountrySettings />
+    )
+}