From 551dcfe4707f70c7c029934f8262e4b37f6986dc Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Thu, 10 Oct 2024 13:58:01 +0700
Subject: [PATCH] Refactor Apply page component for responsiveness, add
 textarea component for project description and pitch deck, and implement
 project picture upload functionality

---
 src/app/business/apply/page.tsx | 65 ++++++++++++++++++++++++++++++++-
 1 file changed, 64 insertions(+), 1 deletion(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 5003b90..752b3b9 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -501,7 +501,12 @@ export default function Apply() {
                   Project logo
                 </Label>
                 <div className="flex space-x-5">
-                  <Input type="file" id="projectPitchDeck" className="w-96" />
+                  <Input
+                    type="file"
+                    id="projectPitchDeck"
+                    className="w-96"
+                    accept="image/*"
+                  />
                   <span className="text-[12px] text-neutral-500 self-center">
                     Please upload the logo picture that best represents your
                     project.
@@ -551,6 +556,64 @@ export default function Apply() {
                   ))}
                 </div>
               </div>
+
+              {/* 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="text"
+                    id="minInvest"
+                    className="w-96"
+                    placeholder="$   500"
+                    {...register}
+                  />
+                  <span className="text-[12px] text-neutral-500 self-center">
+                    This helps set clear expectations for investors
+                  </span>
+                </div>
+              </div>
+              {/* 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="text"
+                    id="targetInvest"
+                    className="w-96"
+                    placeholder="$   1,000,000"
+                    {...register}
+                  />
+                  <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>
+
+              {/* 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"
+                    {...register}
+                  />
+                  <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>
             </div>
           </div>
         )}