export type ContactInputType = "text" | "email";

export interface ContactFormIntro {
  id: number;
  title: string;
  description: string;
  aosAnimation: string;
  aosDuration: number;
  aosDelay: number;
}

export interface ContactInputField {
  id: number;
  name: string;
  type: ContactInputType;
  placeholder: string;
  required: boolean;
  wrapperClass: string;
}

export interface ContactTextareaField {
  id: number;
  name: string;
  placeholder: string;
  required: boolean;
  wrapperClass: string;
}

export interface ContactSubmitButton {
  id: number;
  label: string;
  icon: string;
  iconAlt: string;
}

export interface ContactFormShell {
  id: number;
  aosAnimation: string;
  aosDuration: number;
  aosDelay: number;
}

export interface ContactFormData {
  intro: ContactFormIntro[];
  formShell: ContactFormShell[];
  inputFields: ContactInputField[];
  textareaFields: ContactTextareaField[];
  submitButtons: ContactSubmitButton[];
}

export const contactFormData: ContactFormData = {
  intro: [
    {
      id: 1,
      title: "Have something to share? We're listening",
      description:
        "Have an idea, a question, or a project in mind? We're just a message away.",
      aosAnimation: "fade-right",
      aosDuration: 900,
      aosDelay: 200,
    },
  ],
  formShell: [
    {
      id: 1,
      aosAnimation: "fade-left",
      aosDuration: 900,
      aosDelay: 200,
    },
  ],
  inputFields: [
    {
      id: 1,
      name: "name",
      type: "text",
      placeholder: "Full name",
      required: true,
      wrapperClass: "col-lg-6 col-md-6",
    },
    {
      id: 2,
      name: "email",
      type: "email",
      placeholder: "Email Address",
      required: true,
      wrapperClass: "col-lg-6 col-md-6",
    },
    {
      id: 3,
      name: "phone",
      type: "text",
      placeholder: "Phone No",
      required: false,
      wrapperClass: "col-lg-6",
    },
    {
      id: 4,
      name: "service",
      type: "text",
      placeholder: "Services",
      required: false,
      wrapperClass: "col-lg-6",
    },
  ],
  textareaFields: [
    {
      id: 1,
      name: "message",
      placeholder: "message",
      required: true,
      wrapperClass: "col-lg-12",
    },
  ],
  submitButtons: [
    {
      id: 1,
      label: "Send Message",
      icon: "/assets/images/icon/arrow.svg",
      iconAlt: "Send message arrow icon",
    },
  ],
};