const FeaturesSection = () => (
  <section className="mb-12">
    <h2 className="text-2xl font-medium">Features</h2>
    <ul className="mt-4 list-disc pl-6">
      <li className="mb-4">Support of the active route (styled by default).</li>
      <li className="mb-4">
        Fully customizable and without external dependencies.
      </li>
      <li className="mb-4">
        No vendor lock-in, you can export it and integrate it in your project.
      </li>
      <li>
        Sidebar can be aligned left or right according to your preferences (on
        mobile).
      </li>
    </ul>
  </section>
);
export default FeaturesSection;
