/* eslint-disable @typescript-eslint/no-explicit-any */
import styles from './page-intro.module.scss'
import hand from '~/assests/images/save-phone.png'
import LinkButton from '../LinkButton'


const PageIntro = ({ title, description }: any) => {
  return (
    <div className={styles['page__intro']}>
      <div className="container">
        <div className={styles['page__intro__content']}>
          <div className={styles['page__intro__content--text']}>
            <h2>{title}</h2>
            <p>{description}</p>
            <LinkButton type="primary" label="Create a free account" path="sign-up" />
          </div>
          <div className={styles['page__intro__content__image']}>
            <img src={hand} alt="Helper thumbnail" />
          </div>
        </div>
      </div>
    </div>
  )
}

export default PageIntro