CreatorCenter_OOIN/src/router/index.jsx

import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import Home from '../pages/Home';
import BootstrapLayout from '../components/Layout';

// Routes configuration object
const routes = [
    {
        path: '/',
        element: <Home />,
    },
    {
        path: '/creator-discovery',
        element: <Home />,
    },
    {
        path: '/creator-database',
        children: [
            {
                path: '',
                element: <Home />,
            },
            {
                path: 'tiktok',
                element: <Home />,
            },
            {
                path: 'instagram',
                element: <Home />,
            },
            {
                path: 'youtube',
                element: <Home />,
            },
        ],
    },
    {
        path: '/private-creators/*',
        element: <Home />,
    },
    {
        path: '/deep-analysis',
        element: <Home />,
    },
    {
        path: '/brands',
        element: <Home />,
    },
    {
        path: '/creator-inbox/*',
        element: <Home />,
    },
    {
        path: '/settings',
        element: <Home />,
    },
];

// Create router with routes wrapped in the layout
const router = createBrowserRouter([
    {
        path: '/',
        element: <BootstrapLayout />,
        children: routes,
    },
]);

export default function Router() {
    return <RouterProvider router={router} />;
}

export { routes };