Skip to content

Commit 3d379e1

Browse files
cleanup Gitpod PAYG login CTAs (#21060)
1 parent ab1533c commit 3d379e1

File tree

1 file changed

+14
-67
lines changed

1 file changed

+14
-67
lines changed

components/dashboard/src/Login.tsx

Lines changed: 14 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,6 @@ import { ProductLogo } from "./components/ProductLogo";
2626
import { useIsDataOps } from "./data/featureflag-query";
2727
import { LoadingState } from "@podkit/loading/LoadingState";
2828
import { isGitpodIo } from "./utils";
29-
import { trackEvent } from "./Analytics";
30-
import { useToast } from "./components/toasts/Toasts";
3129
import onaWordmark from "./images/ona-wordmark.svg";
3230
import onaApplication from "./images/ona-application.webp";
3331

@@ -351,26 +349,6 @@ const LoginContent = ({
351349
};
352350

353351
const RightProductDescriptionPanel = () => {
354-
const [email, setEmail] = useState("");
355-
const [isSubmitted, setIsSubmitted] = useState(false);
356-
const { toast } = useToast();
357-
358-
const handleEmailSubmit = (e: React.FormEvent) => {
359-
e.preventDefault();
360-
if (!email.trim()) return;
361-
362-
trackEvent("waitlist_joined", { email: email, feature: "Ona" });
363-
364-
setIsSubmitted(true);
365-
366-
toast(
367-
<div>
368-
<div className="font-medium">You're on the waitlist</div>
369-
<div className="text-sm opacity-80">We'll reach out to you soon.</div>
370-
</div>,
371-
);
372-
};
373-
374352
return (
375353
<div className="w-full lg:max-w-lg 2xl:max-w-[600px] flex flex-col justify-center px-4 lg:px-4 md:min-h-screen my-auto">
376354
<div className="rounded-lg flex flex-col gap-6 text-white h-full py-4 lg:py-6 max-w-lg mx-auto w-full">
@@ -389,8 +367,9 @@ const RightProductDescriptionPanel = () => {
389367
</div>
390368

391369
<div className="flex flex-col gap-4 flex-1">
392-
<h2 className="text-white text-xl font-bold leading-tight text-center max-w-sm mx-auto">
393-
Ona - parallel SWE agents in the cloud, sandboxed for high-autonomy.{" "}
370+
<h2 className="text-white text-xl font-bold leading-tight text-start max-w-md mx-auto">
371+
Ona - parallel SWE agents in the cloud, sandboxed for high-autonomy. <br />
372+
<br />{" "}
394373
<a
395374
href="https://app.ona.com"
396375
target="_blank"
@@ -399,7 +378,9 @@ const RightProductDescriptionPanel = () => {
399378
>
400379
Start for free
401380
</a>{" "}
402-
and get $100 credits. Gitpod Classic sunsets Oct 15 |{" "}
381+
and get $100 credits. <br />
382+
<br />
383+
Gitpod Classic sunsets Oct 15 |{" "}
403384
<a
404385
href="https://ona.com/stories/gitpod-classic-payg-sunset"
405386
target="_blank"
@@ -422,48 +403,14 @@ const RightProductDescriptionPanel = () => {
422403
</div>
423404

424405
<div className="mt-4">
425-
{!isSubmitted ? (
426-
<form onSubmit={handleEmailSubmit} className="space-y-3">
427-
<div className="flex gap-2">
428-
<input
429-
type="email"
430-
value={email}
431-
onChange={(e) => setEmail(e.target.value)}
432-
placeholder="Enter your work email"
433-
className="flex-1 px-4 py-2.5 rounded-lg bg-white/10 backdrop-blur-sm border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30 text-sm"
434-
required
435-
/>
436-
<button
437-
type="submit"
438-
className="bg-white text-gray-900 font-medium py-2.5 px-4 rounded-lg hover:bg-gray-100 transition-colors text-sm inline-flex items-center justify-center gap-2"
439-
>
440-
Request access
441-
<span className="font-bold"></span>
442-
</button>
443-
</div>
444-
<p className="text-xs text-white/70">
445-
By submitting this, you agree to our{" "}
446-
<a
447-
href="https://www.gitpod.io/privacy/"
448-
target="_blank"
449-
rel="noopener noreferrer"
450-
className="underline hover:text-white"
451-
>
452-
privacy policy
453-
</a>
454-
</p>
455-
</form>
456-
) : (
457-
<a
458-
href="https://www.gitpod.io/solutions/ai"
459-
target="_blank"
460-
rel="noopener noreferrer"
461-
className="w-full bg-white/20 backdrop-blur-sm text-white font-medium py-2.5 px-4 rounded-lg hover:bg-white/30 transition-colors border border-white/20 inline-flex items-center justify-center gap-2 text-sm"
462-
>
463-
Learn more
464-
<span className="font-bold"></span>
465-
</a>
466-
)}
406+
<a
407+
href="https://app.ona.com"
408+
target="_blank"
409+
rel="noopener noreferrer"
410+
className="w-full bg-white/20 backdrop-blur-sm text-white font-medium py-2.5 px-4 rounded-lg hover:bg-white/30 transition-colors border border-white/20 inline-flex items-center justify-center gap-2 text-sm"
411+
>
412+
Try Ona <span className="font-bold"></span>
413+
</a>
467414
</div>
468415
</div>
469416
</div>

0 commit comments

Comments
 (0)