/** @format */

import React from "react";

import Installpic from "../../public/svg/app";
import Link from "next/link";

export default function Install() {
  return (
    <div className="section-about" id="install">
      <div className="wrapper">
        <div className="about">
          <div className="about__img">
            <div className="about__picture">
              <Installpic />
            </div>
          </div>
          <div className="about__content">
            <div className="section-heading">
              <span>نصب اپلیکیشن</span>
            </div>
            <div className="h3" style={{ textAlign: "right" }}>
              جیب جیب رو نصب کن
            </div>
            <div
              style={{
                display: "flex",
                flexDirection: "column",
                marginLeft: "20%",
                marginRight: "20%",
              }}
            >
              <Link href="https://jibjib.app">
                <a className="btn btn_learn " style={{ marginLeft: 10 }}>
                  نصب نسخه آیفون
                </a>
              </Link>
              <Link href="https://cafebazaar.ir/app/com.jibjib.app">
                <a className="btn btn_learn ">نصب از کافه بازار</a>
              </Link>
              <Link href="https://myket.ir/app/com.jibjib.app">
                <a className="btn btn_learn ">نصب از مایکت</a>
              </Link>
              <Link href="https://play.google.com/store/apps/details?id=com.jibjib.app&hl=en&gl=US">
                <a className="btn btn_learn ">نصب از گوگل پلی</a>
              </Link>
            </div>
          </div>
        </div>
      </div>
      <div className="about-decor about-decor_1"></div>
      <div className="about-decor about-decor_2"></div>
      <div className="about-decor about-decor_3"></div>
    </div>
  );
}
