export interface ContactInfoAos {
  duration: number;
  delay: number;
}

export interface ContactSocialLink {
  id: string;
  href: string;
  linkTitle: string;
  iconSrc: string;
  iconAlt: string;
  iconWidth: number;
  iconHeight: number;
}

export interface ContactInfoTextBlock {
  id: string;
  blockKind: "text";
  columnClass: string;
  cardClass: string;
  iconSrc: string;
  iconAlt: string;
  title: string;
  titleClass?: string;
  lines: string[];
}

export interface ContactInfoSocialBlock {
  id: string;
  blockKind: "social";
  columnClass: string;
  cardClass: string;
  iconSrc: string;
  iconAlt: string;
  title: string;
  titleClass?: string;
  links: ContactSocialLink[];
}

export type ContactInfoBlock = ContactInfoTextBlock | ContactInfoSocialBlock;

export interface ContactInfoData {
  wrapperAos: ContactInfoAos;
  blocks: ContactInfoBlock[];
}

export const contactInfoData: ContactInfoData = {
  wrapperAos: { duration: 900, delay: 300 },
  blocks: [
    {
      id: "address",
      blockKind: "text",
      columnClass: "col-lg-6 col-md-6 col-sm-6",
      cardClass: "contact-block",
      iconSrc: "/assets/images/icon/contact1-1.svg",
      iconAlt: "Office location address icon",
      title: "Main Address",
      lines: ["20 Cooper Square, New York, NY 10003, USA"],
    },
    {
      id: "email",
      blockKind: "text",
      columnClass: "col-lg-6 col-md-6 col-sm-6",
      cardClass: "contact-block v2",
      iconSrc: "/assets/images/icon/contact1-2.svg",
      iconAlt: "Email contact address icon",
      title: "Email Address",
      lines: ["supportsasico@gmail.com"],
    },
    {
      id: "phone",
      blockKind: "text",
      columnClass: "col-lg-6 col-md-6 col-sm-6",
      cardClass: "contact-block",
      iconSrc: "/assets/images/icon/contact1-3.svg",
      iconAlt: "Customer support phone icon",
      title: "Need helps urgent",
      lines: ["+1 (234) 5678 9900"],
    },
    {
      id: "social",
      blockKind: "social",
      columnClass: "col-lg-6 col-md-6 col-sm-6",
      cardClass: "contact-block v2",
      iconSrc: "/assets/images/icon/contact1-4.svg",
      iconAlt: "Social media network icons",
      title: "Social Media",
      titleClass: "title v2",
      links: [
        {
          id: "fb",
          href: "#",
          linkTitle: "Facebook",
          iconSrc: "/assets/images/icon/facebook2.svg",
          iconAlt: "Facebook social media icon",
          iconWidth: 10,
          iconHeight: 10,
        },
        {
          id: "tw",
          href: "#",
          linkTitle: "Twitter",
          iconSrc: "/assets/images/icon/twitter3.svg",
          iconAlt: "Twitter social media icon",
          iconWidth: 16,
          iconHeight: 16,
        },
        {
          id: "li",
          href: "#",
          linkTitle: "LinkedIn",
          iconSrc: "/assets/images/icon/linkedin3.svg",
          iconAlt: "LinkedIn social media icon",
          iconWidth: 16,
          iconHeight: 16,
        },
        {
          id: "ig",
          href: "#",
          linkTitle: "Instagram",
          iconSrc: "/assets/images/icon/instagrame3.svg",
          iconAlt: "Instagram social media icon",
          iconWidth: 16,
          iconHeight: 16,
        },
        {
          id: "be",
          href: "#",
          linkTitle: "Behance",
          iconSrc: "/assets/images/icon/be.svg",
          iconAlt: "Behance social media icon",
          iconWidth: 16,
          iconHeight: 16,
        },
      ],
    },
  ],
};