You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import { Footer } from '@/components/footer';
|
|
import { TelegramCardButton } from '@/components/telegramCardButton';
|
|
import { GithubCardButton } from '@/components/githubCardButton';
|
|
import { GooglePlayButton } from '@/components/googlePlayButton';
|
|
import { ContributeCard } from '@/modules/home/contributeCard';
|
|
import Header from '@/modules/home/header';
|
|
import styles from '@/modules/home/home.module.scss';
|
|
import { HowItsWorkCard } from '@/modules/home/howItsWorkCard';
|
|
import { FreeCard } from '@/modules/home/freeCard';
|
|
import { CitiesCard } from '@/modules/home/citiesCard';
|
|
import { locales } from '@/modules/home/locales';
|
|
import useLocale from '@/utils/useLocale';
|
|
import Head from 'next/head';
|
|
import { Fragment } from 'react';
|
|
|
|
export default function HomePage() {
|
|
const t = useLocale(locales);
|
|
|
|
return (
|
|
<Fragment>
|
|
<Head>
|
|
<title>{t('pageTitle')}</title>
|
|
<meta name="description" content={t('pageDescription')} />
|
|
</Head>
|
|
<Header />
|
|
<main className={styles.main}>
|
|
<div className={styles.cardsRow}>
|
|
<FreeCard />
|
|
<CitiesCard />
|
|
</div>
|
|
<div className={styles.cardsRow}>
|
|
<div className={styles.storesBlock}>
|
|
<GooglePlayButton className={styles.googlePlayButton} />
|
|
<div>
|
|
<TelegramCardButton />
|
|
</div>
|
|
<div>
|
|
<GithubCardButton />
|
|
</div>
|
|
</div>
|
|
<ContributeCard />
|
|
</div>
|
|
</main>
|
|
<Footer />
|
|
</Fragment>
|
|
);
|
|
}
|