From 872deaa6547425748b167c7c024d0de224d75688 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Mon, 7 Oct 2024 22:26:56 +0700
Subject: [PATCH 01/12] Refactor component and page structure for
 responsiveness and add remote image patterns

---
 next.config.mjs                      | 17 ++++++++++++++---
 src/app/business/apply/page.tsx      |  7 +++++++
 src/app/page.tsx                     |  4 ++++
 src/components/navigationBar/nav.tsx |  6 +++---
 4 files changed, 28 insertions(+), 6 deletions(-)
 create mode 100644 src/app/business/apply/page.tsx

diff --git a/next.config.mjs b/next.config.mjs
index 4678774..6922688 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,4 +1,15 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;
+const nextConfig = {
+    images: {
+      remotePatterns: [
+        {
+          protocol: 'https',
+          hostname: 'upload.wikimedia.org',
+          pathname: '/wikipedia/**', 
+        },
+      ],
+    },
+  };
+  
+  export default nextConfig;
+  
\ No newline at end of file
diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
new file mode 100644
index 0000000..0ba4cb5
--- /dev/null
+++ b/src/app/business/apply/page.tsx
@@ -0,0 +1,7 @@
+"use client"
+
+export default function ApplyPage(){
+    return (
+        <div></div>
+    );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d0faf93..d095188 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -92,6 +92,7 @@ export default function Home() {
                 minInvestment={10000}
                 totalInvestor={58400}
                 totalRaised={9000000}
+                imageUri={"https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Google_%22G%22_logo.svg/768px-Google_%22G%22_logo.svg.png"}
               />
             </Link>
             <ExtendableCard
@@ -105,6 +106,7 @@ export default function Home() {
               minInvestment={10000}
               totalInvestor={58400}
               totalRaised={9000000}
+              imageUri={"https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Google_%22G%22_logo.svg/768px-Google_%22G%22_logo.svg.png"}
             />
             <ExtendableCard
               name={"Google LLC"}
@@ -117,6 +119,7 @@ export default function Home() {
               minInvestment={10000}
               totalInvestor={5000}
               totalRaised={1500000000}
+              imageUri={"https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Google_%22G%22_logo.svg/768px-Google_%22G%22_logo.svg.png"}
             />
             <ExtendableCard
               name={"Microsoft Corporation"}
@@ -127,6 +130,7 @@ export default function Home() {
               minInvestment={250}
               totalInvestor={5000}
               totalRaised={1500000}
+              imageUri={"https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Google_%22G%22_logo.svg/768px-Google_%22G%22_logo.svg.png"}
             />
           </div>
           <div className="self-center py-5 scale-75 md:scale-100">
diff --git a/src/components/navigationBar/nav.tsx b/src/components/navigationBar/nav.tsx
index 92f83d1..229532b 100644
--- a/src/components/navigationBar/nav.tsx
+++ b/src/components/navigationBar/nav.tsx
@@ -146,9 +146,9 @@ export function NavigationBar() {
 
   const businessComponents = [
     {
-      title: "Businesses",
-      href: "/landing",
-      description: "Raise on B2DVentures",
+      title: "Business",
+      href: "/business/apply",
+      description: "Apply to raise on on B2DVentures",
     },
   ];
 

From f64ac32b400ed0fe2e0b045742295dbd155940bd Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Tue, 8 Oct 2024 05:18:40 +0700
Subject: [PATCH 02/12] Refactor component and page structure for
 responsiveness and add remote image patterns

---
 src/app/business/apply/page.tsx | 28 ++++++++++++++++++++++------
 src/app/layout.tsx              |  2 +-
 src/components/siteFooter.tsx   |  4 ++--
 3 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 0ba4cb5..99e70b7 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -1,7 +1,23 @@
-"use client"
-
-export default function ApplyPage(){
-    return (
-        <div></div>
-    );
+export default function Apply() {
+  return (
+    <div>
+      <div>
+        <div className="grid grid-flow-row auto-rows-max w-full backdrop-blur h-60 md:h-96 bg-gray-100 dark:bg-gray-800 p-5">
+          <h1 className="text-xl md:text-5xl font-medium md:font-bold justify-self-center mt-10 md:mt-28">
+            Apply to raise on B2DVentures
+          </h1>
+          <div className="mt-10 justify-self-center">
+            <p className="text-sm md:text-base">
+              All information submitted in this application is for internal use
+              only and is treated with the utmost{" "}
+            </p>
+            <p className="mt-2 text-sm md:text-base">
+              confidentiality. Companies may apply to raise with B2DVentures
+              more than once.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b257865..5e21f9c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -39,8 +39,8 @@ export default function RootLayout({ children }: RootLayoutProps) {
               <NavigationBar />
               <div className="flex-1 bg-background">{children}</div>
             </div>
+            <SiteFooter />
           </ThemeProvider>
-          <SiteFooter />
         </body>
       </html>
     </ReactQueryClientProvider>
diff --git a/src/components/siteFooter.tsx b/src/components/siteFooter.tsx
index 257d6ff..4e2b6e2 100644
--- a/src/components/siteFooter.tsx
+++ b/src/components/siteFooter.tsx
@@ -2,8 +2,8 @@ import Link from "next/link";
 
 export function SiteFooter() {
   return (
-    <footer className="pt-6">
-      <div className="flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row bg-foreground text-background">
+    <footer className="pt-6 ">
+      <div className="flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row text-background bg-foreground">
         <div className="container max-w-screen-xl flex flex-col md:flex-row justify-between items-center py-6">
           {/* Logo or Brand */}
           <div className="flex items-center space-x-4">

From 0e1b6c95354245c684b0ff237c238029c7d05db4 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Tue, 8 Oct 2024 15:38:11 +0700
Subject: [PATCH 03/12] Refactor component and page structure for
 responsiveness and add remote image patterns

---
 src/app/business/apply/page.tsx | 45 ++++++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 15 deletions(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 99e70b7..1cfa846 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -1,21 +1,36 @@
+"use client";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+
 export default function Apply() {
   return (
     <div>
-      <div>
-        <div className="grid grid-flow-row auto-rows-max w-full backdrop-blur h-60 md:h-96 bg-gray-100 dark:bg-gray-800 p-5">
-          <h1 className="text-xl md:text-5xl font-medium md:font-bold justify-self-center mt-10 md:mt-28">
-            Apply to raise on B2DVentures
-          </h1>
-          <div className="mt-10 justify-self-center">
-            <p className="text-sm md:text-base">
-              All information submitted in this application is for internal use
-              only and is treated with the utmost{" "}
-            </p>
-            <p className="mt-2 text-sm md:text-base">
-              confidentiality. Companies may apply to raise with B2DVentures
-              more than once.
-            </p>
-          </div>
+      <div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-100 dark:bg-gray-800 p-5">
+        <h1 className="text-2xl md:text-5xl font-medium md:font-bold justify-self-center md:mt-8">
+          Apply to raise on B2DVentures
+        </h1>
+        <div className="mt-5 justify-self-center">
+          <p className="text-sm md:text-base text-neutral-500">
+            All information submitted in this application is for internal use
+            only and is treated with the utmost{" "}
+          </p>
+          <p className="text-sm md:text-base text-neutral-500">
+            confidentiality. Companies may apply to raise with B2DVentures more
+            than once.
+          </p>
+        </div>
+      </div>
+      <div className="grid grid-flow-row auto-rows-max w-full">
+        <h1 className="text-3xl font-bold mt-10 ml-96">About your company</h1>
+        <p className="ml-96 mt-5 text-neutral-500">
+          All requested information in this section is required.
+        </p>
+        {/* form */}
+        <div className="ml-96 mt-5">
+          <Label htmlFor="companyName" className="font-bold text-lg">
+            Company name
+          </Label>
+          <Input type="email" id="companyName" className="mt-2 w-96" />
         </div>
       </div>
     </div>

From 6ba242719cd382c12db2523f48fe767fe54e3080 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 9 Oct 2024 11:02:20 +0700
Subject: [PATCH 04/12] Refactor component and page structure for
 responsiveness and add remote image patterns

---
 src/app/business/apply/page.tsx | 53 ++++++++++++++++++++++++-
 src/app/find/page.tsx           | 69 ++++++++++++++++++++++++++-------
 2 files changed, 106 insertions(+), 16 deletions(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 1cfa846..470f368 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -1,8 +1,39 @@
 "use client";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { createSupabaseClient } from "@/lib/supabase/clientComponentClient";
+import { useEffect, useState } from "react";
 
 export default function Apply() {
+  let supabase = createSupabaseClient();
+  const [industry, setIndustry] = useState<string[]>([]);
+
+  const fetchIndustry = async () => {
+    let { data: BusinessType, error } = await supabase
+      .from("BusinessType")
+      .select("value");
+
+    if (error) {
+      console.error(error);
+    } else {
+      if (BusinessType) {
+        console.table();
+        setIndustry(BusinessType.map((item) => item.value));
+      }
+    }
+  };
+  useEffect(() => {
+    fetchIndustry();
+  }, []);
   return (
     <div>
       <div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-100 dark:bg-gray-800 p-5">
@@ -27,10 +58,30 @@ export default function Apply() {
         </p>
         {/* form */}
         <div className="ml-96 mt-5">
+          {/* company name */}
           <Label htmlFor="companyName" className="font-bold text-lg">
             Company name
           </Label>
-          <Input type="email" id="companyName" className="mt-2 w-96" />
+          <Input type="text" id="companyName" className="mt-2 w-96" />
+          <div className="mt-5">
+            {/* industry */}
+            <Label htmlFor="industry" className="font-bold text-lg mt-10">
+              Industry
+            </Label>
+            <Select>
+              <SelectTrigger className="w-[180px]">
+                <SelectValue placeholder="Select an industry" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectGroup>
+                  <SelectLabel>Industry</SelectLabel>
+                  {industry.map((i) => (
+                    <SelectItem value={i}>{i}</SelectItem>
+                  ))}
+                </SelectGroup>
+              </SelectContent>
+            </Select>
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/app/find/page.tsx b/src/app/find/page.tsx
index 97e2bc1..514e016 100644
--- a/src/app/find/page.tsx
+++ b/src/app/find/page.tsx
@@ -3,12 +3,17 @@
 import { useSearchParams } from "next/navigation";
 import { SupabaseClient } from "@supabase/supabase-js";
 import { createSupabaseClient } from "@/lib/supabase/clientComponentClient";
-import { dehydrate, HydrationBoundary, QueryClient } from "@tanstack/react-query";
 import { useQuery } from "@supabase-cache-helpers/postgrest-react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { ExtendableCard } from "@/components/extendableCard";
 import { Separator } from "@/components/ui/separator";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 
 interface ProjectInvestmentDetail {
   minInvestment: number;
@@ -35,7 +40,10 @@ interface Business {
 }
 
 function getBusinesses(client: SupabaseClient, query: string | null) {
-  return client.from("Business").select("id, businessName, joinedDate").ilike("businessName", `%${query}%`);
+  return client
+    .from("Business")
+    .select("id, businessName, joinedDate")
+    .ilike("businessName", `%${query}%`);
 }
 
 function getProjects(client: SupabaseClient, businessIds: string[]) {
@@ -59,11 +67,17 @@ function getProjects(client: SupabaseClient, businessIds: string[]) {
 }
 
 function getTags(client: SupabaseClient, projectIds: string[]) {
-  return client.from("ItemTag").select("itemId, Tag (value)").in("itemId", projectIds);
+  return client
+    .from("ItemTag")
+    .select("itemId, Tag (value)")
+    .in("itemId", projectIds);
 }
 
 function getInvestmentCounts(client: SupabaseClient, projectIds: string[]) {
-  return client.from("InvestmentDeal").select("*", { count: "exact", head: true }).in("projectId", projectIds);
+  return client
+    .from("InvestmentDeal")
+    .select("*", { count: "exact", head: true })
+    .in("projectId", projectIds);
 }
 
 export default function Find() {
@@ -84,24 +98,34 @@ export default function Find() {
     data: projects,
     isLoading: isLoadingProjects,
     error: projectError,
-  } = useQuery(getProjects(supabase, businessIds), { enabled: businessIds.length > 0 });
+  } = useQuery(getProjects(supabase, businessIds), {
+    enabled: businessIds.length > 0,
+  });
 
   const projectIds = projects?.map((p) => p.id) || [];
   const {
     data: tags,
     isLoading: isLoadingTags,
     error: tagError,
-  } = useQuery(getTags(supabase, projectIds), { enabled: projectIds.length > 0 });
+  } = useQuery(getTags(supabase, projectIds), {
+    enabled: projectIds.length > 0,
+  });
 
   const {
     data: investmentCounts,
     isLoading: isLoadingInvestments,
     error: investmentError,
-  } = useQuery(getInvestmentCounts(supabase, projectIds), { enabled: projectIds.length > 0 });
+  } = useQuery(getInvestmentCounts(supabase, projectIds), {
+    enabled: projectIds.length > 0,
+  });
 
   // -----
 
-  const isLoading = isLoadingBusinesses || isLoadingProjects || isLoadingTags || isLoadingInvestments;
+  const isLoading =
+    isLoadingBusinesses ||
+    isLoadingProjects ||
+    isLoadingTags ||
+    isLoadingInvestments;
   const error = businessError || projectError || tagError || investmentError;
 
   const results: Business[] =
@@ -112,8 +136,13 @@ export default function Find() {
           ?.filter((project) => project.businessId === business.id)
           .map((project) => ({
             ...project,
-            tags: tags?.filter((tag) => tag.itemId === project.id).map((tag) => tag.Tag.value) || [],
-            investmentCount: investmentCounts?.find((ic) => ic.projectId === project.id)?.count || 0,
+            tags:
+              tags
+                ?.filter((tag) => tag.itemId === project.id)
+                .map((tag) => tag.Tag.value) || [],
+            investmentCount:
+              investmentCounts?.find((ic) => ic.projectId === project.id)
+                ?.count || 0,
           })) || [],
     })) || [];
 
@@ -151,7 +180,10 @@ export default function Find() {
                 <Card className="w-full">
                   <CardHeader>
                     <CardTitle>{business.businessName}</CardTitle>
-                    <CardDescription>Joined Date: {new Date(business.joinedDate).toLocaleDateString()}</CardDescription>
+                    <CardDescription>
+                      Joined Date:{" "}
+                      {new Date(business.joinedDate).toLocaleDateString()}
+                    </CardDescription>
                   </CardHeader>
                   <CardContent>
                     {business.Projects.map((project) => (
@@ -161,10 +193,17 @@ export default function Find() {
                         description={project.projectName}
                         joinDate={project.projectName}
                         location={"Bangkok"}
-                        minInvestment={project.ProjectInvestmentDetail[0]?.minInvestment}
-                        totalInvestor={project.ProjectInvestmentDetail[0]?.totalInvestment}
-                        totalRaised={project.ProjectInvestmentDetail[0]?.targetInvestment}
+                        minInvestment={
+                          project.ProjectInvestmentDetail[0]?.minInvestment
+                        }
+                        totalInvestor={
+                          project.ProjectInvestmentDetail[0]?.totalInvestment
+                        }
+                        totalRaised={
+                          project.ProjectInvestmentDetail[0]?.targetInvestment
+                        }
                         tags={[]}
+                        imageUri={null}
                       />
                     ))}
                   </CardContent>

From 69c6b727a64d97a607c8dbea29b66e2791781f9c Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 9 Oct 2024 11:13:10 +0700
Subject: [PATCH 05/12] Refactor component and page structure for
 responsiveness and improve form layout

---
 src/app/business/apply/page.tsx | 44 +++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 470f368..ce84094 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -57,30 +57,42 @@ export default function Apply() {
           All requested information in this section is required.
         </p>
         {/* form */}
-        <div className="ml-96 mt-5">
+        <div className="ml-96 mt-5 space-y-5">
           {/* company name */}
           <Label htmlFor="companyName" className="font-bold text-lg">
             Company name
           </Label>
-          <Input type="text" id="companyName" className="mt-2 w-96" />
-          <div className="mt-5">
+          <div className="flex space-x-5">
+            <Input type="text" id="companyName" className="w-96" />
+            <span className="text-[13px] text-neutral-500 self-center">
+              This should be the name your company uses on your <br />
+              website and in the market.
+            </span>
+          </div>
+          <div className="mt-5 space-y-5">
             {/* industry */}
             <Label htmlFor="industry" className="font-bold text-lg mt-10">
               Industry
             </Label>
-            <Select>
-              <SelectTrigger className="w-[180px]">
-                <SelectValue placeholder="Select an industry" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectGroup>
-                  <SelectLabel>Industry</SelectLabel>
-                  {industry.map((i) => (
-                    <SelectItem value={i}>{i}</SelectItem>
-                  ))}
-                </SelectGroup>
-              </SelectContent>
-            </Select>
+            <div className="flex space-x-5">
+              <Select>
+                <SelectTrigger className="w-96">
+                  <SelectValue placeholder="Select an industry" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectGroup>
+                    <SelectLabel>Industry</SelectLabel>
+                    {industry.map((i) => (
+                      <SelectItem value={i}>{i}</SelectItem>
+                    ))}
+                  </SelectGroup>
+                </SelectContent>
+              </Select>
+              <span className="text-[13px] text-neutral-500 self-center">
+                This should be the name your company uses on your <br />
+                website and in the market.
+              </span>
+            </div>
           </div>
         </div>
       </div>

From aa7de9fa738723bcb2b364593578df74372b2ce4 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 9 Oct 2024 11:33:57 +0700
Subject: [PATCH 06/12] Refactor component and page structure for
 responsiveness and improve form layout

---
 src/app/business/apply/page.tsx | 110 +++++++++++++++++++++++++++-----
 1 file changed, 95 insertions(+), 15 deletions(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index ce84094..c9fc720 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -1,4 +1,5 @@
 "use client";
+import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import {
@@ -16,6 +17,7 @@ import { useEffect, useState } from "react";
 export default function Apply() {
   let supabase = createSupabaseClient();
   const [industry, setIndustry] = useState<string[]>([]);
+  const [isInUS, setIsInUS] = useState("");
 
   const fetchIndustry = async () => {
     let { data: BusinessType, error } = await supabase
@@ -57,20 +59,23 @@ export default function Apply() {
           All requested information in this section is required.
         </p>
         {/* form */}
-        <div className="ml-96 mt-5 space-y-5">
-          {/* company name */}
-          <Label htmlFor="companyName" className="font-bold text-lg">
-            Company name
-          </Label>
-          <div className="flex space-x-5">
-            <Input type="text" id="companyName" className="w-96" />
-            <span className="text-[13px] text-neutral-500 self-center">
-              This should be the name your company uses on your <br />
-              website and in the market.
-            </span>
+
+        {/* company name */}
+        <div className="ml-96 mt-5 space-y-10">
+          <div className="mt-10 space-y-5">
+            <Label htmlFor="companyName" className="font-bold text-lg">
+              Company name
+            </Label>
+            <div className="flex space-x-5">
+              <Input type="text" id="companyName" className="w-96" />
+              <span className="text-[13px] text-neutral-500 self-center">
+                This should be the name your company uses on your <br />
+                website and in the market.
+              </span>
+            </div>
           </div>
-          <div className="mt-5 space-y-5">
-            {/* industry */}
+          {/* industry */}
+          <div className="mt-10 space-y-5">
             <Label htmlFor="industry" className="font-bold text-lg mt-10">
               Industry
             </Label>
@@ -89,8 +94,83 @@ export default function Apply() {
                 </SelectContent>
               </Select>
               <span className="text-[13px] text-neutral-500 self-center">
-                This should be the name your company uses on your <br />
-                website and in the market.
+                Choose the industry that best aligns with your business.
+              </span>
+            </div>
+          </div>
+          {/* How much money has your company raised to date? */}
+          <div className="space-y-5">
+            <Label htmlFor="companyName" className="font-bold text-lg">
+              How much money has your company <br /> raised to date?
+            </Label>
+            <div className="flex space-x-5">
+              <Input type="text" id="companyName" className="w-96" />
+              <span className="text-[13px] text-neutral-500 self-center">
+                The sum total of past financing, including angel or venture{" "}
+                <br />
+                capital, loans, grants, or token sales.
+              </span>
+            </div>
+          </div>
+          {/* Is your company incorporated in the United States? */}
+          <div className="space-y-5">
+            <Label htmlFor="companyName" className="font-bold text-lg">
+              Is your company incorporated in the <br />
+              United States?
+            </Label>
+            <div className="flex space-x-5">
+              <div className="flex space-x-2 w-96">
+                <Button
+                  variant={isInUS === "Yes" ? "default" : "outline"}
+                  onClick={() => setIsInUS("Yes")}
+                  className="w-20 h-12 text-base"
+                >
+                  Yes
+                </Button>
+                <Button
+                  variant={isInUS === "No" ? "default" : "outline"}
+                  onClick={() => setIsInUS("No")}
+                  className="w-20 h-12 text-base"
+                >
+                  No
+                </Button>
+              </div>
+              <span className="text-[13px] text-neutral-500 self-center">
+                Only companies that are incorporated or formed in the US are{" "}
+                <br />
+                eligible to raise via Reg CF. If your company is incorporated{" "}
+                <br />
+                outside the US, we still encourage you to apply.
+              </span>
+            </div>
+          </div>
+
+          {/* Is your product available (for sale) in market? */}
+          <div className="space-y-5">
+            <Label htmlFor="companyName" className="font-bold text-lg">
+              Is your product available (for sale) in market?
+            </Label>
+            <div className="flex space-x-5">
+              <div className="flex space-x-2 w-96">
+                <Button
+                  variant={isInUS === "Yes" ? "default" : "outline"}
+                  onClick={() => setIsInUS("Yes")}
+                  className="w-20 h-12 text-base"
+                >
+                  Yes
+                </Button>
+                <Button
+                  variant={isInUS === "No" ? "default" : "outline"}
+                  onClick={() => setIsInUS("No")}
+                  className="w-20 h-12 text-base"
+                >
+                  No
+                </Button>
+              </div>
+              <span className="text-[13px] text-neutral-500 self-center">
+                Only check this box if customers can access, use, or buy your{" "}
+                <br />
+                product today.
               </span>
             </div>
           </div>

From 5c35dad5cbc2be48679230c3782d0bf00d3609c0 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 9 Oct 2024 11:36:44 +0700
Subject: [PATCH 07/12] Refactor component and page structure for
 responsiveness and add remote image patterns

---
 src/app/business/apply/page.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index c9fc720..07f8a3a 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -18,6 +18,7 @@ export default function Apply() {
   let supabase = createSupabaseClient();
   const [industry, setIndustry] = useState<string[]>([]);
   const [isInUS, setIsInUS] = useState("");
+  const [isForSale, setisForSale] = useState("");
 
   const fetchIndustry = async () => {
     let { data: BusinessType, error } = await supabase
@@ -104,7 +105,7 @@ export default function Apply() {
               How much money has your company <br /> raised to date?
             </Label>
             <div className="flex space-x-5">
-              <Input type="text" id="companyName" className="w-96" />
+              <Input type="text" id="companyName" className="w-96" placeholder="$   1,000,000"/>
               <span className="text-[13px] text-neutral-500 self-center">
                 The sum total of past financing, including angel or venture{" "}
                 <br />
@@ -148,20 +149,20 @@ export default function Apply() {
           {/* Is your product available (for sale) in market? */}
           <div className="space-y-5">
             <Label htmlFor="companyName" className="font-bold text-lg">
-              Is your product available (for sale) in market?
+              Is your product available (for sale) <br />in market?
             </Label>
             <div className="flex space-x-5">
               <div className="flex space-x-2 w-96">
                 <Button
-                  variant={isInUS === "Yes" ? "default" : "outline"}
-                  onClick={() => setIsInUS("Yes")}
+                  variant={isForSale === "Yes" ? "default" : "outline"}
+                  onClick={() => setisForSale("Yes")}
                   className="w-20 h-12 text-base"
                 >
                   Yes
                 </Button>
                 <Button
-                  variant={isInUS === "No" ? "default" : "outline"}
-                  onClick={() => setIsInUS("No")}
+                  variant={isForSale === "No" ? "default" : "outline"}
+                  onClick={() => setisForSale("No")}
                   className="w-20 h-12 text-base"
                 >
                   No

From 40d8b1d52eefacef3bdc3c05edb890de24475d9d Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 9 Oct 2024 11:51:07 +0700
Subject: [PATCH 08/12] Refactor component and page structure for
 responsiveness, add remote image patterns, improve form layout, and add new
 fields for generating revenue and pitch deck.

---
 src/app/business/apply/page.tsx | 96 +++++++++++++++++++++++++++++----
 1 file changed, 86 insertions(+), 10 deletions(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 07f8a3a..83b4291 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -18,7 +18,9 @@ export default function Apply() {
   let supabase = createSupabaseClient();
   const [industry, setIndustry] = useState<string[]>([]);
   const [isInUS, setIsInUS] = useState("");
-  const [isForSale, setisForSale] = useState("");
+  const [isForSale, setIsForSale] = useState("");
+  const [isGenerating, setIsGenarting] = useState("");
+  const [pitch, setPitch] = useState("");
 
   const fetchIndustry = async () => {
     let { data: BusinessType, error } = await supabase
@@ -69,7 +71,7 @@ export default function Apply() {
             </Label>
             <div className="flex space-x-5">
               <Input type="text" id="companyName" className="w-96" />
-              <span className="text-[13px] text-neutral-500 self-center">
+              <span className="text-[12px] text-neutral-500 self-center">
                 This should be the name your company uses on your <br />
                 website and in the market.
               </span>
@@ -94,7 +96,7 @@ export default function Apply() {
                   </SelectGroup>
                 </SelectContent>
               </Select>
-              <span className="text-[13px] text-neutral-500 self-center">
+              <span className="text-[12px] text-neutral-500 self-center">
                 Choose the industry that best aligns with your business.
               </span>
             </div>
@@ -105,8 +107,13 @@ export default function Apply() {
               How much money has your company <br /> raised to date?
             </Label>
             <div className="flex space-x-5">
-              <Input type="text" id="companyName" className="w-96" placeholder="$   1,000,000"/>
-              <span className="text-[13px] text-neutral-500 self-center">
+              <Input
+                type="text"
+                id="companyName"
+                className="w-96"
+                placeholder="$   1,000,000"
+              />
+              <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.
@@ -136,7 +143,7 @@ export default function Apply() {
                   No
                 </Button>
               </div>
-              <span className="text-[13px] text-neutral-500 self-center">
+              <span className="text-[12px] text-neutral-500 self-center">
                 Only companies that are incorporated or formed in the US are{" "}
                 <br />
                 eligible to raise via Reg CF. If your company is incorporated{" "}
@@ -149,32 +156,101 @@ export default function Apply() {
           {/* Is your product available (for sale) in market? */}
           <div className="space-y-5">
             <Label htmlFor="companyName" className="font-bold text-lg">
-              Is your product available (for sale) <br />in market?
+              Is your product available (for sale) <br />
+              in market?
             </Label>
             <div className="flex space-x-5">
               <div className="flex space-x-2 w-96">
                 <Button
                   variant={isForSale === "Yes" ? "default" : "outline"}
-                  onClick={() => setisForSale("Yes")}
+                  onClick={() => setIsForSale("Yes")}
                   className="w-20 h-12 text-base"
                 >
                   Yes
                 </Button>
                 <Button
                   variant={isForSale === "No" ? "default" : "outline"}
-                  onClick={() => setisForSale("No")}
+                  onClick={() => setIsForSale("No")}
                   className="w-20 h-12 text-base"
                 >
                   No
                 </Button>
               </div>
-              <span className="text-[13px] text-neutral-500 self-center">
+              <span className="text-[12px] text-neutral-500 self-center">
                 Only check this box if customers can access, use, or buy your{" "}
                 <br />
                 product today.
               </span>
             </div>
           </div>
+
+          {/* Is your company generating revenue?*/}
+          <div className="space-y-5">
+            <Label htmlFor="companyName" className="font-bold text-lg">
+              Is your company generating revenue?
+            </Label>
+            <div className="flex space-x-5">
+              <div className="flex space-x-2 w-96">
+                <Button
+                  variant={isGenerating === "Yes" ? "default" : "outline"}
+                  onClick={() => setIsGenarting("Yes")}
+                  className="w-20 h-12 text-base"
+                >
+                  Yes
+                </Button>
+                <Button
+                  variant={isGenerating === "No" ? "default" : "outline"}
+                  onClick={() => setIsGenarting("No")}
+                  className="w-20 h-12 text-base"
+                >
+                  No
+                </Button>
+              </div>
+              <span className="text-[12px] text-neutral-500 self-center">
+                Only check this box if your company is making money. <br />
+                Please elaborate on revenue and other traction below.
+              </span>
+            </div>
+          </div>
+
+          {/* Pitch deck */}
+          <div className="space-y-5">
+            <Label htmlFor="companyName" className="font-bold text-lg">
+              Pitch deck
+            </Label>
+            <div className="flex space-x-2 w-96">
+              <Button
+                variant={pitch === "text" ? "default" : "outline"}
+                onClick={() => setPitch("text")}
+                className="w-32 h-12 text-base"
+              >
+                Paste URL
+              </Button>
+              <Button
+                variant={pitch === "file" ? "default" : "outline"}
+                onClick={() => setPitch("file")}
+                className="w-32 h-12 text-base"
+              >
+                Upload a file
+              </Button>
+            </div>
+            <div className="flex space-x-5">
+              <Input
+                type={pitch}
+                id="companyName"
+                className="w-96"
+                placeholder="https:// "
+              />
+              <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.
+              </span>
+            </div>
+          </div>
         </div>
       </div>
     </div>

From 34cf467f835425f5543b77549c793d14466b288d Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 9 Oct 2024 11:56:07 +0700
Subject: [PATCH 09/12] Refactor component and page structure for
 responsiveness, add remote image patterns, improve form layout, and add new
 fields for generating revenue and pitch deck. Also, add a new field to
 capture the rough size of the community.

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

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 83b4291..1cbba5d 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -21,6 +21,7 @@ export default function Apply() {
   const [isForSale, setIsForSale] = useState("");
   const [isGenerating, setIsGenarting] = useState("");
   const [pitch, setPitch] = useState("");
+  const communitySize = ["N/A", "0-5K", "5-10K", "10-20K", "20-50K", "50-100K", "100K+"];
 
   const fetchIndustry = async () => {
     let { data: BusinessType, error } = await supabase
@@ -251,6 +252,33 @@ export default function Apply() {
               </span>
             </div>
           </div>
+
+          {/* What's the rough size of your community? */}
+          <div className="mt-10 space-y-5">
+            <Label htmlFor="industry" className="font-bold text-lg mt-10">
+              What's the rough size of your <br /> community?
+            </Label>
+            <div className="flex space-x-5">
+              <Select>
+                <SelectTrigger className="w-96">
+                  <SelectValue placeholder="Select" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectGroup>
+                    <SelectLabel>Select</SelectLabel>
+                    {communitySize.map((i) => (
+                      <SelectItem value={i}>{i}</SelectItem>
+                    ))}
+                  </SelectGroup>
+                </SelectContent>
+              </Select>
+              <span className="text-[12px] text-neutral-500 self-center">
+                Include your email list, social media following (i.e. Instagram,{" "}
+                <br /> Discord, Facebook, Twitter, TikTok). We’d like to
+                understand the <br /> rough size of your current audience.
+              </span>
+            </div>
+          </div>
         </div>
       </div>
     </div>

From 0e90f0ee7e4413d41a11eb561b8571a2b1b50287 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 9 Oct 2024 12:02:39 +0700
Subject: [PATCH 10/12] Refactor component and page structure for
 responsiveness, adjust company information layout

---
 src/app/business/apply/page.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 1cbba5d..3c0238c 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -21,7 +21,15 @@ export default function Apply() {
   const [isForSale, setIsForSale] = useState("");
   const [isGenerating, setIsGenarting] = useState("");
   const [pitch, setPitch] = useState("");
-  const communitySize = ["N/A", "0-5K", "5-10K", "10-20K", "20-50K", "50-100K", "100K+"];
+  const communitySize = [
+    "N/A",
+    "0-5K",
+    "5-10K",
+    "10-20K",
+    "20-50K",
+    "50-100K",
+    "100K+",
+  ];
 
   const fetchIndustry = async () => {
     let { data: BusinessType, error } = await supabase
@@ -57,7 +65,7 @@ export default function Apply() {
           </p>
         </div>
       </div>
-      <div className="grid grid-flow-row auto-rows-max w-full">
+      <div className="grid grid-flow-row auto-rows-max w-full ml-48">
         <h1 className="text-3xl font-bold mt-10 ml-96">About your company</h1>
         <p className="ml-96 mt-5 text-neutral-500">
           All requested information in this section is required.

From 32ea51b56ff3711bd1ca3e3d4170202b25df1dfd Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 9 Oct 2024 12:10:03 +0700
Subject: [PATCH 11/12] Refactor component and page structure for
 responsiveness, add submit button to application page

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

diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index 3c0238c..7e4d166 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -289,6 +289,12 @@ export default function Apply() {
           </div>
         </div>
       </div>
+      {/* Submit */}
+      <center>
+        <Button className="mt-12 mb-20 h-10 text-base font-bold py-6 px-5">
+          Submit application
+        </Button>
+      </center>
     </div>
   );
 }

From 80389a4f3369617c00afb74ae15a6ee0d517d86b Mon Sep 17 00:00:00 2001
From: sirin <sirinza29@gmail.com>
Date: Wed, 9 Oct 2024 14:24:25 +0700
Subject: [PATCH 12/12] Update next.config.mjs

---
 next.config.mjs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/next.config.mjs b/next.config.mjs
index db847a3..9bf4e22 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,19 +1,19 @@
 const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL_SOURCE;
 
 const nextConfig = {
-  reactStrictMode: true, // From the second config
+  reactStrictMode: true,
   images: {
     remotePatterns: [
       {
         protocol: "https",
         hostname: SUPABASE_URL,
         port: "",
-        pathname: "/storage/v1/object/sign/**", // From the second config
+        pathname: "/storage/v1/object/sign/**",
       },
       {
         protocol: "https",
         hostname: "upload.wikimedia.org",
-        pathname: "/wikipedia/**", // From the first config
+        pathname: "/wikipedia/**",
       },
     ],
   },