import React from 'react'

function BannerSection() {
  return (
    <section className="lqd-section banner min-h-100vh flex flex-wrap items-center bg-center bg-cover bg-no-repeat" id="banner" style={{backgroundImage: "url('./assets/images/demo/insurance/banner/bnnr-img@2x.jpg')"}}>
        <div className="container">
            <div className="row">
                <div className="col col-12 col-xl-6 col-lg-8">
                    <div className="flex flex-wrap pt-150 md:pt-0">
                        <div className="ld-fancy-heading">
                            <h1 className="ld-fh-element mb-0/25em text-70 text-white">Lactation Consultation with Passion.</h1>
                        </div>
                        <div className="ld-fancy-heading">
                            <p className="ld-fh-element mb-0/5em text-20 leading-1/4em text-white-60">Holistic development and support for employees the aim of being a first-choice employer within our sectors.</p>
                        </div>
                        <div className="w-full flex flex-wrap items-center pt-35">
                            <div className="w-45percent md:w-33percent sm:w-full">
                                <a href="#contact-modal" className="btn btn-solid border-none btn-md mb-15 leading-1/25em bg-white text-green-500 rounded-5em btn-primary" data-lity="#contact-modal">
                                    <span className="btn-txt" data-text="Request a Quote">Request a Quote</span>
                                </a>
                            </div>
                            <div className="w-50percent sm:w-full">
                                <div className="ld-fancy-heading w-50percent">
                                    <p className="ld-fh-element mb-15 text-16 text-white">
                                        <strong>{process.env.REACT_APP_PHONE_NUMBER_2}</strong>
                                        <br />
                                        <span className="text-14">Free Consultation</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
  )
}

export default BannerSection