import React from "react";
import ar from "../../../assets/icons/ar.png";
import download from "../../../assets/icons/download.png";
import "./index.scss";

export default function AppDownload() {
  return (
    <section className="app-download d-flex justify-content-between align-items-end">
      <h1>
        اینجا جایگاه یک <br /> متن ویژه است که باید در این <br /> قسمت قرار
        بگیرد.
      </h1>
      <figure className="app-download__figure d-flex flex-column align-items-center">
        <div className="app-download__figure--screen"></div>
        <div className="app-download__figure--details d-flex justify-content-between align-items-center">
          <div className="d-flex align-items-center">
            <img src={ar} alt={"واقعیت افزوده"} />
            <div className="d-flex flex-column">
              <h2>دانلود اپلیکیشن اندرویدی</h2>
              <p>به راحتی آب خوردن از کافه بازار و گوناگون</p>
            </div>
          </div>
          <img src={download} alt="دانلود" />
        </div>
      </figure>
    </section>
  );
}
