import { withBasePath } from "@/utils/comman/Comman";
import Image from 'next/image';
import React from 'react';
import "swiper/css";
import "swiper/css/pagination";


const SectionFive = () => {
  
  return (
    <>
     <div className="py-[50px] bg-[#A2A1D0]">
          <div className="max-w-7xl px-6 lg:px-8 mx-auto">
            <div className="grid grid-cols-12 gap-4 items-center">
              <div className="lg:col-span-4 md:col-span-6 col-span-12">
                <div className="size-full h-auto *:size-full">
                  <Image
                  width={394}
                  height={360} src={withBasePath("/assets/img/Homepagebottom.png")} alt="cta img" title="cta img" />
                </div>
              </div>
              <div className="lg:col-span-4 md:col-span-6 col-span-12">
                <div className="text-white text-[32px] font-semibold mb-5">
                  Make a Difference
                </div>
                <div className="text-[22px] text-white">
                  We are committed to making a long-lasting positive change to the
                  world of Healthcare Management.
                </div>
              </div>
              <div className="lg:col-span-4 col-span-12  !ms-auto">
                <button className="bg-white p-5 rounded-[20px] font-bold text-[14px]">
                  Join The Team
                </button>
              </div>
            </div>
          </div>
        </div>
        
        </>
  )
}

export default SectionFive