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-07-12 09:39:02 +02:00
committed by GitHub
parent ab2b8785fe
commit 5775bb8a83
1 changed files with 12 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
documentation/src/pages/docs/index.tsx
View File

@@ -1,30 +1,20 @@
import React from "react";
import Head from "@docusaurus/Head";
import { FooterRedditIcon as RedditIcon } from "@site/src/refine-theme/icons/footer-reddit";
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 { GithubIcon } from "@site/src/refine-theme/icons/github";
import { JoinUsIcon } from "@site/src/refine-theme/icons/join-us";
import { MailIcon } from "@site/src/refine-theme/icons/mail";
import { MarkerIcon } from "@site/src/refine-theme/icons/marker";
import { OpenSourceIcon } from "@site/src/refine-theme/icons/open-source";
import { DiscordIcon, TwitterIcon } from "@site/src/refine-theme/icons/popover";
import Link from "@docusaurus/Link";
import clsx from "clsx";
import React from "react";
import { useColorMode } from "@docusaurus/theme-common";
import { YCombinatorCircleIcon } from "@site/src/refine-theme/icons/ycombinator-circle";
import { CommonThemedImage } from "@site/src/refine-theme/common-themed-image";
import { LandingTryItSection } from "@site/src/refine-theme/docs-section";
const About: React.FC = () => {
const { colorMode } = useColorMode();
const Demo: React.FC = () => {
return (
<>
<CommonLayout>
<Head title="Documentation | OpenPanel">
<html data-page="about" data-customized="true" />
<html data-page="docs" data-customized="true" />
</Head>
<div className="refine-prose">
<CommonHeader hasSticky={true} />
<div
className={clsx(
"not-prose",
@@ -39,7 +29,7 @@ const About: React.FC = () => {
<h1
className={clsx(
"font-semibold",
"!mb-0",
"mb-12",
"text-gray-900 dark:text-gray-0",
"text-xl md:text-[40px] md:leading-[56px]",
)}
@@ -48,57 +38,19 @@ const About: React.FC = () => {
<span className="text-transparent bg-clip-text bg-gradient-to-r text-gradient-to-r from-[#0FBDBD] to-[#26D97F]">
OpenPanel
</span>
, and{" "}
and{" "}
<span className="text-transparent bg-clip-text bg-gradient-to-r text-gradient-to-r from-[#FF9933] to-[#FF4C4D]">
OpenAdmin
</span>
.
</h1>
<LandingTryItSection />
</div>
<div className="flex-1 flex flex-col pt-4 lg:pt-6 pb-32 max-w-[1040px] w-full mx-auto px-2">
<p>
Whether you are a new user or an experienced administrator, our comprehensive documentation is designed to get you up and running quickly, while also providing deep insights into advanced features and customization options. Explore our resources below to make the most out of our products.
</p>
<div className="flex">
{/* First Column */}
<div className="w-1/2 pr-4">
<a href="/docs/panel/intro/" rel="noopener noreferrer">
<h2>OpenPanel Docs</h2>
<img src="/img/panel/v1/dashboard/dashboard.png" alt="OpenPanel Documentation" />
</a>
<p>
OpenPanel offers a robust interface for end-users aiming to simplify the complexities of web and server management. From adding domains to managing your websites, our documentation covers everything you need to seamlessly navigate through the interface.
</p>
</div>
{/* Second Column */}
<div className="w-1/2 pl-4">
<a href="/docs/admin/intro/" rel="noopener noreferrer">
<h2>OpenAdmin Docs</h2>
<img src="/img/admin/openadmin_dashboard.png" alt="OpenAdmin Documentation" />
</a>
<p>
OpenAdmin is tailored for administrators seeking fine-grained control over server configurations and management. Our documentation provides in-depth knowledge to help you customize and secure your server environment.
</p>
</div>
</div>
</div>
<BlogFooter />
</div>
</>
</CommonLayout>
);
};
export default function AboutPage() {
return (
<CommonLayout>
<About />
</CommonLayout>
);
}
export default Demo;