diff --git a/package-lock.json b/package-lock.json
index 315b9b8..eb29a8d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,6 +47,7 @@
         "react-markdown": "^9.0.1",
         "recharts": "^2.12.7",
         "stripe": "^17.1.0",
+        "sweetalert2": "^11.14.3",
         "tailwind-merge": "^2.5.2",
         "tailwindcss-animate": "^1.0.7",
         "zod": "^3.23.8"
@@ -8072,6 +8073,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/sweetalert2": {
+      "version": "11.14.3",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.14.3.tgz",
+      "integrity": "sha512-6NuBHWJCv2gtw4y8PUXLB41hty+V6U2mKZMAvydL1IRPcORR0yuyq3cjFD/+ByrCk3muEFggbZX/x6HwmbVfbA==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/limonte"
+      }
+    },
     "node_modules/tailwind-merge": {
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.2.tgz",
diff --git a/package.json b/package.json
index cbb2384..2bed454 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "react-markdown": "^9.0.1",
     "recharts": "^2.12.7",
     "stripe": "^17.1.0",
+    "sweetalert2": "^11.14.3",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.23.8"
diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index a1a1064..fe94bda 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -1,19 +1,20 @@
 "use client";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
 import { createSupabaseClient } from "@/lib/supabase/clientComponentClient";
 import { useEffect, useState } from "react";
-import { Textarea } from "@/components/ui/textarea";
 import { useForm, SubmitHandler } from "react-hook-form";
 import { z } from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import BusinessForm from "@/components/BusinessForm";
 import { businessFormSchema } from "@/types/schemas/application.schema";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
 
 type businessSchema = z.infer<typeof businessFormSchema>;
-export default function Apply() {
-  const [industry, setIndustry] = useState<{id: number, name: string }[]>([]);
+export default function ApplyBusiness() {
+  const [industry, setIndustry] = useState<{ id: number; name: string }[]>([]);
   const [projectType, setProjectType] = useState<string[]>([]);
   const [projectPitch, setProjectPitch] = useState("text");
   const [applyProject, setApplyProject] = useState(false);
@@ -50,7 +51,14 @@ export default function Apply() {
         },
       ])
       .select();
-      console.table(data);
+    console.table(data);
+    Swal.fire({
+      icon: error == null ? "success" : "error",
+      title: error == null ? "success" : "Error: " + error.code,
+      text:
+        error == null ? "your application has been submitted" : error.message,
+      confirmButtonColor: error == null ? "green" : "red",
+    });
   };
 
   const createPitchDeckSchema = (inputType: string) => {
@@ -403,12 +411,8 @@ export default function Apply() {
         applyProject={applyProject}
         setApplyProject={setApplyProject}
       />
-
-      {/* </div>
-        </div> */}
-
-      {/* apply first project */}
-      {applyProject && (
+      <div>
+        {" "}
         <div className="grid auto-rows-max w-3/4 ml-48 bg-zinc-100 dark:bg-zinc-900 mt-10 pt-12 pb-12">
           {/* header */}
           <div className="ml-[15%]">
@@ -704,16 +708,7 @@ export default function Apply() {
             )}
           </div>
         </div>
-      )}
-      {/* Submit */}
-      {/* <center>
-        <Button
-          className="mt-12 mb-20  h-10 text-base font-bold py-6 px-5"
-          type="submit"
-        >
-          Submit application
-        </Button>
-      </center> */}
+      </div>
     </div>
   );
 }
diff --git a/src/app/project/apply/page.tsx b/src/app/project/apply/page.tsx
new file mode 100644
index 0000000..ae72c89
--- /dev/null
+++ b/src/app/project/apply/page.tsx
@@ -0,0 +1,311 @@
+"use client";
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+
+export default function ApplyProject() {
+  const [projectType, setProjectType] = useState<string[]>([]);
+  const [projectPitch, setProjectPitch] = useState("text");
+  const [applyProject, setApplyProject] = useState(false);
+  const [selectedImages, setSelectedImages] = useState<File[]>([]);
+  const [projectPitchFile, setProjectPitchFile] = useState("");
+  return (
+    <div>
+      {" "}
+      <div className="grid auto-rows-max w-3/4 ml-48 bg-zinc-100 dark:bg-zinc-900 mt-10 pt-12 pb-12">
+        {/* header */}
+        <div className="ml-[15%]">
+          <h1 className="text-3xl font-bold mt-10">
+            Begin Your First Fundraising Project
+          </h1>
+          <p className="mt-3 text-sm text-neutral-500">
+            Starting a fundraising project is mandatory for all businesses. This
+            step is crucial <br />
+            to begin your journey and unlock the necessary tools for raising
+            funds.
+          </p>
+          {/* project's name */}
+          <div className="mt-10 space-y-5">
+            <Label htmlFor="projectName" className="font-bold text-lg">
+              Project name
+            </Label>
+            <div className="flex space-x-5">
+              <Input
+                type="text"
+                id="projectName"
+                className="w-96"
+                {...registerSecondForm("projectName")}
+              />
+            </div>
+          </div>
+          {errorsProject.projectName && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.projectName.message as string}
+            </p>
+          )}
+          {/* project type */}
+          {/* <MultipleOptionSelector
+              header={<>Project type</>}
+              fieldName="projectType"
+              choices={projectType}
+              // handleFunction={handleProjectFieldChange}
+              description={<>Please specify the primary purpose of the funds</>}
+              placeholder="Select a Project type"
+              selectLabel="Project type"
+            /> */}
+          {errorsProject.projectType && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.projectType.message as string}
+            </p>
+          )}
+          {/* short description */}
+          <div className="mt-10 space-y-5">
+            <Label htmlFor="shortDescription" className="font-bold text-lg">
+              Short description
+            </Label>
+            <div className="flex space-x-5">
+              <Textarea
+                id="shortDescription"
+                className="w-96"
+                {...registerSecondForm("shortDescription")}
+              />
+              <span className="text-[12px] text-neutral-500 self-center">
+                Could you provide a brief description of your project <br /> in
+                one or two sentences?
+              </span>
+            </div>
+          </div>
+          {errorsProject.shortDescription && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.shortDescription.message as string}
+            </p>
+          )}
+          {/* Pitch deck */}
+          <div className="mt-10 space-y-5">
+            <Label htmlFor="projectPitchDeck" className="font-bold text-lg">
+              Pitch deck
+            </Label>
+            <div className="flex space-x-2 w-96">
+              <Button
+                type="button"
+                variant={projectPitch === "text" ? "default" : "outline"}
+                onClick={() => setProjectPitch("text")}
+                className="w-32 h-12 text-base"
+              >
+                Paste URL
+              </Button>
+              <Button
+                type="button"
+                variant={projectPitch === "file" ? "default" : "outline"}
+                onClick={() => setProjectPitch("file")}
+                className="w-32 h-12 text-base"
+              >
+                Upload a file
+              </Button>
+            </div>
+            <div className="flex space-x-5">
+              <Input
+                type={projectPitch}
+                id="projectPitchDeck"
+                className="w-96"
+                placeholder={
+                  projectPitch === "file"
+                    ? "Upload your Markdown file"
+                    : "https:// "
+                }
+                accept={projectPitch === "file" ? ".md" : undefined}
+                {...(projectPitch === "text"
+                  ? registerSecondForm("projectPitchDeck", {
+                      required: true,
+                    })
+                  : {
+                      onChange: (e) => {
+                        const file = e.target.files?.[0];
+                        setValueProject("projectPitchDeck", file);
+                        setProjectPitchFile(file?.name || "");
+                      },
+                    })}
+              />
+              <span className="text-[12px] text-neutral-500 self-center">
+                Please upload a file or paste a link to your pitch, which should{" "}
+                <br />
+                cover key aspects of your project: what it will do, what
+                investors <br /> can expect to gain, and any highlights that
+                make it stand out.
+              </span>
+            </div>
+            {projectPitchFile && (
+              <div className="flex justify-between items-center border p-2 rounded w-96 text-sm text-foreground">
+                <span>1. {projectPitchFile}</span>
+                <Button
+                  className="ml-4"
+                  onClick={() => {
+                    setValueProject("projectPitchDeck", "");
+                    setProjectPitchFile("");
+                  }}
+                >
+                  Remove
+                </Button>
+              </div>
+            )}
+          </div>
+          {errorsProject.projectPitchDeck && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.projectPitchDeck.message as string}
+            </p>
+          )}
+          {/* project logo */}
+          <div className="mt-10 space-y-5">
+            <Label htmlFor="projectLogo" className="font-bold text-lg mt-10">
+              Project logo
+            </Label>
+            <div className="flex space-x-5">
+              <Input
+                type="file"
+                id="projectLogo"
+                className="w-96"
+                accept="image/*"
+                onChange={(e) => {
+                  const file = e.target.files?.[0];
+                  registerSecondForm("projectLogo").onChange({
+                    target: { name: "projectLogo", value: file },
+                  });
+                }}
+              />
+              <span className="text-[12px] text-neutral-500 self-center">
+                Please upload the logo picture that best represents your
+                project.
+              </span>
+            </div>
+          </div>
+          {errorsProject.projectLogo && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.projectLogo.message as string}
+            </p>
+          )}
+          <div className="mt-10 space-y-5">
+            <Label htmlFor="projectPhotos" className="font-bold text-lg mt-10">
+              Project photos
+            </Label>
+            <div className="flex space-x-5">
+              <Input
+                type="file"
+                id="projectPhotos"
+                multiple
+                accept="image/*"
+                className="w-96"
+                {...registerSecondForm("projectPhotos", {
+                  required: true,
+                  onChange: handleFileChange,
+                })}
+              />
+              <span className="text-[12px] text-neutral-500 self-center">
+                Feel free to upload any additional images that provide <br />
+                further insight into your project.
+              </span>
+            </div>
+            <div className="mt-5 space-y-2 w-96">
+              {selectedImages.map((image, index) => (
+                <div
+                  key={index}
+                  className="flex justify-between items-center border p-2 rounded"
+                >
+                  <span>{image.name}</span>
+                  <Button
+                    variant="outline"
+                    onClick={() => handleRemoveImage(index)}
+                    className="ml-4"
+                    type="reset"
+                  >
+                    Remove
+                  </Button>
+                </div>
+              ))}
+            </div>
+          </div>
+          {errorsProject.projectPhotos && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.projectPhotos.message as string}
+            </p>
+          )}
+          {/*  Minimum Investment */}
+          <div className="space-y-5 mt-10">
+            <Label htmlFor="minInvest" className="font-bold text-lg">
+              Minimum investment
+            </Label>
+            <div className="flex space-x-5">
+              <Input
+                type="number"
+                id="minInvest"
+                className="w-96"
+                placeholder="$   500"
+                {...registerSecondForm("minInvest", {
+                  valueAsNumber: true,
+                })}
+              />
+              <span className="text-[12px] text-neutral-500 self-center">
+                This helps set clear expectations for investors
+              </span>
+            </div>
+          </div>
+          {errorsProject.minInvest && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.minInvest.message as string}
+            </p>
+          )}
+          {/* Target Investment */}
+          <div className="space-y-5 mt-10">
+            <Label htmlFor="targetInvest" className="font-bold text-lg">
+              Target investment
+            </Label>
+            <div className="flex space-x-5">
+              <Input
+                type="number"
+                id="targetInvest"
+                className="w-96"
+                placeholder="$   1,000,000"
+                {...registerSecondForm("targetInvest", {
+                  valueAsNumber: true,
+                })}
+              />
+              <span className="text-[12px] text-neutral-500 self-center">
+                We encourage you to set a specific target investment <br />{" "}
+                amount that reflects your funding goals.
+              </span>
+            </div>
+          </div>
+          {errorsProject.targetInvest && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.targetInvest.message as string}
+            </p>
+          )}
+          {/* Deadline */}
+          <div className="space-y-5 mt-10">
+            <Label htmlFor="deadline" className="font-bold text-lg">
+              Deadline
+            </Label>
+            <div className="flex space-x-5">
+              <Input
+                type="datetime-local"
+                id="deadline"
+                className="w-96"
+                {...registerSecondForm("deadline")}
+              />
+              <span className="text-[12px] text-neutral-500 self-center">
+                What is the deadline for your fundraising project? Setting{" "}
+                <br /> a clear timeline can help motivate potential investors.
+              </span>
+            </div>
+          </div>
+          {errorsProject.deadline && (
+            <p className="text-red-500 text-sm">
+              {errorsProject.deadline.message as string}
+            </p>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/ProjectForm.tsx b/src/components/ProjectForm.tsx
new file mode 100644
index 0000000..51d0da3
--- /dev/null
+++ b/src/components/ProjectForm.tsx
@@ -0,0 +1,463 @@
+import { useEffect, useState } from "react";
+import { SubmitHandler, useForm } from "react-hook-form";
+import { Button } from "@/components/ui/button";
+import { DualOptionSelector } from "@/components/dualSelector";
+import { MultipleOptionSelector } from "@/components/multipleSelector";
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { projectFormSchema } from "@/types/schemas/application.schema";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@radix-ui/react-tooltip";
+import { createSupabaseClient } from "@/lib/supabase/clientComponentClient";
+
+type projectSchema = z.infer<typeof projectFormSchema>;
+
+interface ProjectFormProps {
+  onSubmit: SubmitHandler<projectSchema>;
+}
+const BusinessForm = ({
+  onSubmit,
+}: ProjectFormProps & { onSubmit: SubmitHandler<projectSchema> }) => {
+  const form = useForm<projectSchema>({
+    resolver: zodResolver(projectFormSchema),
+    defaultValues: {},
+  });
+  let supabase = createSupabaseClient();
+  const [projectType, setProjectType] = useState<
+    { id: number; name: string }[]
+  >([]);
+  const [projectPitch, setProjectPitch] = useState("text");
+  const [applyProject, setApplyProject] = useState(false);
+  const [selectedImages, setSelectedImages] = useState<File[]>([]);
+  const [projectPitchFile, setProjectPitchFile] = useState("");
+
+  const fetchProjectType = async () => {
+    let { data: ProjectType, error } = await supabase
+      .from("project_type")
+      .select("id, value");
+
+    if (error) {
+      console.error(error);
+    } else {
+      if (ProjectType) {
+        setProjectType(
+          ProjectType.map((item) => ({
+            id: item.id,
+            name: item.value,
+          }))
+        );
+      }
+    }
+  };
+  useEffect(() => {
+    fetchProjectType;
+  }, []);
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(onSubmit as SubmitHandler<projectSchema>)}
+        className="space-y-8"
+      >
+        <div className="ml-[15%]">
+          <h1 className="text-3xl font-bold mt-10">
+            Begin Your First Fundraising Project
+          </h1>
+          <p className="mt-3 text-sm text-neutral-500">
+            Starting a fundraising project is mandatory for all businesses. This
+            step is crucial <br />
+            to begin your journey and unlock the necessary tools for raising
+            funds.
+          </p>
+          <div className="ml-96 mt-5 space-y-10">
+            {/* project name */}
+            <FormField
+              control={form.control}
+              name="projectName"
+              render={({ field }: { field: any }) => (
+                <FormItem>
+                  <div className="mt-10 space-y-5">
+                    <FormLabel className="font-bold text-lg">
+                      Project name
+                    </FormLabel>
+                    <FormControl>
+                      <div className="flex space-x-5">
+                        <Input
+                          type="text"
+                          id="projectName"
+                          className="w-96"
+                          {...field}
+                        />
+                      </div>
+                    </FormControl>
+                  </div>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            {/* project type */}
+            <FormField
+              control={form.control}
+              name="projectType"
+              render={({ field }: { field: any }) => (
+                <FormItem>
+                  <FormControl>
+                    <MultipleOptionSelector
+                      header={<>Project type</>}
+                      fieldName="projectType"
+                      choices={projectType}
+                      handleFunction={(selectedValues: any) => {
+                        field.onChange(selectedValues.name);
+                      }}
+                      description={
+                        <>Please specify the primary purpose of the funds</>
+                      }
+                      placeholder="Select a Project type"
+                      selectLabel="Project type"
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {/* short description */}
+            <FormField
+              control={form.control}
+              name="industry"
+              render={({ field }: { field: any }) => (
+                <FormItem>
+                  <FormControl>
+                    <MultipleOptionSelector
+                      header={<>Industry</>}
+                      fieldName="industry"
+                      choices={industry}
+                      handleFunction={(selectedValues: any) => {
+                        // console.log("Type of selected value:", selectedValues.id);
+                        field.onChange(selectedValues.id);
+                      }}
+                      description={
+                        <>
+                          Choose the industry that best aligns with your
+                          business.
+                        </>
+                      }
+                      placeholder="Select an industry"
+                      selectLabel="Industry"
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {/* Raised Money */}
+            <FormField
+              control={form.control}
+              name="totalRaised"
+              render={({ field }) => (
+                <FormItem>
+                  <div className="mt-10 space-y-5">
+                    <Label htmlFor="totalRaised" className="font-bold text-lg">
+                      How much money has your company <br /> raised to date?
+                    </Label>
+                    <FormControl>
+                      <div className="flex space-x-5">
+                        <Input
+                          type="number"
+                          id="totalRaised"
+                          className="w-96"
+                          placeholder="$   1,000,000"
+                          {...field}
+                          onChange={(e) => {
+                            const value = e.target.value;
+                            field.onChange(value ? parseFloat(value) : null);
+                          }}
+                          value={field.value}
+                        />
+                        <span className="text-[12px] text-neutral-500 self-center">
+                          The sum total of past financing, including angel or
+                          venture <br />
+                          capital, loans, grants, or token sales.
+                        </span>
+                      </div>
+                    </FormControl>
+                    <FormMessage />
+                  </div>
+                </FormItem>
+              )}
+            />
+
+            {/* Incorporated in US */}
+            <FormField
+              control={form.control}
+              name="isInUS"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <div className="flex space-x-5">
+                      <DualOptionSelector
+                        name="isInUS"
+                        label={
+                          <>
+                            Is your company incorporated in the United States?
+                          </>
+                        }
+                        choice1="Yes"
+                        choice2="No"
+                        handleFunction={(selectedValues: string) => {
+                          // setIsInUS;
+                          field.onChange(selectedValues);
+                        }}
+                        description={<></>}
+                        value={field.value}
+                      />
+                      <span className="text-[12px] text-neutral-500 self-center">
+                        Only companies that are incorporated or formed in the US
+                        are eligible to raise via Reg CF.
+                      </span>
+                    </div>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {/* Product for Sale */}
+            <FormField
+              control={form.control}
+              name="isForSale"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <div className="flex space-x-5">
+                      <DualOptionSelector
+                        name="isForSale"
+                        value={field.value}
+                        label={
+                          <>Is your product available (for sale) in market?</>
+                        }
+                        choice1="Yes"
+                        choice2="No"
+                        handleFunction={(selectedValues: string) => {
+                          // setIsForSale;
+                          field.onChange(selectedValues);
+                        }}
+                        description={
+                          <>
+                            Only check this box if customers can access, use, or
+                            buy your product today.
+                          </>
+                        }
+                      />
+                    </div>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {/* Generating Revenue */}
+            <FormField
+              control={form.control}
+              name="isGenerating"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <div className="flex space-x-5">
+                      <DualOptionSelector
+                        name="isGenerating"
+                        label={<>Is your company generating revenue?</>}
+                        choice1="Yes"
+                        choice2="No"
+                        value={field.value}
+                        handleFunction={(selectedValues: string) => {
+                          field.onChange(selectedValues);
+                        }}
+                        description={
+                          <>
+                            Only check this box if your company is making money.
+                            Please elaborate on revenue below.
+                          </>
+                        }
+                      />
+                    </div>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {/* Pitch Deck */}
+            <FormField
+              control={form.control}
+              name="businessPitchDeck"
+              render={({ field }) => (
+                <FormItem>
+                  <div className="space-y-5 mt-10">
+                    <Label htmlFor="pitchDeck" className="font-bold text-lg">
+                      Pitch deck
+                    </Label>
+                    <FormControl>
+                      <div>
+                        <div className="flex space-x-2 w-96">
+                          <Button
+                            type="button"
+                            variant={
+                              businessPitch === "text" ? "default" : "outline"
+                            }
+                            onClick={() => setBusinessPitch("text")}
+                            className="w-32 h-12 text-base"
+                          >
+                            Paste URL
+                          </Button>
+                          <Button
+                            type="button"
+                            variant={
+                              businessPitch === "file" ? "default" : "outline"
+                            }
+                            onClick={() => setBusinessPitch("file")}
+                            className="w-32 h-12 text-base"
+                          >
+                            Upload a file
+                          </Button>
+                        </div>
+                        <div className="flex space-x-5">
+                          <Input
+                            type={businessPitch === "file" ? "file" : "text"}
+                            placeholder={
+                              businessPitch === "file"
+                                ? "Upload your Markdown file"
+                                : "https:// "
+                            }
+                            accept={
+                              businessPitch === "file" ? ".md" : undefined
+                            }
+                            onChange={(e) => {
+                              const value = e.target;
+                              if (businessPitch === "file") {
+                                const file = value.files?.[0];
+                                field.onChange(file || "");
+                              } else {
+                                field.onChange(value.value);
+                              }
+                            }}
+                            className="w-96 mt-5"
+                          />
+
+                          <span className="text-[12px] text-neutral-500 self-center">
+                            Your pitch deck and other application info will be
+                            used for <br />
+                            internal purposes only. <br />
+                            Please make sure this document is publicly
+                            accessible. This can <br />
+                            be a DocSend, Box, Dropbox, Google Drive or other
+                            link.
+                            <br />
+                            <p className="text-red-500">
+                              ** support only markdown(.md) format
+                            </p>
+                          </span>
+                        </div>
+                        {businessPitchFile && (
+                          <div className="flex justify-between items-center border p-2 rounded w-96 text-sm text-foreground">
+                            <span>1. {businessPitchFile}</span>
+                            <Button
+                              className="ml-4"
+                              onClick={() => {
+                                setBusinessPitchFile("");
+                              }}
+                            >
+                              Remove
+                            </Button>
+                          </div>
+                        )}
+                      </div>
+                    </FormControl>
+                    <FormMessage />
+                  </div>
+                </FormItem>
+              )}
+            />
+
+            {/* Community Size */}
+            <FormField
+              control={form.control}
+              name="communitySize"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <MultipleOptionSelector
+                      header={<>What's the rough size of your community?</>}
+                      fieldName="communitySize"
+                      choices={communitySize}
+                      handleFunction={(selectedValues: any) => {
+                        field.onChange(selectedValues.name);
+                      }}
+                      description={
+                        <>
+                          Include your email list, social media following (e.g.,
+                          Instagram, Discord, Twitter).
+                        </>
+                      }
+                      placeholder="Select"
+                      selectLabel="Select"
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <div className="flex space-x-5">
+              <Switch
+                onCheckedChange={() => setApplyProject(!applyProject)}
+              ></Switch>
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <span className="text-[12px] text-neutral-500 self-center cursor-pointer">
+                      Would you like to apply for your first fundraising project
+                      as well?
+                    </span>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    <p className="text-[11px]">
+                      Toggling this option allows you to begin your first
+                      project, <br /> which is crucial for unlocking the tools
+                      necessary to raise funds.
+                    </p>
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            </div>
+            <center>
+              <Button
+                className="mt-12 mb-20  h-10 text-base font-bold py-6 px-5"
+                type="submit"
+              >
+                Submit application
+              </Button>
+            </center>
+          </div>
+        </div>
+      </form>
+    </Form>
+  );
+};
+
+export default BusinessForm;