import { useI18n } from "@solid-primitives/i18n";

import styles from './Hero.module.css';

export default () => {
  const [t] = useI18n();

  return (
    <header class={styles.Hero}>
      <div>
        <h1 class={styles.gradientText}>
          {t('my_name')}
        </h1>
        <div>
          {t('tagline')}
        </div>
      </div>
    </header>
  )
};