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

const Footer = () => {
    return (
        <div>
            <footer className="footer bg-dark text-light py-5">
                <div className="container">
                    <div className="row">
                        {/* Left Section */}


                        <div className="col-md-6 mb-3">
                            <h5 style={{ color: '#D19305' }}>Arabian Lights </h5>
                            <p>
                                Arabian Lights stands at the forefront of the lighting industry,
                                revolutionizing how light is experienced in every space. Established
                                in 2023 by a team of passionate innovators and seasoned experts
                                in the lighting and energy sectors, we pride ourselves on being
                                more than just a lighting company.
                            </p>

                        </div>


                        {/* Newsletter Section */}

                        <div className="col-md-6 mb-3 d-flex justify-content-center">
                        <div>
                            <h5 style={{ color: '#D19305' }}>Our Address</h5>
                            <div className="text-light mb-1 d-flex">

                                <i class='bx bx-map px-2 mt-1' style={{ color: '#D19305', fontSize: '18px' }}></i>

                                <div>
                                    Barwa Village, Building 4, Shop 4,<br />

                                    Doha - Qatar<br />

                                    <p className="m-0">
                                        <img
                                            src="/images/qatar.png"
                                            style={{ height: '24px', paddingBottom: '3px' }}
                                        />
                                        &nbsp;&nbsp;State of Qatar.
                                    </p>



                                </div>
                            </div>

                            </div>
                        </div>

                    </div>

                    <div className="row">
                        <div className="col text-center">
                            <img src="/images/LOGO-AL-BLACK.png" alt="Jainsons Emporio Logo" className='my-5' style={{ height: '60px' }} />
                            <p>&copy; 2024  <span style={{ color: '#D19305' }}>Arabian Lights</span>. Powered by <Link href='https://market.rsithub.com' target='_blank' className='text-light text-decoration-none fw-bold' > <span style={{ color: '#D19305' }}>RS IT Hub </span > </Link> </p>
                        </div>
                    </div>
                </div>
            </footer>

        </div>
    )
}

export default Footer
