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

const WebDevelopmentBlack = () => {
  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]">
            Why <span className="text-[#E77025]">Web Development</span> Matter?
          </h2>
          <p className="text-[#FFF] text-[16px] md:text-[18px] md:w-[70%] mx-auto mt-4">
            As an experienced web development services provider in Ahmedabad, we always encourage businesses to opt for custom web development. Our experts design and develop websites following the System Development Life Cycle (SDLC) model, ensuring efficiency and scalability. Along with web development in Ahmedabad, we provide full support to help businesses maintain and grow their online presence.
          </p>
        </div>

        <div className="w-[70%] mx-auto mt-6 relative z-10 md:mb-[-227px]">
          <Image src="/images/web-development_blck_pc.webp" className="w-full" width={1200} height={600} alt="Web development services on screen — Fruxinfo" />
        </div>
      </div>

    </div>
  )
}

export default WebDevelopmentBlack
