features_about3.js

import React from "react";

import PropTypes from "prop-types";

import "./features_about3.css";

const Features_about3 = (props) => {
  return (
    <div className="features17-layout349 thq-section-padding">
      <div className="features17-max-width thq-section-max-width">
        <div className="features17-image-container">
          <img
            alt={props.feature3ImageAlt}
            src="/external/ClimateChange.jpg"
            className="thq-img-ratio-16-9"
          />
        </div>
        <div className="features17-content">
          <div className="features17-section-title">
            <span className="thq-body-small">{props.feature3Slogan}</span>
            <div className="features17-content1">
              <h2 className="thq-heading-2">{props.feature3Title}</h2>
              <p className="thq-body-large">{props.feature3Description}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

Features_about3.defaultProps = {
  feature3Title: "Climate Change",
  feature3ImageSrc: "/external/ClimateChange.jpg",
  feature3ImageAlt: "Accurate Weather Forecast Image",
  feature3Description:
    "We need to address climate change because its impacts threaten the health and stability of our planet and society. Rising temperatures lead to more extreme weather events, such as hurricanes, floods, and heatwaves, which can cause widespread destruction and loss of life. Melting ice caps and rising sea levels endanger coastal communities and ecosystems. Changes in weather patterns disrupt agriculture, jeopardizing food security. Additionally, the loss of biodiversity and natural habitats can have irreversible consequences on our environment. By taking action to mitigate climate change, we can protect our planet for future generations, ensure sustainable development, and enhance the resilience of communities worldwide.",
};

Features_about3.propTypes = {
  feature3Title: PropTypes.string,
  feature3ImageSrc: PropTypes.string,
  feature3ImageAlt: PropTypes.string,
  feature3Description: PropTypes.string,
};

export default Features_about3;