/home/bdqbpbxa/demo-subdomains/ping-proxies.goodface.com.ua/src/pages/Home/Hero/index.jsx
import HeroLayout from 'components/Sections/Hero/HeroLayout';
import './styles.scss';
import { selectHomepageFirstScreen } from 'store/slices/HomepageSlice';
import { useSelector } from 'react-redux';
// @ts-ignore
import HeroComponent from './heroComponent';
import MainIllustration from 'components/AnimationIllustrations/MainIllustration';
// const MainIllustration = lazy(() => import('components/AnimationIllustrations/MainIllustration'));
const Hero = ({ isLoading }) => {
const { title, description, button_text
// , image
} = useSelector(selectHomepageFirstScreen);
return (
<HeroLayout image={<MainIllustration isLoading={isLoading} />
} isLoading={isLoading}>
<HeroComponent title={title} desc={description} btnText={button_text} />
</HeroLayout>
);
};
export default Hero;