Fix broken styles

docs/src/app/components/pages/home.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import "./styles.css";
+import "./styles.css"
 
 import CopyableCode from "../CopyableCode";
 import { Browser } from "../Browser";

docs/src/app/components/pages/styles.css

@@ -1,13 +1,3 @@
-/* Override nextra styles restricting width */
-
-:root {
-  --nextra-content-width: unset !important;
-}
-
-header.nextra-navbar {
-  --nextra-content-width: 90rem;
-}
-
 article {
   padding-inline: 0 !important;
   padding-top: 0 !important;

docs/src/app/page.mdx

@@ -1,8 +0,0 @@
----
-title: Cup - The easiest way to manage your container updates
-description: Simple, fast, efficient Docker image update checking
----
-
-import Home from "@/app/components/pages/home";
-
-<Home />

docs/src/app/page.tsx

@@ -0,0 +1,22 @@
+import { useMDXComponents } from "@/mdx-components";
+import { Heading, NextraMetadata } from "nextra";
+import Home from "./components/pages/home";
+
+const Wrapper = useMDXComponents({}).wrapper;
+
+const toc: Heading[] = [];
+
+export const metadata: NextraMetadata = {
+  title: "Cup - The easiest way to manage your container updates",
+  description: "Simple, fast, efficient Docker image update checking",
+  filePath: "",
+};
+
+export default function Page() {
+  return (
+    // @ts-ignore
+    <Wrapper toc={toc} metadata={metadata} className={"x:mx-auto x:flex"}>
+      <Home />
+    </Wrapper>
+  );
+}