Membership Process — Beta Alpha Psi Beta Tau Chapter

// ProcessFlow.tsx — fetch apply form URL
const fetchApplyFormUrl = async () => {
  try {
    const response = await fetch(
      `${import.meta.env.VITE_BACKEND_URL}/links?link_name=forms`
    );
    if (response.ok) {
      const data = await response.json();
      setApplyFormUrl(data[0]?.link || "");
    }
  } catch (error) {
    console.error("Error fetching apply form URL:", error);
  }
};

const steps = [
  {
    title: "W.P. Carey Student",
    requirements: [
      "Declare or plan to declare major in Accounting, Finance, Business Data Analytics, or Computer Information Systems.",
      "Complete BAP application during the recruiting window at the beginning of the Fall or Spring semester.",
    ],
  },
  {
    title: "Candidate",
    requirements: [
      "Must complete the 32 service and professional hours requirement (at least 12 professional hours, at least 12 service hours, at least 4 social hours and 4 hours of your choice) with 16 hours commonly done in one semester.",
      "You can complete up to 5 non-BAP professional hours and 5 non-BAP community service hours, as long as you provide documentation.",
      "Pay the Candidate fee.",
      "Complete first upper-division major course (i.e., ACC 340, FIN 302, CIS 340)*.",
      "Maintain at least a 3.0 major and overall GPA.",
    ],
  },
  {
    title: "Member",
    requirements: [
      "Membership is achieved once 32 hours are completed and the GPA requirement is met.",
      "Continue to contribute 16 hours per semester (at least 6 professional, at least 6 community service, at least 2 social and 2 of your choice).",
      "Pay the Member fee",
      "Maintain at least a 3.0 major and overall GPA.",
      "All members are eligible to run for positions on the executive board, regardless of how long they have been members.",
    ],
  },
];

interface ProcessStepProps {
  title: string;
  requirements: string[];
}

export const ProcessStep = ({ title, requirements }: ProcessStepProps) => (
  <div className="flex flex-col bg-white shadow-md rounded-lg p-6 h-full">
    <h2 className="text-[#AF272F] text-3xl md:text-4xl font-bold text-center mb-6 pb-3 border-b border-gray-100">
      {title}
    </h2>
    <div className="text-gray-700 text-base md:text-lg space-y-4">
      {requirements.map((requirement, index) => (
        <div key={index} className="flex items-start">
          <span className="text-[#AF272F] font-bold mr-2">•</span>
          <p>{requirement}</p>
        </div>
      ))}
    </div>
  </div>
);

export const ProcessArrow = () => (
  <div className="flex items-center justify-center w-full">
    <svg width="40" height="60" viewBox="0 0 40 60" fill="none">
      <path
        d="M5 5L30 30L5 55"
        stroke="#AF272F"
        strokeWidth="8"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  </div>
);