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.
 
 
 

51 lines
1.8 KiB

import React, { Component } from "react";
import Input from "./Input/index";
import "./index.scss";
class Membership extends Component {
render() {
return (
<>
{window.innerWidth > 1000 ? (
<div className="membership d-flex">
<div className="d-flex flex-column">
<h1>
<strong>{window.t("دانوینی")}</strong> شو
</h1>
<p>{window.t("مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید")}</p>
</div>
<div className="d-flex">
<Input label={window.t("نام و نام خانوادگی")} name={"name"} />
<Input label={window.t("شماره تماس")} name={"mobile"} />
<button className="membership__submit">{window.t("ثبت ")}</button>
</div>
</div>
) : null}
{window.innerWidth < 1000 ? (
<div className="mobile-membership d-flex">
<div className="d-flex flex-column">
<h1>
<strong>{window.t("دانوینی")}</strong> شو
</h1>
<p>{window.t("مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید")}</p>
</div>
<div className="d-flex flex-column align-items-center">
<div>
<Input label={"نامونام خانوادگی"} name={"name"} />
</div>
<div>
<Input label={window.t("شماره تماس")} name={"mobile"} />
</div>
<button className="mobile-membership__submit">
{window.t("ثبت ")}
</button>
</div>
</div>
) : null}
</>
);
}
}
export default Membership;