export const FeaturesTop = () => {
  return (
    <div className="features-copy-wrapper">
      <h4 className="features-header-text">Discovery responses in a dash</h4>
      <ul className="features-list">
        <li className="features-list-item">
          Dashing: go from a discovery request on your desk to a precise
          response, ready for service, in less time than it takes to order a
          coffee.
        </li>
        <li className="features-list-item">
          Configurable: adjust the verbosity of your AI assistant's rhetoric.
          Dial down for a concise response or up for more analysis and
          persuasive arguments supporting objections.
        </li>
        <li className="features-list-item">
          Done: Impressive response documents are editable and pre-formatted to
          comport with applicable local rules.
        </li>
      </ul>
      <p className="steps-p"></p>
    </div>
  );
};

export const FeaturesBottom = () => {
  return (
    <div className="features-copy-wrapper">
      <h4 className="features-header-text">
        Discovery requests dramatically fast
        <p className="features-asterisk">*</p>
      </h4>
      <ul className="features-list">
        <li className="features-list-item-lower">
          Click mate: Generate discovery requests with a few clicks, with the
          help of your Intellidraft AI assistant. And/or...
        </li>
        <li className="features-list-item-lower">
          Options: Also, select from the comprehensive request library,
          categorized by case type, customizable by you.
        </li>
        <li className="features-list-item-lower">
          Done: get a draft in minutes, with a formatted .docx for service.
        </li>
      </ul>
      <p className="features-disclosure">* Launching spring '24</p>
    </div>
  );
};
