import styles from "./PageHero.module.css";

export default function PageHero({ fa, en, lead }) {
  return (
    <section className={styles.hero}>
      <div className="container">
        <span className={styles.en}>{en}</span>
        <h1 className={styles.fa}>{fa}</h1>
        {lead ? <p className={styles.lead}>{lead}</p> : null}
      </div>
    </section>
  );
}