"use client";

import CallC from "../icons/CallC";
import EmailC from "../icons/EmailC";
import WhatsappC from "../icons/WhatsappC";
import ContentContact from "./ContentContact";

function Call() {
  // const openURL = url => window.open(url);

  return (
    <div
      data-aos="flip-left"
      className="lg:min-w-[calc(50%_+_70px)] bg-banner-about !bg-center !bg-no-repeat !bg-cover lg:pl-[18%] h-fit pt-[16px] sm:pt-[29px] md:pt-[42px] lg:pt-[55px] 
        bg-contact rounded-[8px] pb-[30px] sm:pb-[42px] md:pb-[55px] 
        overflow-hidden lg:pb-[171px] px-[16px] sm:px-[27px] md:px-[39px] lg:px-[48px]"
    >
      <p className="text-[#FAFAFA] text-[20px] font-bold">تماس با ما</p>
      <p className="text-[#FAFAFA] leading-[26px] text-[14px] md:text-[16px] font-normal mt-6">
        سامانه نوبت 724 به مردم کمک می کند تا دسترسی آسان تر و سریع تری به خدمات
        پزشکی و درمانی داشته باشند.
      </p>
      <ul className="flex flex-col mt-[68px] justify-start items-start gap-[32px]">
        <ContentContact url="tel:900300400" text="تلفن تماس: ۰۲۱۳۶۳۵۴۵۹۸">
          <CallC />
        </ContentContact>
        <ContentContact
          url="https://wa.me/09124568794"
          text="واتساپ: ۰۹۱۲۴۵۶۸۷۹۴"
        >
          <WhatsappC />
        </ContentContact>
        <ContentContact
          url="mailto:batome@gmail.com"
          text="ایمیل: batome@gmail.com"
        >
          <EmailC />
        </ContentContact>
      </ul>
    </div>
  );
}

export default Call;
