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:44:04 +02:00 committed by GitHub
parent 2057b5edbe
commit e6d09ca656
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,9 +6,17 @@ 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 Typical from 'react-typical';
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(
@ -62,11 +70,10 @@ export const LandingHeroSection = ({ className }: { className?: string }) => {
<span className="text-transparent bg-clip-text bg-gradient-to-r from-[#0FBDBD] to-[#26D97F]">
Next Generation
</span>
<Typical
steps={['Hosting Panel', 2000, 'WP Manager', 2000, 'User Isolation', 2000]}
loop={Infinity}
wrapper="span"
/>
<span>
{text}
<Cursor />
</span>
</h1>
<p
className={clsx(