diff --git a/documentation/src/pages/demo.md b/documentation/src/pages/demo.md deleted file mode 100644 index 1cf02e65..00000000 --- a/documentation/src/pages/demo.md +++ /dev/null @@ -1,28 +0,0 @@ ---- -title: OpenPanel Demo ---- - -# OpenPanel Demo - -Explore OpenAdmin & OpenPanel® with no strings attached. - - -## OpenPanel - -If you are a website owner, then we recommend interacting with the OpenPanel interface. This is where you can maintain your website. - -[Subscribe for OpenPanel demo](/) - -![dashboard.png](/img/panel/v1/dashboard/dashboard.png) - ---- - -## OpenAdmin - - -If you are a web host, then we recommend interacting with the OpenAdmin interface. This is where you can run and maintain your server. - -[Visit OpenAdmin demo](https://demo.openpanel.co/openadmin/) - - -[![openadmin dashboard](/img/admin/openadmin_dashboard.png)](https://demo.openpanel.co/openadmin/) diff --git a/documentation/src/pages/demo/index.tsx b/documentation/src/pages/demo/index.tsx new file mode 100644 index 00000000..82c0df19 --- /dev/null +++ b/documentation/src/pages/demo/index.tsx @@ -0,0 +1,54 @@ +import React from "react"; +import Head from "@docusaurus/Head"; +import { BlogFooter } from "@site/src/refine-theme/blog-footer"; +import { CommonHeader } from "@site/src/refine-theme/common-header"; +import { CommonLayout } from "@site/src/refine-theme/common-layout"; +import clsx from "clsx"; + +const Demo: React.FC = () => { + return ( + + + + +
+ + +
+

Live Demo

+

+Explore OpenAdmin & OpenPanel® with no strings attached. +

+
+ {/* First Column */} +
+ + Demo OpenPanel +

OpenPanel Demo

+ + +

+If you are a website owner, then we recommend interacting with the OpenPanel interface. This is where you can maintain your website. +

+ +
+ + {/* Second Column */} +
+ + Demo OpenAdmin +

OpenAdmin Demo

+ +

+If you are a web host, then we recommend interacting with the OpenAdmin interface. This is where you can run and maintain your server. +

+
+
+
+ +
+ + ); +}; + +export default Demo;