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

const SeoBlack = () => {
  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 Choose the Best <span className="text-[#E77025]">SEO Agency</span> in Ahmedabad?
          </h2>
          <p className="text-[#FFF] text-[16px] md:text-[18px] md:w-[70%] mx-auto mt-4">
            As a renowned SEO company in Ahmedabad, we believe that like-minded businesses should collaborate for success. Our expert SEO strategies will help you grow your business, increase website traffic, and boost revenue.
          </p>
        </div>

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

    </div>
  )
}

export default SeoBlack
