Add new pages to navbar

docusaurus.config.js

@@ -86,8 +86,10 @@ const config = {
           //   label: 'Docs',
           // },
           {to: '/technology', label: 'Technology', position: 'left'},
-          {to: '/#', label: '#', position: 'left'},
-          {to: '/team-members', label: 'Team', position: 'left'},
+          {to: '/features', label: 'Features', position: 'left'},
+          {to: '/usage', label: 'Usage', position: 'left'},
+          {to: '/business-model', label: 'Business Model', position: 'right'},
+          {to: '/team-members', label: 'Team', position: 'right'},
           {href: 'https://github.com/StellOracle', label: 'GitHub', position: 'right'},
         ],
       },
@@ -140,6 +142,11 @@ const config = {
         theme: prismThemes.github,
         darkTheme: prismThemes.dracula,
       },
+      colorMode: {
+        defaultMode: 'light',
+        disableSwitch: true,
+        respectPrefersColorScheme: false,
+      },
     }),
 };
 

src/pages/___features2.mdx

@@ -0,0 +1,58 @@
+---
+title: Features
+---
+
+import clsx from 'clsx';
+import Link from '@docusaurus/Link';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import Layout from '@theme/Layout';
+import TeamMembers from '../components/TeamMembers';
+
+import Heading from '@theme/Heading';
+import styles from './index.module.css';
+
+<header className={clsx('hero hero--primary', styles.heroBanner)}>
+  <div className="container">
+    <Heading as="h1" className="hero__title">
+      Our Team
+    </Heading>
+    <p className="hero__subtitle">The StellOracle project is powered by the team of talented experts in both business and technical domains</p>
+    <div className={styles.buttons}>
+      <Link
+        className="button button--secondary button--lg"
+        to="https://github.com/orgs/StellOracle/people">
+        Check us out on GitHub!
+      </Link>
+    </div>
+  </div>
+</header>
+
+# Features
+
+The projects provides a diverse set of insights via dedicated solutions.
+
+---
+
+## Infrastructure Maps
+
+These maps would show the location of critical infrastructure such as water supplies, power plants, bridges, and roads. They could be color-coded to indicate the current status of each piece of infrastructure (operational, at risk, non-operational)
+
+## Risk Assessment Charts
+
+These charts would show the level of risk for each piece of infrastructure, based on factors such as its location, condition, and the current environmental conditions. This could be represented as a bar chart or pie chart.
+
+## Trend Graphs
+
+These graphs would show trends over time, such as changes in climate conditions, frequency of natural disasters, or changes in the condition of the infrastructure. This could help users identify patterns and make predictions about future risks.
+
+## Disaster Impact Maps
+
+In the event of a natural disaster or conflict, these maps would show the areas most affected and the impact on the infrastructure. This could help users prioritize their response efforts.
+
+## Response Planning Maps
+
+These maps would show planned response efforts, such as areas where resources are being deployed or where repairs are being made.
+
+## Climate Data Graphs
+
+These graphs would show relevant climate data from the Copernicus, such as temperature trends, precipitation levels, or sea level changes.