import {
  FeaturesTop,
  FeaturesBottom,
} from "../../Constants/Copy/featuresCopy.js";
import "../../styles/features.scss";

const FeaturesPage = () => {
  return (
    <>
      <div className="features-container">
        <div className="features-top-wrapper">
          <div className="features-top-mobile-img">
            <img
              className="features-image-one"
              src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/79eafada-1517-43a6-99f1-d3e2b0da8200/public"
            />
          </div>
          <div className="features-top-left">
            <FeaturesTop />
          </div>
          <div className="features-top-right">
            <img
              className="features-image-one"
              src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/79eafada-1517-43a6-99f1-d3e2b0da8200/public"
            />
          </div>
        </div>
        <div className="features-bottom-wrapper">
          <div className="features-bottom-left">
            <img
              className="features-image-one"
              src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/832e2844-0133-4822-6710-a808a98aa500/public"
            />
          </div>
          <div className="features-bottom-right">
            <FeaturesBottom />
          </div>
        </div>
      </div>
    </>
  );
};

export default FeaturesPage;
