export const FeaturesTop = () => {
  return (
    <div className="features-copy-wrapper">
      <h4 className="features-header-text">Discovery responses in minutes</h4>
      <ul className="features-list">
        <li className="features-list-item">
          Don't blink: go from a discovery request on your desk to a precise
          response, ready for service, in less time than it takes to order
          lunch.
        </li>
        <li className="features-list-item">
          Configurable: adjust the verbosity of your AI assistant's responses.
          Dial down for a concise response or up for more analysis and
          persuasive arguments.
        </li>
        <li className="features-list-item">
          Perfection, simply: Impressive response documents are editable to your
          taste, pre-formatted and comport with applicable local style.
        </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
      </h4>
      <ul className="features-list">
        <li className="features-list-item-lower">
          Straightforward: Easy to use interface enables generation of discovery
          requests with a few clicks.
        </li>
        <li className="features-list-item-lower">
          Complete coverage: Outgoing discovery options include interrogatories
          and requests for production with instructions and definitions.
        </li>
        <li className="features-list-item-lower">
          Done: finsihed in minutes, with a formatted .docx for service.
        </li>
      </ul>
    </div>
  );
};
