export interface ContactFormField {
  tag: "input" | "textarea";
  name: string;
  type?: string;
  placeholder: string;
  required?: boolean;
  colClassName: string;
}

export interface ContactFormContent {
  title: string;
  description: string;
  fields: ContactFormField[];
  buttonText: string;
  buttonIconSrc: string;
  buttonIconAlt: string;
  emailSubject: string;
  fromName: string;
  successMessage: string;
  errorMessage: string;
}

export const contactFormData: ContactFormContent[] = [
  {
    title: "Send Us Message",
    description: "Let us know who you are and what you're looking for below.",
    fields: [
      {
        tag: "input",
        name: "name",
        type: "text",
        placeholder: "Full name",
        required: true,
        colClassName: "col-lg-6",
      },
      {
        tag: "input",
        name: "email",
        type: "email",
        placeholder: "Email Address",
        required: true,
        colClassName: "col-lg-6",
      },
      {
        tag: "input",
        name: "phone",
        type: "text",
        placeholder: "Phone No",
        colClassName: "col-lg-6",
      },
      {
        tag: "input",
        name: "service",
        type: "text",
        placeholder: "Services",
        colClassName: "col-lg-6",
      },
      {
        tag: "textarea",
        name: "message",
        placeholder: "Message",
        required: true,
        colClassName: "col-lg-12",
      },
    ],
    buttonText: "Send Message",
    buttonIconSrc: "/assets/images/icon/arrow.svg",
    buttonIconAlt: "Arrow Icon",
    emailSubject: "New contact inquiry from Sasico website",
    fromName: "Sasico Contact Form",
    successMessage: "Message sent successfully. We'll get back to you soon.",
    errorMessage: "Unable to send your message right now. Please try again.",
  },
];