// import Link from 'next/link'
import React from 'react'

const OurServicesSummary = () => {
    return (
        <div>
            <div className="container my-5 pt-5">
                <h2 className="text-center mb-4 ">Our Services</h2>
                <div className="row text-center my-5">
                    {/* Chandelier Item */}
                    <div className="col-md-4">
                        <div className="card">
                            <img src="/images/PROFILE-LIGHTING.jpeg" className="card-img-top img-fluid" alt="Chandeliers" />
                            <div className="card-body mx-5">
                                <h5 className="card-title">RESIDENTIAL LIGHTING
                                </h5>
                                <hr />
                            </div>
                        </div>
                    </div>

                    {/* Pendant Lights Item */}
                    <div className="col-md-4">
                        <div className="card">
                            <img src="/images/TRACK-LIGHTS.jpeg" className="card-img-top img-fluid" alt="Pendants Lights" />
                            <div className="card-body mx-5">
                                <h5 className="card-title">MAINTENANCE & SUPPORT
                                </h5>
                                <hr />
                            </div>
                        </div>
                    </div>

                    {/* Outdoor Lamps Item */}
                    <div className="col-md-4">
                        <div className="card">
                            <img src="/images/STRIP-LIGHTS.png" className="card-img-top img-fluid" alt="Outdoor Lamps" />
                            <div className="card-body mx-5">
                                <h5 className="card-title">STRIP-LIGHTS</h5>
                                <hr />
                            </div>
                        </div>
                    </div>
                </div>
                {/* <div className="d-flex justify-content-center mt-4">

                    <Link href='/services'>
                        <button className='button ' style={{ borderRadius: '0' }}>Read More</button>
                    </Link>

                </div> */}
            </div>



        </div>
    )
}

export default OurServicesSummary
