diff --git a/messages/fa.json b/messages/fa.json index 95108fa..3a1ef09 100644 --- a/messages/fa.json +++ b/messages/fa.json @@ -24,6 +24,12 @@ "title": "سالن ها و کلینیک های زیبایی", "description": "از بین صدها مرکز، دقیقا همونی که میخای رو پیدا کن." }, + "App" : { + "title": "رزرو راحت تر با اپلیکیشن", + "description": "با اپلیکیشن، سریع تر و راحت تر نوبت بگیر.", + "download_app" : "دانلود مستقیم", + "download_google_play" : "دانلود از گوگل پلی" + }, "Reservation": { "title": "رزرو خدمات زیبایی، ساده\u200Cتر از همیشه", "stations": "مراکز معتبر", diff --git a/public/icons/download.svg b/public/icons/download.svg new file mode 100644 index 0000000..7dfa8e9 --- /dev/null +++ b/public/icons/download.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/google-play.svg b/public/icons/google-play.svg new file mode 100644 index 0000000..4e927c7 --- /dev/null +++ b/public/icons/google-play.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/icons/qrcode.svg b/public/icons/qrcode.svg new file mode 100644 index 0000000..28ac8d6 --- /dev/null +++ b/public/icons/qrcode.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/images/Qrcode-sample.jpg b/public/images/Qrcode-sample.jpg new file mode 100644 index 0000000..75297d7 Binary files /dev/null and b/public/images/Qrcode-sample.jpg differ diff --git a/public/images/app-section/ellipse.jpg b/public/images/app-section/ellipse.jpg new file mode 100644 index 0000000..394210b Binary files /dev/null and b/public/images/app-section/ellipse.jpg differ diff --git a/public/images/app-section/mobile1.png b/public/images/app-section/mobile1.png new file mode 100644 index 0000000..b1e0f7a Binary files /dev/null and b/public/images/app-section/mobile1.png differ diff --git a/public/images/app-section/mobile2.png b/public/images/app-section/mobile2.png new file mode 100644 index 0000000..d5f781f Binary files /dev/null and b/public/images/app-section/mobile2.png differ diff --git a/src/assets/index.ts b/src/assets/index.ts index e548def..d472574 100644 --- a/src/assets/index.ts +++ b/src/assets/index.ts @@ -19,3 +19,6 @@ export { default as MarkerIcon } from "&/icons/marker-icon.svg"; export { default as MarkerPreviewIcon } from "&/icons/marker-preview.svg"; export { default as ArrowRight } from "&/icons/arrow-right.svg"; export { default as ArrowLeft } from "&/icons/arrow-left.svg"; +export { default as DownloadIcon } from "&/icons/download.svg"; +export { default as GooglePlayDownloadIcon } from "&/icons/google-play.svg"; +export { default as QrcodeIcon } from "&/icons/qrcode.svg"; \ No newline at end of file diff --git a/src/components/Home/Desktop/app/index.tsx b/src/components/Home/Desktop/app/index.tsx new file mode 100644 index 0000000..9155d88 --- /dev/null +++ b/src/components/Home/Desktop/app/index.tsx @@ -0,0 +1,79 @@ +import {useTranslations} from "next-intl"; +import {motion} from "framer-motion"; +import {DownloadIcon, GooglePlayDownloadIcon} from "@/assets"; +import Image from "next/image"; + +export default function App() { + const t = useTranslations("App") + return ( +
+
+
+
+

{t("title")}

+

{t("description")}

+ + + +

{t("download_app")}

+ + + +

{t("download_google_play")}

+ + +
+
+ {"Qrcode +
+
+
+ + {"app + + + + گوشی سفید + + + گوشی مشکی + + +
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/Home/Desktop/index.tsx b/src/components/Home/Desktop/index.tsx index a3fffcb..9c0fc51 100644 --- a/src/components/Home/Desktop/index.tsx +++ b/src/components/Home/Desktop/index.tsx @@ -2,6 +2,7 @@ import BannerComponent from "./Banner"; import Categories from "./Categories"; import Reservation from "./Reservation"; import Salons from "./Salons"; +import App from "@/components/Home/Desktop/app"; export default function DesktopHome() { return ( @@ -10,6 +11,7 @@ export default function DesktopHome() { + ); }