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

import { Container, Image, Stack, Text, Title } from '@mantine/core';
import type { FC } from 'react';
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>
  );
};