You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

93 lines
3.3 KiB

import "./index.scss";
import app_icon_img from "~/assets/icons/home_chat.png";
import download_icon from "~/assets/images/Group.png";
const H_DownloadApp = () => {
return (
<>
{window.innerWidth > 1000 ? (
<div
className={`h-download-app d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
id="download"
>
<div
className={`h-download-app-text ${
window.lang === "en" ? "text-start" : ""
}`}
>
{window.t("لذت یادگیری را با")}
<span>{window.t("دانوین")}</span> {window.t("تجربه کنید")}
</div>
<div className="h-download-app-content">
<div className="h-download-app-content-box1"></div>
<a
download
href="https://danovin.ir/app.apk"
className={`h-download-app-content-box2 d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
>
<div className="h-download-app-content-box2-app-img-container">
<img
src={app_icon_img}
className="h-download-app-content-box2-app-img"
alt="app_icon_img"
/>
</div>
<div className="h-download-app-content-box2-text">
<div className="h-download-app-content-box2-text-title">
{window.t("دریافت اپلیکیشن اختصاصی دانوین")}
</div>
<div className="h-download-app-content-box2-text-subtitle">
{window.t("به راحتی از همین جا دانلود کنید...")}
</div>
</div>
<img
src={download_icon}
className="h-download-app-content-box2-download-icon"
alt="download_icon"
style={{ width: 30 }}
/>
</a>
</div>
</div>
) : (
<div style={{ maxWidth: 540, margin: "auto" }}>
<a
download
href="https://danovin.ir/app.apk"
className="h-download-app-content-mobile"
>
<div className="h-download-app-content-box2-app-img-container">
<img
src={app_icon_img}
className="h-download-app-content-box2-app-img"
alt="app_icon_img"
/>
</div>
<div className="h-download-app-content-box2-text">
<div className="h-download-app-content-box2-text-title">
{window.t("دریافت اپلیکیشن اختصاصی دانوین")}
</div>
<div className="h-download-app-content-box2-text-subtitle">
{window.t("به راحتی از همین جا دانلود کنید...")}
</div>
</div>
<img
src={download_icon}
className="h-download-app-content-box2-download-icon"
alt="download_icon"
style={{ width: 30 }}
/>
</a>
<div style={{ height: 1, width: "100%" }}></div>
</div>
)}
</>
);
};
export default H_DownloadApp;