Add layout

Author: rmen527

src/components/Textbox.tsx

@@ -9,7 +9,7 @@ interface TextboxProps {
 
 export default function Textbox(props: TextboxProps) {
     return (
-        <div>
+        <div style={{ backgroundColor: "red" }}>
             {props.text}
         </div>
     )

src/pages/home/Home.tsx

@@ -3,13 +3,36 @@ import Textbox from "../../components/Textbox";
 
 function Home() {
   return (
+    // bg image
     <div className="relative min-h-screen bg-[url('/bg.png')] bg-cover bg-center bg-no-repeat overflow-hidden">
       <div className="flex h-full w-full">
-        {/* lef t */}
-        <div className="flex-1">left</div>
+        {/* left */}
+        <div className="flex-1 flex flex-col">
+
+          {/* logo */}
+          <div>Logo</div>
+
+          {/* python and alien code */}
+          <div className="flex">
+            <div className="flex-1">
+              Python Code
+            </div>
+            <div className="flex-1">
+              Alien Code
+            </div>
+          </div>
+
+          {/* task */}
+          <div>task</div>
+        </div>
 
         {/* right */}
-        <div className="flex-1">right</div>
+        <div className="flex-1">
+          <div>Code</div>
+          <div>Output</div>
+        </div>
+
+
       </div>
     </div>
   );