import Image from 'next/image'
import React from 'react'

const AppDevelopmentBlack = () => {
  return (
    <div className="Web_Design_Black_Sec py-16 md:mb-[227px]">
      <div className="max-w-[1200px] mx-auto  px-3 text-center">
        <div>
          <h2 className="text-[#FFF] font-bold text-[28px] md:text-[50px]">
            Increasing Popularity of <span className="text-[#E77025]">Mobile App Development</span>
          </h2>
          <p className="text-[#FFF] text-[16px] md:text-[18px] md:w-[80%] mx-auto mt-4">The majority of people have been utilizing apps, particularly in the late afternoon and early evening hours. According to the study, ads are most often clicked in the morning. Weekends are the most popular times for users to spend time on mobile devices, with 40 percent of time spent using or downloading mobile apps. In the United States, the United Kingdom, and Japan, iPhone and Android smartphones are the most famous and have the largest market share.</p>
          <p className="text-[#FFF] text-[16px] md:text-[18px] md:w-[80%] mx-auto mt-4">In comparison to last year, mobile app usage is expected to increase by 91%. The majority of native browsers have received new enhancements. The new iOS 5 easily outperformed Windows Phone Mango, and the previews have been consistent.</p>
        </div>

        <div className="w-[70%] mx-auto mt-6 relative z-10 md:mb-[-227px]">
          <Image src="/images/digital_marketing_balck_mobile.webp" className="w-full" width={1200} height={600} alt="" />
        </div>
      </div>

    </div>
  )
}

export default AppDevelopmentBlack
