export interface FormField {
  id: string;
  type: string;
  placeholder: string;
  required?: boolean;
  colWidth?: string;
}

export interface FormData {
  title: string;
  description: string;
  button: {
    text: string;
    icon: {
      src: string;
      alt: string;
      width: number;
      height: number;
    };
    className: string;
  };
  fields: FormField[];
  animation: {
    animation: string;
    duration: number;
    delay: number;
  };
}

export const contactFormData: FormData = {
  title: "Let's Build Something Great Together",
  description: "Say Hello \u2014 We'd Love to Hear from You",
  button: {
    text: "Send Message",
    icon: {
      src: "assets/images/icon/arrow.svg",
      alt: "Send message arrow icon",
      width: 14,
      height: 14,
    },
    className: "btn-style1 v2",
  },
  fields: [
    {
      id: "name",
      type: "text",
      placeholder: "Full name",
      required: true,
      colWidth: "col-lg-12",
    },
    {
      id: "email",
      type: "email",
      placeholder: "Email Address",
      colWidth: "col-lg-12",
    },
    {
      id: "phone",
      type: "text",
      placeholder: "Phone No",
      colWidth: "col-lg-12",
    },
    {
      id: "services",
      type: "text",
      placeholder: "Services",
      colWidth: "col-lg-12",
    },
    {
      id: "message",
      type: "textarea",
      placeholder: "Write message",
      colWidth: "col-lg-12",
    },
  ],
  animation: {
    animation: "fade-left",
    duration: 900,
    delay: 300,
  },
};