add tailwind

Author: marcklingen

package.json

@@ -1,34 +1,28 @@
 {
-  "name": "nextra-docs-template",
+  "name": "langfuse-docs",
   "version": "0.0.1",
-  "description": "Nextra docs template",
+  "description": "langfuse docs",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/shuding/nextra-docs-template.git"
-  },
-  "author": "Shu Ding <g@shud.in>",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/shuding/nextra-docs-template/issues"
-  },
-  "homepage": "https://github.com/shuding/nextra-docs-template#readme",
+  "homepage": "https://docs.langfuse.com",
   "dependencies": {
     "@cloudflare/stream-react": "^1.8.0",
+    "autoprefixer": "^10.4.14",
     "lucide-react": "^0.220.0",
     "next": "^13.0.6",
     "next-swagger-doc": "^0.3.6",
     "nextra": "latest",
     "nextra-theme-docs": "latest",
+    "postcss": "^8.4.24",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.8.0",
     "remark-mermaid-nextra": "^0.0.4",
-    "swagger-ui-react": "^4.18.3"
+    "swagger-ui-react": "^4.18.3",
+    "tailwindcss": "^3.3.2"
   },
   "devDependencies": {
     "@types/node": "18.11.10",

pages/_app.mdx

@@ -0,0 +1,5 @@
+import "../style.css";
+
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}

pages/index.mdx

@@ -13,15 +13,7 @@ import { AiOutlineCloud } from "react-icons/ai";
   open-source tracing and feedback collection for LLM applications
 </span>
 
-<div
-  style={{
-    marginTop: "30px",
-    marginBottom: "100px",
-    display: "flex",
-    gap: "20px",
-    justifyContent: "center",
-  }}
->
+<div className="flex pt-4 gap-3 justify-center flex-wrap">
   <Card icon={<span>🚀</span>} title="Quickstart" href="/docs/get-started" />
   <Card
     icon={<SiGithub size="24" />}