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 landing-hero-section.tsx

Browse Source
This commit is contained in:
Stefan Pejcic 2024-07-10 19:48:28 +02:00 committed by GitHub
parent 27289b3d04
commit cfe2a1fda8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
documentation/src/refine-theme/landing-hero-section.tsx
View File

@ -2,21 +2,13 @@ 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";
import { useTypewriter, Cursor } from 'react-simple-typewriter';
export const LandingHeroSection = ({ className }: { className?: string }) => {
const [text] = useTypewriter({
words: ['Hosting Panel', 'WP Manager', 'User Isolation'],
loop: 0, // 0 = infinite
typeSpeed: 70,
deleteSpeed: 50,
delaySpeed: 1000,
});
return (
<div
className={clsx(
@ -67,13 +59,7 @@ export const LandingHeroSection = ({ className }: { className?: string }) => {
"text-gray-900 dark:text-gray-0",
)}
>
<span className="text-transparent bg-clip-text bg-gradient-to-r from-[#0FBDBD] to-[#26D97F]">
Next Generation
</span>
<span>
{text}
<Cursor />
</span>
<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(
@ -83,8 +69,7 @@ export const LandingHeroSection = ({ className }: { className?: string }) => {
"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>
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(
@ -95,9 +80,9 @@ export const LandingHeroSection = ({ className }: { className?: string }) => {
"landing-lg:gap-6",
)}
>
<LandingCopyCommandButton
className={clsx("hidden", "landing-sm:block")}
/>
<LandingCopyCommandButton
className={clsx("hidden", "landing-sm:block")}
/>
</div>
</div>
<div