diff --git a/frontend/src/components/navbar.jsx b/frontend/src/components/navbar.jsx index 1894bb7..b009167 100644 --- a/frontend/src/components/navbar.jsx +++ b/frontend/src/components/navbar.jsx @@ -9,6 +9,8 @@ function NavBar() {
  • Main

  • Scenario

  • About

  • +
  • Effects

  • +
  • Defenses

  • diff --git a/frontend/src/pages/defenses.jsx b/frontend/src/pages/defenses.jsx new file mode 100644 index 0000000..20f6edc --- /dev/null +++ b/frontend/src/pages/defenses.jsx @@ -0,0 +1,107 @@ + +const Defenses = () => { + return ( + <> +
    +

    Defensive Options

    +

    What Can We Do?

    +

    Defending Earth against potentially hazardous meteors or asteroids involves several strategies and technologies, primarily focused on detection, deflection, and disruption. Here are the primary defense options:

    +

    Early Detection and Monitoring

    + +

    Deflection Techniques

    + +

    Disruption Techniques

    + +

    Civil Protection and Mitigation

    + +

    General Effects on Human Civilization

    + +

    International Collaboration and Policy Development

    + +

    Key Missions and Programs

    + +

    Challenges and Considerations

    + +
    +

    By combining these strategies, the global community aims to protect Earth from the potentially devastating effects of asteroid impacts.

    +
    +
    + + ) +} + +export default Defenses diff --git a/frontend/src/pages/effects.jsx b/frontend/src/pages/effects.jsx new file mode 100644 index 0000000..21ee8b5 --- /dev/null +++ b/frontend/src/pages/effects.jsx @@ -0,0 +1,86 @@ + +const Effects = () => { + return ( + <> +
    +

    Effects of an Impact

    +

    The Impact of a Meteor Hitting Earth

    +

    The impact of a meteor hitting Earth can vary widely depending on the size, composition, speed, and location of the impact. Here are the key impacts based on the size of the meteor:

    +

    Small Meteors (up to 25 meters in diameter)

    + +

    Medium Meteors (25 meters to 1 kilometer in diameter)

    + +

    Large Meteors (1 kilometer to 10 kilometers in diameter)

    + +

    Very Large Meteors (over 10 kilometers in diameter)

    + +

    General Effects on Human Civilization

    + +

    Mitigation and Prevention

    + +
    +

    In summary, while the impact of small meteors is relatively minor and localized, large meteors can have devastating global consequences. Preparedness and mitigation strategies are essential for minimizing the potential impacts of such events.

    +
    +
    + + ) +} + +export default Effects diff --git a/frontend/src/router.jsx b/frontend/src/router.jsx index 251df87..295bfc4 100644 --- a/frontend/src/router.jsx +++ b/frontend/src/router.jsx @@ -4,6 +4,8 @@ import App from "./App"; import Main from "./pages/main"; import Scenario from "./pages/scenario"; import About from "./pages/about"; +import Effects from "./pages/effects"; +import Defenses from "./pages/defenses"; const router = createBrowserRouter([ { path: "/", @@ -20,8 +22,15 @@ const router = createBrowserRouter([ { path: 'about/', element: + }, + { + path: 'effects/', + element: + }, + { + path: 'defenses/', + element: } - ], }, ]);