Deep-Impact/frontend/src/pages/effects.jsx

const Effects = () => {
  return (
    <div className="w-8/12 mx-auto">
      <h1 className="text-center text-2xl text-white my-5">Effects of an Impact</h1>
      <h2 className="text-center underline text-xl text-white my-5">The Impact of a Meteor Hitting Earth</h2>
      <p className="text-l text-white">
        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:
      </p>

      <h3 className="text-2xl font-bold text-white my-5">Small Meteors (up to 25 meters in diameter)</h3>
      <ul className="list-disc pl-5 text-l text-white">
        <li className="mb-3">
          <strong>Atmospheric Entry:</strong> These meteors typically burn up upon entering the Earth’s atmosphere, causing a bright flash and potentially a sonic boom.
        </li>
        <li className="mb-3">
          <strong>Damage:</strong> If fragments reach the ground, they may cause minor damage locally, such as breaking windows or small craters. An example is the Chelyabinsk meteor in 2013, which caused injuries mainly from broken glass.
        </li>
      </ul>

      <h3 className="text-2xl font-bold text-white my-5">Medium Meteors (25 meters to 1 kilometer in diameter)</h3>
      <ul className="list-disc pl-5 text-l text-white">
        <li className="mb-3">
          <strong>Local Destruction:</strong> A meteor in this size range can cause significant local destruction, including fires, shockwaves, and substantial craters.
        </li>
        <li className="mb-3">
          <strong>Tsunamis:</strong> If it impacts an ocean, it can generate large tsunamis capable of affecting coastal areas over a wide region.
        </li>
        <li className="mb-3">
          <strong>Climate Effects:</strong> Dust and debris thrown into the atmosphere can lead to short-term climate changes, such as “impact winter,” where sunlight is blocked, leading to global cooling and agricultural impacts.
        </li>
      </ul>

      <h3 className="text-2xl font-bold text-white my-5">Large Meteors (1 kilometer to 10 kilometers in diameter)</h3>
      <ul className="list-disc pl-5 text-l text-white">
        <li className="mb-3">
          <strong>Regional to Global Catastrophe:</strong> These impacts can cause massive destruction over hundreds of kilometers from the impact site. The blast, heat, and shockwave can annihilate life forms in the vicinity.
        </li>
        <li className="mb-3">
          <strong>Tsunamis:</strong> If the impact occurs in the ocean, it would generate massive tsunamis with potentially devastating global effects on coastal regions.
        </li>
        <li className="mb-3">
          <strong>Climate Disruption:</strong> The impact would throw vast amounts of dust, ash, and aerosols into the atmosphere, potentially causing global cooling for years. This can disrupt ecosystems, agriculture, and food supplies globally.
        </li>
        <li className="mb-3">
          <strong>Extinctions:</strong> Such an event can lead to mass extinctions due to the combination of immediate destruction, climatic effects, and ecological collapse. The most well-known example is the Chicxulub impactor, which contributed to the extinction of the dinosaurs 66 million years ago.
        </li>
      </ul>

      <h3 className="text-2xl font-bold text-white my-5">Very Large Meteors (over 10 kilometers in diameter)</h3>
      <ul className="list-disc pl-5 text-l text-white">
        <li className="mb-3">
          <strong>Global Catastrophe:</strong> These are extremely rare but can cause near-instantaneous global devastation.
        </li>
        <li className="mb-3">
          <strong>Immediate Effects:</strong> Massive firestorms, shockwaves, and tsunamis would affect the entire planet.
        </li>
        <li className="mb-3">
          <strong>Long-term Effects:</strong> Severe climate changes, including extended “impact winters,” leading to mass extinctions and potentially the collapse of human civilization.
        </li>
      </ul>

      <h3 className="text-2xl font-bold text-white my-5">General Effects on Human Civilization</h3>
      <ul className="list-disc pl-5 text-l text-white">
        <li className="mb-3">
          <strong>Economic Disruption:</strong> Severe damage to infrastructure, agriculture, and resources can lead to economic collapse in affected regions.
        </li>
        <li className="mb-3">
          <strong>Human Casualties:</strong> Direct impact areas would suffer heavy casualties, with potential global consequences from secondary effects like famine and disease.
        </li>
        <li className="mb-3">
          <strong>Global Cooperation and Response:</strong> Such an event would likely necessitate global cooperation for disaster response, food distribution, and potentially relocation of populations.
        </li>
      </ul>

      <div className="mt-3">
        <p className="text-l text-white mb-10">
          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.
        </p>
      </div>
    </div>
  );
}

export default Effects