chore: update components folder structure, add constants, update existing layout components, scaffold pages

constants/colors.ts

@@ -0,0 +1,32 @@
+// Neutrals
+const bg = "#0a0a0a";
+const bgElevated = "#1c1c1c";
+const border = "#2e2e2e";
+const textMuted = "#6b6b6b";
+const text = "#ededed";
+
+// Accent
+const accent = "#d4a24a";
+
+// Hover states
+const bgElevatedHover = "#262626";
+const borderHover = "#3d3d3d";
+const textMutedHover = "#9a9a9a";
+const textHover = "#ffffff";
+const accentHover = "#e6b966";
+
+export const colors = {
+  bg,
+  bgElevated,
+  border,
+  textMuted,
+  text,
+  accent,
+  hover: {
+    bgElevated: bgElevatedHover,
+    border: borderHover,
+    textMuted: textMutedHover,
+    text: textHover,
+    accent: accentHover,
+  },
+};