import Link from "next/link";

export default function PageHero({
  title,
  english,
}: {
  title: string;
  english?: string;
}) {
  return (
    <div className="page-hero">
      <div className="container page-hero-inner">
        <div className="page-hero-title">
          <h1>{title}</h1>
          {english ? <span className="latin">{english}</span> : null}
        </div>
        <ul className="crumbs">
          <li>
            <Link href="/">صفحه اصلی</Link>
          </li>
          <li>
            <span>{title}</span>
          </li>
        </ul>
      </div>
    </div>
  );
}