highperfocused/multica
1
0
Fork 0
mirror of https://github.com/multica-ai/multica.git synced 2026-07-06 14:00:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(landing): remove install command from hero

Browse Source 
Per design feedback, the install command pill is removed from the hero.
The download path now flows through the Download Desktop CTA only;
install instructions remain available in the docs and README.
This commit is contained in:
Jiayuan Zhang
2026-04-17 09:33:20 +08:00
parent e8bf16dcc7
commit 78223ab8ff
1 changed files with 0 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
apps/web/features/landing/components/landing-hero.tsx
View File

@@ -1,6 +1,5 @@
"use client";
import { useCallback, useState } from "react";
import Image from "next/image";
import Link from "next/link";
import { useAuthStore } from "@multica/core/auth";
@@ -65,8 +64,6 @@ export function LandingHero() {
{t.hero.downloadDesktop}
</Link>
</div>
<InstallCommand />
</div>
<div className="mt-10 flex flex-wrap items-center justify-center gap-x-6 gap-y-3">
@@ -106,71 +103,6 @@ export function LandingHero() {
);
}
const INSTALL_COMMAND =
"curl -fsSL https://raw.githubusercontent.com/multica-ai/multica/main/scripts/install.sh | bash";
function InstallCommand() {
const [copied, setCopied] = useState(false);
const handleCopy = useCallback(async () => {
try {
await navigator.clipboard.writeText(INSTALL_COMMAND);
setCopied(true);
setTimeout(() => setCopied(false), 2000);
} catch {
// ignore
}
}, []);
return (
<div className="mx-auto mt-6 flex w-full max-w-full items-stretch gap-1 rounded-lg border border-white/10 bg-white/5 p-1 backdrop-blur-sm sm:w-auto sm:max-w-fit">
<code className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-left font-mono text-[13px] text-white/70">
<span className="shrink-0 text-white/40 select-none" aria-hidden="true">
$
</span>
<span className="min-w-0 break-all select-all sm:break-normal">
{INSTALL_COMMAND}
</span>
</code>
<button
type="button"
onClick={handleCopy}
aria-label={copied ? "Copied" : "Copy install command"}
className="flex shrink-0 items-center justify-center rounded-md px-2.5 text-white/40 transition-colors hover:bg-white/[0.08] hover:text-white/90"
>
{copied ? (
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className="size-3.5 text-green-400"
aria-hidden="true"
>
<polyline points="20 6 9 17 4 12" />
</svg>
) : (
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className="size-3.5"
aria-hidden="true"
>
<rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
</svg>
)}
</button>
</div>
);
}
function LandingBackdrop() {
return (
<div className="pointer-events-none absolute inset-0">