import React from 'react'
import Navbar from '../components/Navbar'
import Footer from '../components/Footer'

const Partners = () => {
   
    
    const clients = [
        {
            id: 0,
            uri: '/images/Philips_logo_new.svg.png',
        },
        {
            id: 1,
            uri: '/images/2560px-Ledvance_logo.svg.png',
        },
        {
            id: 2,
            uri: '/images/NOURA _ogo-3.png',
        },
        {
            id: 3,
            uri: '/images/Elmark-logo-1-e1608046071382.png',
        },
        {
            id: 4,
            uri: '/images/TRIDONIC.jpeg',
        },
        {
            id: 5,
            uri: '/images/enexon_www_tm_technologie_logo.png',
        },
        {
            id: 6,
            uri: '/images/vs logo.png',
        },
        {
            id: 7,
            uri: '/images/Forplus_logo-removebg-preview.png',
        },
        {
            id: 8,
            uri: '/images/TCIlogo_620x532.png',
        },
        {
            id: 9,
            uri: '/images/mean-well-enterprises-co-ltd-logo-vector.png',
        },
        {
            id: 10,
            uri: '/images/EUCHIPSLOGO.png',
        },
       
        {
            id: 11,
            uri: '/images/ABB_logo-6.png',
        },
        {
            id: 12,
            uri: '/images/lys-removebg-preview.png',
        },
        {
            id: 13,
            uri: '/images/zalux.png',
        },
        {
            id: 14,
            uri: '/images/fumagalli.png',
        },
        {
            id: 15,
            uri: '/images/censee logo.png',
        },
        {
            id: 16,
            uri: '/images/VEROLITE logo-2.png',
        },
        {
            id: 17,
            uri: '/images/v-tac.png',
        },





        // {
        //     id: 2,
        //     uri: '/images/Ecolink.png',
        // },

        // {
        //     id: 7,
        //     uri: '/images/frlightlogo.jpeg',
        // },
        // {
        //     id: 8,
        //     uri: '/images/Logo_LTECH_RGB.png',
        // },
        // {
        //     id: 9,
        //     uri: '/images/logo-Scame.jpg',
        // },
        // {
        //     id: 15,
        //     uri: '/images/tungsram_logo1.png',
        // },  
        // {
        //     id: 21,
        //     uri: '/images/modi.jpg',
        // },
       
       


    ]

    return (
        <div>
            <Navbar />
            <div className='partner-banner'></div>
            <div className="container my-5">
                <div className="row justify-content-center align-items-center ">
                    <h2 className="text-center mb-4 ">Our Partners</h2>
                    {clients.map((item, index) => (
                        <div className="col-6 col-sm-4 col-md-3 col-lg-2 text-center m-lg-5 m-md-2" key={index}>
                            <img className="client-icon img-fluid" src={item.uri} alt={`client-icon-${index}`} />
                        </div>
                    ))}

                    
                </div>
            </div>
            <Footer />
        </div>
    )
}

export default Partners
