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] 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">