import React from 'react'
import AboutCard from './AboutCard';
import AboutImage from './AboutImage';

const About = () => {
  const {t} = useTranslation(); 
  return (
    <div className='about'>
      <div className='about_container'>
        <div className='left'>
          <h4>{t("WHO ARE WE")}</h4>
          <h1>{t("We assist individuals with product solutions for industrial automation.")}</h1>
          <p>{t("MNS specializes in manufacturing and supplying electrical products and low voltage lighting products. They provide reliable products and end-to-end solutions to customers all over the world.")}</p>

          <AboutCard title="Values" text="What makes our services indispensable are our services: we are with you at any time"/>
          <AboutCard title="Vision" text="To be a leading company as the first choice driving changes in the industrial automation and lighting systems sector."/>
        </div>

        <div className='right'>
          <AboutImage/>
          {/* <img src="/About/about.svg" alt="about" /> */}
        </div>
      </div>
    </div>
  )
}

export default About