import Image from "next/image"
import Images from "./Images"
import ContentDetail from "./ContentDetail"
import ListBime from "./ListBime"
import Specialties from "./Specialties"
import Services from "./Services"

function About({ data }) {
    return (
        <div className="opacity-page transition-all duration-500">
            <Images data={data} />
            <ContentDetail head='کلینیک تخصصی و فوق تخصصی نیکان'>
                <p
                    className="text-[#525252] text-[16px] font-normal leading-[32px]"
                    dangerouslySetInnerHTML={{ __html: data.caption }}
                ></p>
            </ContentDetail>
            <ContentDetail head='بیمه های طرف قرارداد'>
                <ListBime data={data} />
            </ContentDetail>
            <ContentDetail head='تخصص ها'>
                <Specialties data={data} />
            </ContentDetail>
            <ContentDetail head='خدمات'>
                <Services data={data} />
            </ContentDetail>
        </div>
    )
}

export default About