mirror of
https://github.com/stefanpejcic/openpanel
synced 2025-06-26 18:28:26 +00:00
adding
This commit is contained in:
Stefan Pejcic
parent
64d3543f70
commit
d0eeea0c0d
@ -28,7 +28,7 @@ export const LandingHeroGithubStars = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<a
|
<a
|
||||||
href={`/docs/changelog/${formatVersionForURL(version)}`}
|
href={`/docs/changelog/${version}`}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className={clsx(
|
className={clsx(
|
||||||
|
|||||||
128
documentation/src/refine-theme/landing-hero-section.tsx.save
Normal file
128
documentation/src/refine-theme/landing-hero-section.tsx.save
Normal 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>
|
||||||
|
);
|
||||||
|
};
|
||||||
@ -132,7 +132,7 @@ const Text = () => {
|
|||||||
>
|
>
|
||||||
<div className={clsx("ml-2", "not-prose")}>
|
<div className={clsx("ml-2", "not-prose")}>
|
||||||
<span className={clsx("font-semibold")}>OpenPanel Community</span>{" "}
|
<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
|
<span
|
||||||
className={clsx(
|
className={clsx(
|
||||||
"text-refine-cyan-alt hover:text-refine-cyan-alt",
|
"text-refine-cyan-alt hover:text-refine-cyan-alt",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user