import React from 'react'
import HeroSwiper from './HeroSwiper'
import AnimationButton from '../Ui/AnimationButton';

const HeroSection = () => {
  const {t} = useTranslation();
  return (
    <div className='hero_section'>
        <HeroSwiper />
        <div className="hero_details">
          <h1>{t("Industrial Automation")}</h1>
          <h4>{t("Industrial Automation & Control Solutions")}</h4>
          <p>{t("MNS automation and control products and solutions cover a wide range of industrial, infrastructure and construction sectors")}</p>
          <div className="button_container">
            <AnimationButton
              link='/'
              text='Products'
              withAnimation={false}
            />
          </div>
        </div>
    </div>
  )
}

export default HeroSection