mirror of
https://github.com/sudosylabs/vnidrop.git
synced 2026-08-05 10:29:58 +02:00
feat(docs): add animated product website
This commit is contained in:
25
docs/components/platform-orbit.tsx
Normal file
25
docs/components/platform-orbit.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import { BrandMark } from "@/components/brand";
|
||||
|
||||
const platforms = ["Android", "iOS", "macOS", "Windows", "Linux"];
|
||||
|
||||
export function PlatformOrbit() {
|
||||
return (
|
||||
<div className="platform-orbit" aria-label="VniDrop supports Android, iOS, macOS, Windows, and Linux">
|
||||
<div className="platform-ring platform-ring-outer" aria-hidden="true" />
|
||||
<div className="platform-ring platform-ring-inner" aria-hidden="true" />
|
||||
<div className="platform-center" aria-hidden="true">
|
||||
<span className="platform-center-glow" />
|
||||
<BrandMark />
|
||||
</div>
|
||||
{platforms.map((platform, index) => (
|
||||
<span
|
||||
key={platform}
|
||||
className={`platform-chip platform-chip-${index + 1}`}
|
||||
>
|
||||
<i />
|
||||
{platform}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user