export interface AboutTeamSocialLink {
  href: string;
  iconSrc: string;
  iconAlt: string;
  width: number;
  height: number;
}

export interface AboutTeamMember {
  name: string;
  role: string;
  imageSrc: string;
  imageAlt: string;
  imageWidth: number;
  imageHeight: number;
  profileHref: string;
  aosDelay: number;
  headingTag: "h3" | "h4";
  socials: AboutTeamSocialLink[];
}

export interface AboutTeamActionCard {
  lineOne: string;
  lineTwo: string;
  href: string;
  aosDelay: number;
}

export interface AboutTeamSection {
  subtitle: string;
  title: string;
  description: string;
  members: AboutTeamMember[];
  actionCard: AboutTeamActionCard[];
}

const defaultSocials: AboutTeamSocialLink[] = [
  {
    href: "/contact",
    iconSrc: "/assets/images/icon/facbook.svg",
    iconAlt: "Facebook icon",
    width: 18,
    height: 18,
  },
  {
    href: "/contact",
    iconSrc: "/assets/images/icon/twitter.svg",
    iconAlt: "Twitter icon",
    width: 18,
    height: 18,
  },
  {
    href: "/contact",
    iconSrc: "/assets/images/icon/linkedin.svg",
    iconAlt: "LinkedIn icon",
    width: 18,
    height: 18,
  },
];

export const aboutTeamSections: AboutTeamSection[] = [
  {
    subtitle: "Team Member",
    title: "We collaborate to solve complex, deliver high-quality results",
    description:
      "Our team is made up of skilled professionals with diverse expertise across design, development, marketing, and strategy each member brings a unique perspective, deep industry",
    members: [
      {
        name: "Walter D. Gonzales",
        role: "CEO & Founder",
        imageSrc: "/assets/images/team/team1-1.png",
        imageAlt: "Walter D. Gonzales, CEO & Founder",
        imageWidth: 306,
        imageHeight: 334,
        profileHref: "/contact",
        aosDelay: 400,
        headingTag: "h3",
        socials: defaultSocials,
      },
      {
        name: "Arnold T. Madden",
        role: "UX/UI Designer",
        imageSrc: "/assets/images/team/team1-2.png",
        imageAlt: "Arnold T. Madden, UX/UI Designer",
        imageWidth: 306,
        imageHeight: 334,
        profileHref: "/contact",
        aosDelay: 500,
        headingTag: "h4",
        socials: defaultSocials,
      },
      {
        name: "Paul C. Lattimore",
        role: "Digital Marketer",
        imageSrc: "/assets/images/team/team1-3.png",
        imageAlt: "Paul C. Lattimore, Digital Marketer",
        imageWidth: 306,
        imageHeight: 334,
        profileHref: "/contact",
        aosDelay: 300,
        headingTag: "h4",
        socials: defaultSocials,
      },
      {
        name: "Jimmy J. Johnson",
        role: "Web Developer",
        imageSrc: "/assets/images/team/team1-4.png",
        imageAlt: "Jimmy J. Johnson, Web Developer",
        imageWidth: 306,
        imageHeight: 334,
        profileHref: "/contact",
        aosDelay: 400,
        headingTag: "h4",
        socials: defaultSocials,
      },
      {
        name: "Melvin J. Adkins",
        role: "Graphics designer",
        imageSrc: "/assets/images/team/team1-5.png",
        imageAlt: "Jimmy J. Johnson, Web Developer",
        imageWidth: 306,
        imageHeight: 334,
        profileHref: "/contact",
        aosDelay: 500,
        headingTag: "h4",
        socials: defaultSocials,
      },
    ],
    actionCard: [
      {
        lineOne: "Explore All",
        lineTwo: "members",
        href: "/contact",
        aosDelay: 600,
      },
    ],
  },
];