Refactor component and page structure for responsiveness and add remote image patterns

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>
+  );
 }

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>

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