web/frontend/src/pages/download-app/DownloadAppPage.tsx

import { MaterialIcon } from "@/utils/material";
import styles from "./download-app.module.scss";

export default function DownloadAppPage() {
    return (
        <div className={styles.downloadAppScreen}>
            <div className={styles.downloadAppCard}>
                <h1>Скачайте приложение</h1>
                <p>
                    Этот сайт не предназначен для работы на маленьких экранах.
                    Выберите вашу платформу:
                </p>
                <div className={styles.downloadAppButtons}>
                    <a href="/download?os=android" className={styles.downloadAppBtn}>
                        <MaterialIcon name="android" />
                        Android
                    </a>
                    <a href="/download?os=ios" className={styles.downloadAppBtn}>
                        <MaterialIcon name="phone_iphone" />
                        iOS
                    </a>
                </div>
                <p>
                    <a href="https://t.me/denis0001-dev">Написать в поддержку</a>
                </p>
            </div>
        </div>
    );
}