init ana page with apis

tailwind.config.ts

@@ -0,0 +1,42 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+        "card-bg": "var(--card-bg)",
+        "card-border": "var(--card-border)",
+        "accent-blue": "var(--accent-blue)",
+        "accent-green": "var(--accent-green)",
+        "accent-red": "var(--accent-red)",
+        "accent-yellow": "var(--accent-yellow)",
+        "accent-purple": "var(--accent-purple)",
+        "accent-pink": "var(--accent-pink)",
+        "accent-teal": "var(--accent-teal)",
+        "accent-orange": "var(--accent-orange)",
+        "text-secondary": "var(--text-secondary)",
+        "progress-bg": "var(--progress-bg)",
+      },
+      borderColor: {
+        DEFAULT: "var(--card-border)",
+      },
+      backgroundImage: {
+        "gradient-blue": "var(--gradient-blue)",
+        "gradient-purple": "var(--gradient-purple)",
+        "gradient-green": "var(--gradient-green)",
+        "gradient-red": "var(--gradient-red)",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;