46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
import Image from 'next/image';
|
|
import { useRouter } from 'next/router';
|
|
import { Card } from '@/components/card';
|
|
import { GooglePlayLink } from '@/components/googlePlayLink';
|
|
import Star from '@/assets/images/thick-round-star-6.svg';
|
|
import Logo from '@/assets/images/logo-alt.svg';
|
|
import useLocale from '@/utils/useLocale';
|
|
import { locales } from './locales';
|
|
import styles from './downloadCard.module.scss';
|
|
|
|
export function DownloadCard() {
|
|
const t = useLocale(locales);
|
|
const { locale } = useRouter();
|
|
|
|
return (
|
|
<section aria-label={t('title')}>
|
|
<Card
|
|
className={styles.card}
|
|
title={t('title')}
|
|
subtitle={t('description')}
|
|
classes={{
|
|
title: styles.title,
|
|
subtitle: styles.subtitle,
|
|
textWrapper: styles.textWrapper,
|
|
content: styles.content,
|
|
}}
|
|
>
|
|
<div className={styles.actions}>
|
|
<GooglePlayLink className={styles.download} />
|
|
<p className={styles.note}>{t('note')}</p>
|
|
</div>
|
|
<div className={styles.illustration} aria-hidden="true">
|
|
<Star className={styles.star} />
|
|
<Logo
|
|
className={styles.logo}
|
|
alt=""
|
|
width={650}
|
|
sizes="(max-width: 730px) 500px, 650px"
|
|
/>
|
|
<span className={styles.sticker}>{t('sticker')}</span>
|
|
</div>
|
|
</Card>
|
|
</section>
|
|
);
|
|
}
|