mirror of
https://github.com/gitpod-io/gitpod.git
synced 2025-12-08 17:36:30 +00:00
cleanup Gitpod PAYG login CTAs (#21060)
This commit is contained in:
Siddhant Khare
GitHub
parent
ab1533ca63
commit
3d379e1ef3
@ -26,8 +26,6 @@ import { ProductLogo } from "./components/ProductLogo";
|
|||||||
import { useIsDataOps } from "./data/featureflag-query";
|
import { useIsDataOps } from "./data/featureflag-query";
|
||||||
import { LoadingState } from "@podkit/loading/LoadingState";
|
import { LoadingState } from "@podkit/loading/LoadingState";
|
||||||
import { isGitpodIo } from "./utils";
|
import { isGitpodIo } from "./utils";
|
||||||
import { trackEvent } from "./Analytics";
|
|
||||||
import { useToast } from "./components/toasts/Toasts";
|
|
||||||
import onaWordmark from "./images/ona-wordmark.svg";
|
import onaWordmark from "./images/ona-wordmark.svg";
|
||||||
import onaApplication from "./images/ona-application.webp";
|
import onaApplication from "./images/ona-application.webp";
|
||||||
|
|
||||||
@ -351,26 +349,6 @@ const LoginContent = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
const RightProductDescriptionPanel = () => {
|
const RightProductDescriptionPanel = () => {
|
||||||
const [email, setEmail] = useState("");
|
|
||||||
const [isSubmitted, setIsSubmitted] = useState(false);
|
|
||||||
const { toast } = useToast();
|
|
||||||
|
|
||||||
const handleEmailSubmit = (e: React.FormEvent) => {
|
|
||||||
e.preventDefault();
|
|
||||||
if (!email.trim()) return;
|
|
||||||
|
|
||||||
trackEvent("waitlist_joined", { email: email, feature: "Ona" });
|
|
||||||
|
|
||||||
setIsSubmitted(true);
|
|
||||||
|
|
||||||
toast(
|
|
||||||
<div>
|
|
||||||
<div className="font-medium">You're on the waitlist</div>
|
|
||||||
<div className="text-sm opacity-80">We'll reach out to you soon.</div>
|
|
||||||
</div>,
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<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">
|
<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">
|
||||||
<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">
|
<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 = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex flex-col gap-4 flex-1">
|
<div className="flex flex-col gap-4 flex-1">
|
||||||
<h2 className="text-white text-xl font-bold leading-tight text-center max-w-sm mx-auto">
|
<h2 className="text-white text-xl font-bold leading-tight text-start max-w-md mx-auto">
|
||||||
Ona - parallel SWE agents in the cloud, sandboxed for high-autonomy.{" "}
|
Ona - parallel SWE agents in the cloud, sandboxed for high-autonomy. <br />
|
||||||
|
<br />{" "}
|
||||||
<a
|
<a
|
||||||
href="https://app.ona.com"
|
href="https://app.ona.com"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@ -399,7 +378,9 @@ const RightProductDescriptionPanel = () => {
|
|||||||
>
|
>
|
||||||
Start for free
|
Start for free
|
||||||
</a>{" "}
|
</a>{" "}
|
||||||
and get $100 credits. Gitpod Classic sunsets Oct 15 |{" "}
|
and get $100 credits. <br />
|
||||||
|
<br />
|
||||||
|
Gitpod Classic sunsets Oct 15 |{" "}
|
||||||
<a
|
<a
|
||||||
href="https://ona.com/stories/gitpod-classic-payg-sunset"
|
href="https://ona.com/stories/gitpod-classic-payg-sunset"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@ -422,48 +403,14 @@ const RightProductDescriptionPanel = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-4">
|
<div className="mt-4">
|
||||||
{!isSubmitted ? (
|
<a
|
||||||
<form onSubmit={handleEmailSubmit} className="space-y-3">
|
href="https://app.ona.com"
|
||||||
<div className="flex gap-2">
|
target="_blank"
|
||||||
<input
|
rel="noopener noreferrer"
|
||||||
type="email"
|
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"
|
||||||
value={email}
|
>
|
||||||
onChange={(e) => setEmail(e.target.value)}
|
Try Ona <span className="font-bold">↗</span>
|
||||||
placeholder="Enter your work email"
|
</a>
|
||||||
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"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
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"
|
|
||||||
>
|
|
||||||
Request access
|
|
||||||
<span className="font-bold">→</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<p className="text-xs text-white/70">
|
|
||||||
By submitting this, you agree to our{" "}
|
|
||||||
<a
|
|
||||||
href="https://www.gitpod.io/privacy/"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
className="underline hover:text-white"
|
|
||||||
>
|
|
||||||
privacy policy
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</form>
|
|
||||||
) : (
|
|
||||||
<a
|
|
||||||
href="https://www.gitpod.io/solutions/ai"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
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"
|
|
||||||
>
|
|
||||||
Learn more
|
|
||||||
<span className="font-bold">→</span>
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user