Added project type options to the new project manager

I'll add more stuff to this later. I don't feel like doing it rn.

src/newproject/components/OptionButtons.css

@@ -0,0 +1,9 @@
+@import 'tailwindcss';
+
+button {
+  @apply bg-[rgb(54,54,72)] hover:bg-[rgb(72,72,96)] border border-[rgb(72,72,96)] hover:border-[rgb(96,96,128)] m-1 p-2 rounded-lg transition-colors cursor-pointer;
+}
+
+.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 gap-2;
+}

src/newproject/components/OptionButtons.tsx

@@ -0,0 +1,22 @@
+import './OptionButtons.css'
+
+type ButtonOption = {
+  label: string;
+  onClick: () => void;
+};
+
+type OptionButtonsProps = {
+  buttons: ButtonOption[];
+};
+
+export default function OptionButtons({ buttons }: OptionButtonsProps) {
+  return (
+    <>
+      {buttons.map((btn, index) => (
+        <button key={index} onClick={btn.onClick}>
+          {btn.label}
+        </button>
+      ))}
+    </>
+  );
+}

src/newproject/routes/Home.tsx

@@ -1,3 +1,21 @@
+import OptionButtons from '../components/OptionButtons'
+
+let project_type = "site"
+
+// This is here so that a warning doesn't show cuz that annoys me
+console.log(project_type)
+
 export default function Home () {
-  return <></>
+  return (
+    <>
+      <div className='container'>
+        <OptionButtons
+          buttons={[
+            { label: "Website", onClick: () => project_type = "site" },
+            { label: "Web Server", onClick: () => project_type = "server" },
+          ]}
+        />
+      </div>
+    </>
+  )
 }