feat: added collaborations section (coming soon)

src/layouts/dashboard/config-navigation.tsx

@@ -127,6 +127,13 @@ export function useNavData() {
             path: paths.dashboard.marketing,
             icon: ICONS.tour,
           },
+
+          // COLLABORATION
+          {
+            title: t('Collaboration'),
+            path: paths.dashboard.collaborations,
+            icon: ICONS.chat,
+          },
         ],
       },
     ],

src/pages/collaborations.tsx

@@ -0,0 +1,26 @@
+// sections
+import BlankView from '@src/sections/blank/views/blank-view.tsx';
+import { ComingSoonView } from '../sections/coming-soon';
+import { GLOBAL_CONSTANTS } from '@src/config-global.ts';
+import { OgMetaTags } from '@src/components/og-meta-tags.tsx';
+
+// ----------------------------------------------------------------------
+
+export default function BlankPage() {
+  return (
+    <OgMetaTags
+      title="Watchit: Collaborations (COMING SOON)"
+      description="Connect, co-create, and share projects with other content creators on Watchit."
+      url={`${GLOBAL_CONSTANTS.BASE_URL}/collaborations/`}
+    >
+      <BlankView>
+        <ComingSoonView
+          title={"Collaborations (Coming soon)"}
+          content={
+            "Watchit collaborations are coming soon! Connect, co-create, and share projects with fellow creators. Stay tuned!"
+          }
+        />
+      </BlankView>
+    </OgMetaTags>
+  );
+}

src/routes/paths.ts

@@ -34,6 +34,7 @@ export const paths = {
     ownership: `/ownership`,
     finance: `/finance`,
     marketing: `/marketing`,
+    collaborations: `/collaborations`,
     user: {
       root: (id: string) => `/profile/${id}`,
       new: `/user/new`,

src/routes/sections/dashboard.tsx

@@ -22,6 +22,7 @@ const AnalyticsPage = lazy(() => import('@src/pages/analytics.tsx'));
 const StudioPage = lazy(() => import('@src/pages/studio.tsx'));
 const OwnershipPage = lazy(() => import('@src/pages/ownership.tsx'));
 const FinancePage = lazy(() => import('@src/pages/finance.tsx'));
+const CollaborationsPage = lazy(() => import('@src/pages/collaborations.tsx'));
 // MARKETING
 const MarketingPage = lazy(() => import('@src/pages/marketing.tsx'));
 const StrategyPage = lazy(() => import('@src/pages/marketing/index.tsx'));
@@ -55,6 +56,7 @@ export const dashboardRoutes = [
       { path: 'studio', element: <StudioPage /> },
       { path: 'ownership', element: <OwnershipPage /> },
       { path: 'finance', element: <FinancePage /> },
+      { path: 'collaborations', element: <CollaborationsPage /> },
       { path: 'marketing', element: <MarketingPage /> },
       { path: 'marketing/strategy/:id', element: <StrategyPage /> },
       { path: 'profile/:id', element: <UserProfilePage /> },