mirror of
https://github.com/stefanpejcic/openpanel
synced 2025-06-26 18:28:26 +00:00
57 lines
2.2 KiB
TypeScript
57 lines
2.2 KiB
TypeScript
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/openpanel/" target="_blank" rel="noopener noreferrer">
|
|
<h2>OpenPanel Demo</h2>
|
|
<img src="/img/panel/v1/dashboard/dashboard.png" alt="Demo OpenPanel" />
|
|
|
|
</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">
|
|
<h2>OpenAdmin Demo</h2>
|
|
<img src="/img/admin/openadmin_dashboard.png" alt="Demo OpenAdmin" />
|
|
|
|
</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;
|