feat: add .dumi

.dumi/hooks/useDark.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const DarkContext = React.createContext(false);
+
+export default function useDark() {
+  return React.useContext(DarkContext);
+}

.dumi/pages/index.tsx

@@ -0,0 +1,62 @@
+import React, { type FC } from 'react';
+
+const HomePage: FC<{ content: string }> = ({ content }) => {
+  return (
+    // <Helmet>
+    //   <title>GPT Vision</title>
+    //   <meta property="og:title" content="GPT Vision" />
+    //   <meta name="description" content="GPT Vision" />
+    <main>
+      <section className="bg-slate-900">
+        <div className="mx-auto py-8 lg:py-12">
+          <div className="relative isolate overflow-hidden lg:mb-40">
+            <div className="mx-auto max-w-7xl px-6 py-24 sm:pb-32 lg:flex lg:px-3 lg:py-32 xl:px-6">
+              <div className="max-w-2xl flex-shrink-0 lg:mx-0 lg:max-w-lg lg:pt-8 xl:max-w-xl">
+                <div className="mt-12 lg:mt-12">
+                  <span className="rounded-full bg-blue-500/10 bg-gradient-to-r from-blue-500 via-blue-400 to-blue-200/60 bg-clip-text px-3 py-1 text-center text-xs font-semibold leading-6 text-transparent ring-1 ring-inset ring-blue-500/20 sm:text-sm">
+                    The perfect UI for your AI
+                  </span>
+                </div>
+                <h1 className="mt-6 bg-gradient-to-r from-gray-200/60 via-gray-200 to-gray-200/60 bg-clip-text text-5xl font-bold tracking-tight text-transparent sm:text-6xl">
+                  Beautiful components for your AI projects
+                </h1>
+                <p className="mt-6 text-base leading-8 text-slate-300 md:text-xl md:leading-10">
+                  GPT Vison is an Open Source Tailwind library with free to use
+                  components tailored for your AI and GPT projects. Focus on
+                  building the next best project and let it handle the UI.
+                </p>
+                <div className="mt-12 flex flex-col gap-x-6 gap-y-4 sm:flex-row sm:items-center">
+                  <a
+                    className="inline-flex items-center justify-center rounded-full bg-blue-600 px-3.5 py-2.5 text-sm font-semibold text-slate-50 transition-colors  hover:bg-blue-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"
+                    href="/components"
+                  >
+                    Browse AI components{' '}
+                    <span className="ml-1 h-fit animate-pulse rounded-md bg-white bg-opacity-25 px-2 py-1 text-[10px] leading-3">
+                      60+
+                    </span>
+                  </a>
+                  <a
+                    href="#features"
+                    className="group inline-flex justify-center rounded-md px-3.5 py-2.5 text-sm font-semibold text-slate-200 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"
+                  >
+                    Learn more{' '}
+                    <span
+                      className="inline-flex pl-2 transition-transform group-hover:translate-y-1 group-hover:transform"
+                      aria-hidden="true"
+                    >
+                      ↓
+                    </span>
+                  </a>
+                </div>
+              </div>
+              <div className="mx-auto ml-0 mt-16 grid w-full max-w-4xl auto-cols-max auto-rows-max grid-cols-2 gap-x-2 gap-y-4 lg:-mt-10 lg:ml-4 lg:grid-cols-2 xl:ml-32 xl:grid-cols-1"></div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+    // </Helmet>
+  );
+};
+
+export default HomePage;

.dumi/theme/layouts/GlobalLayout.tsx

@@ -0,0 +1,9 @@
+import { DarkContext } from '../../hooks/useDark';
+
+const GlobalLayout: React.FC = () => {
+  return (
+    <DarkContext.Provider value={theme.includes('dark')}></DarkContext.Provider>
+  );
+};
+
+export default GlobalLayout;

.dumi/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../tsconfig.json",
+  "include": ["**/*"]
+}