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

const Contact = () => {
  return (
    <div>
      <Navbar />
      <div className='contact-banner'></div>

      <section className="contact-section py-5">
        <div className="container">
          <h2 className="text-center mb-4 text-black">CONTACT INFO</h2>
          <div className="row align-items-center">
           
              <div className="contact-info">
                <div className="contact-item">
                  <span className="contact-label"> <i class='bx bx-map'></i> ADDRESS</span>
                  <p className="contact-text">Barwa Village, Building 4 – Shop 4, Doha - Qatar</p>
                </div>
                <div className="contact-item">
                  <span className="contact-label"><i class='bx bxs-phone' ></i> PHONE</span>
                  <p className="contact-text">+974 5599 3375 | +974 7212 3843</p>
                </div>
                <div className="contact-item">
                  <span className="contact-label"><i class='bx bx-envelope' ></i> EMAIL</span>
                  <p className="contact-text">arabian.lights@outlook.com</p>
                </div>
                
              </div>
            
            
          </div>
        </div>
      </section>
      <Footer />
    </div>
  )
}

export default Contact
