UniqueSoft/openpanel
2
0
Fork 0
mirror of https://github.com/stefanpejcic/openpanel synced 2025-06-26 18:28:26 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Update index.tsx

Browse Source
This commit is contained in:
Stefan Pejcic 2024-02-29 11:52:37 +01:00 committed by GitHub
parent b91dd75636
commit 62f6ef9271
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
documentation/src/pages/demo/index.tsx
View File

@ -1,11 +1,9 @@
import React from "react"; import React from "react";
import Head from "@docusaurus/Head"; import Head from "@docusaurus/Head";
import Link from "@docusaurus/Link";
import { BlogFooter } from "@site/src/refine-theme/blog-footer"; import { BlogFooter } from "@site/src/refine-theme/blog-footer";
import { CommonHeader } from "@site/src/refine-theme/common-header"; import { CommonHeader } from "@site/src/refine-theme/common-header";
import { CommonLayout } from "@site/src/refine-theme/common-layout"; import { CommonLayout } from "@site/src/refine-theme/common-layout";
import clsx from "clsx"; import clsx from "clsx";
import USE_CASES from "../../assets/use-cases";
const Demo: React.FC = () => { const Demo: React.FC = () => {
return ( return (
@ -50,58 +48,17 @@ const Demo: React.FC = () => {
<div className="flex-1 flex flex-col pt-8 lg:pt-16 pb-32 max-w-[800px] w-full mx-auto px-2"> <div className="flex-1 flex flex-col pt-4 lg:pt-6 pb-32 max-w-[1040px] w-full mx-auto px-2">
<p> <p>
Explore OpenAdmin & OpenPanel® with no strings attached. Explore OpenAdmin & OpenPanel® with no strings attached.
</p> </p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
{USE_CASES.map((useCase) => (
<div
key={useCase.route}
className="flex flex-col justify-between"
>
<div>
<Link to={`/docs/${useCase.route}/intro`}>
<img
src={useCase.thumbImgURL}
alt={useCase.title}
/>
</Link>
<div className="font-montserrat font-bold text-[#242436] my-2">
{useCase.title}
</div>
<div
className="font-montserrat text-[#242436] text-sm"
dangerouslySetInnerHTML={{
__html: useCase.description,
}}
/>
</div>
<Link
className="shadow-startTiles appearance-none flex items-center justify-center mt-2 mb-4 no-underline font-bold font-montserrat text-sm h-8 w-44 text-[#1890FF] text-center bg-white rounded-[4px] cursor-pointer border border-solid border-[#EDEDEF]"
to={`/docs/${useCase.route}/intro`}
>
Visit Docs
</Link>
</div>
))}
</div>
<div className="flex"> <div className="flex">
{/* First Column */} {/* First Column */}
<div className="w-1/2 pr-4"> <div className="w-1/2 pr-4">
<a href="https://demo.openpanel.co/openpanel/" target="_blank" rel="noopener noreferrer"> <a href="https://demo.openpanel.co/openpanel/" target="_blank" rel="noopener noreferrer">
<h2>OpenPanel Demo</h2> <h2>OpenPanel Demo</h2>
<img src="/img/panel/v1/dashboard/dashboard.png" alt="Demo OpenPanel" /> <img src="/img/panel/v1/dashboard/dashboard.png" alt="Demo OpenPanel" />
</a> </a>
<p> <p>
If you are a website owner, then we recommend interacting with the OpenPanel interface. This is where you can maintain your website. If you are a website owner, then we recommend interacting with the OpenPanel interface. This is where you can maintain your website.
</p> </p>
@ -113,7 +70,6 @@ If you are a website owner, then we recommend interacting with the OpenPanel int
<a href="https://demo.openpanel.co/openadmin/" target="_blank" rel="noopener noreferrer"> <a href="https://demo.openpanel.co/openadmin/" target="_blank" rel="noopener noreferrer">
<h2>OpenAdmin Demo</h2> <h2>OpenAdmin Demo</h2>
<img src="/img/admin/openadmin_dashboard.png" alt="Demo OpenAdmin" /> <img src="/img/admin/openadmin_dashboard.png" alt="Demo OpenAdmin" />
</a> </a>
<p> <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. If you are a web host, then we recommend interacting with the OpenAdmin interface. This is where you can run and maintain your server.