import React from 'react'
import { IoIosArrowForward } from "react-icons/io";

const ComprehensivePurchase = () => {
    const {t} = useTranslation();
  return (
    <div className='comprehensive_purchase'>
        <h1>{t("products")}</h1>
        <h4>{t("Comprehensive purchase of all low voltage and lighting products")}</h4>
        <div className="first">
            <div>
                <Link className='products_link' to={'/products'}><img src="/Home/productReview1.png" alt="" /></Link>
                <h6>{t("measurement")}</h6>
                <p>{t("Explore")} <IoIosArrowForward/></p>
            </div>

            <div>
                <Link className='products_link' to={'/products'}><img src="/Home/productReview2.png" alt="" /></Link>
                <h6>{t("End")}</h6>
                <p>{t("Explore")} <IoIosArrowForward/></p>
            </div>
        </div>

        <div className="second first">

            <div>
                <Link className='products_link' to={'/products'}><img src="/Home/productReview3.png" alt="" /></Link>
                <h6>{t("Power & Control")}</h6>
                <p>{t("Explore")} <IoIosArrowForward/></p>
            </div>
            <div>
                <Link className='products_link' to={'/products'}><img src="/Home/productReview4.png" alt="" /></Link>
                <h6>{t("lighting")}</h6>
                <p>{t("Explore")} <IoIosArrowForward/></p>
            </div>
        </div>
    </div>
  )
}

export default ComprehensivePurchase