Added text boxes for the project name and project path

Idk what other options there really needs to be but I'll try to think of
stuff

src/newproject/components/OptionButtons.css

@@ -9,5 +9,5 @@ h2 {
 }
 
 .container {
-  @apply bg-[rgb(24,24,36)] mt-10 p-5 border border-[rgb(48,48,72)] rounded-lg justify-center mx-auto w-fit flex flex-col gap-2;
+  @apply bg-[rgb(24,24,36)] mt-5 p-5 border border-[rgb(48,48,72)] rounded-lg justify-center mx-auto w-fit flex flex-col gap-2;
 }

src/newproject/routes/Home.css

@@ -0,0 +1,5 @@
+@import 'tailwindcss';
+
+input {
+    @apply w-full max-w-md p-2 border border-[rgb(48,48,72)] bg-[rgb(24,24,36)] rounded-lg mt-5;
+}

src/newproject/routes/Home.tsx

@@ -1,18 +1,37 @@
 import { useState } from 'react'
 import OptionButtons from '../components/OptionButtons'
+import './Home.css'
 
 export default function Home () {
   const [projectType, setProjectType] = useState<string>('website')
+  const [projectPath, setProjectPath] = useState<string>('');
+  const [projectName, setProjectName] = useState<string>('');
 
   return (
     <>
-        <OptionButtons
+        <div className='justify-center mx-auto w-fit'>
-          buttons={[
+          <input
-            { label: 'Website', onClick: () => setProjectType('website') },
+            type="text"
-            { label: 'Web Server', onClick: () => setProjectType('webserver') }
+            value={projectName}
-          ]}
+            onChange={(e) => setProjectName(e.target.value)}
-          name="Project Type"
+            placeholder="Project Name"
-        />
+          />
+
+          <input
+            type="text"
+            value={projectPath}
+            onChange={(e) => setProjectPath(e.target.value)}
+            placeholder="Project Path"
+          />
+
+          <OptionButtons
+            buttons={[
+              { label: 'Website', onClick: () => setProjectType('website') },
+              { label: 'Web Server', onClick: () => setProjectType('webserver') }
+            ]}
+            name="Project Type"
+          />
+        </div>
     </>
   )
 }