import React from "react";

import PropTypes from "prop-types";

import "./features_about2.css";

const Features17 = (props) => {
  return (
    <div className="features17-layout349 thq-section-padding">
      <div className="features17-max-width thq-section-max-width">
        <div className="features17-content">
          <div className="features17-section-title">
            <span className="thq-body-small">{props.feature1Slogan}</span>
            <div className="features17-content1">
              <h2 className="thq-heading-2">{props.feature1Title}</h2>
              <p className="thq-body-large">{props.feature1Description}</p>
            </div>
          </div>
        </div>
        <div className="features17-image-container">
          <img
            alt={props.feature1ImageAlt}
            src="/external/project.jpg"
            className="thq-img-ratio-16-9"
          />
        </div>
      </div>
    </div>
  );
};

Features17.defaultProps = {
  feature1Title: "Information about the project",
  feature1ImageSrc: "/external/project.jpg",
  feature1ImageAlt: "Accurate Weather Forecast Image",
  feature1Description:
    "Join us on a fascinating journey through the diverse weather events of recent years. In the business world, data is indispensable, and we provide it to you quickly and free of charge via our website - whether it's accessible locally or stored in a database. With us, you gain access to comprehensive weather data, and we strive to make it easily accessible to everyone. Our platform offers a user-friendly interface to quickly access local weather data, whether for research purposes, business analysis, or simply out of personal interest.",
};

Features17.propTypes = {
  feature1Title: PropTypes.string,
  feature1ImageSrc: PropTypes.string,
  feature1ImageAlt: PropTypes.string,
  feature1Description: PropTypes.string,
};

export default Features17;