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

adding

Browse Source
This commit is contained in:
Stefan Pejcic 2024-03-21 15:46:55 +01:00
parent 64d3543f70
commit d0eeea0c0d
3 changed files with 130 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
documentation/src/refine-theme/landing-hero-github-stars.tsx
View File

@ -28,7 +28,7 @@ export const LandingHeroGithubStars = () => {
return (
<a
href={`/docs/changelog/${formatVersionForURL(version)}`}
href={`/docs/changelog/${version}`}
target="_blank"
rel="noopener noreferrer"
className={clsx(

128
documentation/src/refine-theme/landing-hero-section.tsx.save Normal file
View File

@ -0,0 +1,128 @@
import React from "react";
import clsx from "clsx";
import { LandingHeroGithubStars } from "./landing-hero-github-stars";
import { LandingStartActionIcon } from "./icons/landing-start-action";
import { LandingHeroAnimation } from "./landing-hero-animation";
import { LandingCopyCommandButton } from "./landing-copy-command-button";
import Link from "@docusaurus/Link";
import { LandingHeroShowcaseSection } from "./landing-hero-showcase-section";
export const LandingHeroSection = ({ className }: { className?: string }) => {
return (
<div
className={clsx(
"flex",
"flex-col",
"w-full",
"gap-4",
"landing-sm:gap-12",
"landing-md:gap-[59px]",
"landing-lg:gap-20",
className,
)}
>
<div
className={clsx(
"px-2 landing-sm:px-0",
"flex",
"flex",
"w-full",
"relative",
"min-h-[360px]",
"landing-lg:min-h-[480px]",
"py-4",
)}
>
<div
className={clsx(
"landing-sm:pl-10",
"flex",
"flex-col",
"justify-center",
"gap-6",
"z-[1]",
"landing-lg:justify-between",
"landing-lg:py-8",
)}
>
<LandingHeroGithubStars />
<div className={clsx("flex", "flex-col", "gap-6")}>
<h1
className={clsx(
"text-[32px] leading-[40px]",
"tracking-[-0.5%]",
"landing-sm:text-[56px] landing-sm:leading-[72px]",
"landing-sm:max-w-[588px]",
"landing-sm:tracking-[-2%]",
"font-extrabold",
"text-gray-900 dark:text-gray-0",
)}
>
<span class="text-transparent bg-clip-text bg-gradient-to-r text-gradient-to-r from-[#0FBDBD] to-[#26D97F]">Next Generation</span> Hosting Panel
</h1>
<p
className={clsx(
"font-normal",
"text-base",
"text-gray-600 dark:text-gray-300",
"landing-xs:max-w-[384px]",
)}
>
Deliver a VPS-like experience to your users at a fraction of the cost, with all-inclusive features such as resource limiting, and enhanced security seamlessly integrated for worry-free hosting. </p>
</div>
<div
className={clsx(
"flex",
"items-center",
"justify-start",
"gap-4",
"landing-lg:gap-6",
)}
>
<Link
to="docs/admin/intro/#installation"
className={clsx(
"self-start",
"rounded-3xl",
"!text-gray-0 dark:!text-gray-900",
"bg-refine-blue dark:bg-refine-cyan-alt",
"transition-[filter]",
"duration-150",
"ease-in-out",
"hover:brightness-110",
"py-3",
"pl-7 pr-8",
"landing-md:px-8",
"landing-lg:pl-7 landing-lg:pr-8",
"flex",
"items-center",
"justify-center",
"gap-2",
"hover:!no-underline",
)}
>
<LandingStartActionIcon />
<span
className={clsx("text-base", "font-semibold")}
>
Get started
</span>
</Link>
</div>
</div>
<div
className={clsx(
"hidden landing-md:block",
"absolute",
"top-0",
"right-0",
)}
>
<LandingHeroAnimation />
</div>
</div>
<LandingHeroShowcaseSection />
</div>
);
};

2
documentation/src/refine-theme/top-announcement.tsx
View File

@ -132,7 +132,7 @@ const Text = () => {
>
<div className={clsx("ml-2", "not-prose")}>
<span className={clsx("font-semibold")}>OpenPanel Community</span>{" "}
edition is out! Give it a spin and tell us what you think
edition s out! Give it a spin and tell us what you think
<span
className={clsx(
"text-refine-cyan-alt hover:text-refine-cyan-alt",