Update and rename documentation/src/pages/demo.md to documentation/src/pages/demo/index.tsx

This commit is contained in:
Stefan Pejcic 2024-02-11 00:18:24 +01:00 committed by GitHub
parent 8cecd5f5b3
commit 3b7caa379c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 54 additions and 28 deletions

View File

@ -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/)

View File

@ -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 (
<CommonLayout>
<Head title="Live Demo | OpenPanel">
<html data-page="demo" data-customized="true" />
</Head>
<div className="refine-prose">
<CommonHeader hasSticky={true} />
<div className="flex-1 flex flex-col pt-8 lg:pt-16 pb-32 max-w-[800px] w-full mx-auto px-2">
<h1>Live Demo</h1>
<p>
Explore OpenAdmin & OpenPanel® with no strings attached.
</p>
<div className="flex">
{/* First Column */}
<div className="w-1/2 pr-4">
<a href="https://demo.openpanel.co/openapanel/" target="_blank" rel="noopener noreferrer">
<img src="/img/panel/v1/dashboard/dashboard.png" alt="Demo OpenPanel" />
<h2>OpenPanel Demo</h2>
</a>
<p>
If you are a website owner, then we recommend interacting with the OpenPanel interface. This is where you can maintain your website.
</p>
</div>
{/* Second Column */}
<div className="w-1/2 pl-4">
<a href="https://demo.openpanel.co/openadmin/" target="_blank" rel="noopener noreferrer">
<img src="/img/admin/openadmin_dashboard.png" alt="Demo OpenAdmin" />
<h2>OpenAdmin Demo</h2>
</a>
<p>
If you are a web host, then we recommend interacting with the OpenAdmin interface. This is where you can run and maintain your server.
</p>
</div>
</div>
</div>
<BlogFooter />
</div>
</CommonLayout>
);
};
export default Demo;