nextjs-fetch-data-example/src/screens/home/home.screen.tsx

import type { FC } from 'react'
import { Container, Title, Text, Image, Stack } from '@mantine/core'
import styles from './styles/home.module.css'

/**
 * Главный экран приложения.
 */
export const HomeScreen: FC = () => {
  return (
    <div className={styles.root}>
      <Container size="sm">
        <Stack align="center" gap="lg">
          <Image
            src="/rick-and-morty-dance.gif"
            alt="Dancing Rick"
            w={200}
            h={200}
            fit="contain"
          />
          <Title order={1}>Добро пожаловать</Title>
          <Text c="dimmed">
            Шаблон приложения на Next.js и TypeScript.
          </Text>
        </Stack>
      </Container>
    </div>
  )
}