/home/bdqbpbxa/demo-subdomains/ping-proxies.goodface.com.ua/src/pages/Home/Hero/heroComponent.jsx
import Button from 'components/common/Buttons/index';
import HeroTrastpilot from 'components/Sections/Hero/HeroTrastpilot';
import HeroCrumbs from 'components/Sections/Hero/HeroCrumbs';
const HeroComponent = ({ title, desc, hasCrumbs = false, btnText }) => {
return (
<div className={`${hasCrumbs ? 'hero-container--with-crumbs' : ''}`}>
{hasCrumbs && <HeroCrumbs page={title} />}
<HeroTrastpilot />
<div className="hero-body">
<h1 className='hero-body__title'>{title}</h1>
<div className="body1 hero-body__desc">{desc}</div>
</div>
<Button text={btnText} forPopup={true} />
</div>
);
};
export default HeroComponent;