import Box from '@mui/material/Box';
import { Heading, Text } from '@moex-vibe/design-system';

export function HomePage() {
  return (
    <Box textAlign="center" pt={30}>
      <Heading level={1} size="display">
        MoexVibe
      </Heading>
      <Text tone="secondary">Анализ акций и облигаций Московской биржи</Text>
      <Text tone="muted">Введите название или тикер в строку поиска выше</Text>
      <Text tone="muted">Данные задерживаются на 15 минут · Бесплатный API MOEX ISS</Text>
    </Box>
  );
}