1- import { useEffect , useState } from "react" ;
2- import { AppsmithLogo } from "~/assets/logos/AppsmithLogo" ;
3- import { CalComLogo } from "~/assets/logos/CalComLogo" ;
4- import { LyftLogo } from "~/assets/logos/LyftLogo" ;
5- import { MiddayLogo } from "~/assets/logos/MiddayLogo" ;
6- import { TldrawLogo } from "~/assets/logos/TldrawLogo" ;
7- import { UnkeyLogo } from "~/assets/logos/UnkeyLogo" ;
81import { LogoType } from "./LogoType" ;
92import { LinkButton } from "./primitives/Buttons" ;
10- import { Header3 } from "./primitives/Headers" ;
113import { Paragraph } from "./primitives/Paragraph" ;
124import { TextLink } from "./primitives/TextLink" ;
135import { BookOpenIcon } from "@heroicons/react/20/solid" ;
146
15- interface QuoteType {
16- quote : string ;
17- person : string ;
18- }
19-
20- const quotes : QuoteType [ ] = [
21- {
22- quote : "Trigger.dev is redefining background jobs for modern developers." ,
23- person : "Paul Copplestone, Supabase" ,
24- } ,
25- {
26- quote :
27- "Trigger.dev is a great way to automate email campaigns with Resend, and we've heard nothing but good things from our mutual customers." ,
28- person : "Zeno Rocha, Resend" ,
29- } ,
30- {
31- quote : "We love Trigger.dev and it’s had a big impact in dev iteration velocity already." ,
32- person : "André Neves, ZBD" ,
33- } ,
34- {
35- quote :
36- "We’ve been looking for a product like Trigger.dev for a really long time - automation that's simple and developer-focused." ,
37- person : "Han Wang, Mintlify" ,
38- } ,
39- ] ;
40-
417export function LoginPageLayout ( { children } : { children : React . ReactNode } ) {
42- const [ randomQuote , setRandomQuote ] = useState < QuoteType | null > ( null ) ;
43- useEffect ( ( ) => {
44- const randomIndex = Math . floor ( Math . random ( ) * quotes . length ) ;
45- setRandomQuote ( quotes [ randomIndex ] ) ;
46- } , [ ] ) ;
47-
488 return (
499 < main className = "grid h-full grid-cols-1 md:grid-cols-2" >
5010 < div className = "border-r border-grid-bright bg-background-bright" >
5111 < div className = "flex h-full flex-col items-center justify-between p-6" >
5212 < div className = "flex w-full items-center justify-between" >
53- < a href = "https://trigger.dev " >
13+ < a href = "/ " >
5414 < LogoType className = "w-36" />
5515 </ a >
5616 < LinkButton
57- to = "https://trigger.dev /docs"
17+ to = "/docs"
5818 variant = { "tertiary/small" }
5919 LeadingIcon = { BookOpenIcon }
6020 >
@@ -63,27 +23,21 @@ export function LoginPageLayout({ children }: { children: React.ReactNode }) {
6323 </ div >
6424 < div className = "flex h-full max-w-sm items-center justify-center" > { children } </ div >
6525 < Paragraph variant = "small" className = "text-center" >
66- Having login issues? < TextLink href = "https://@trigger.dev/contact" > Email us </ TextLink > { " " }
67- or < TextLink href = "https://trigger .dev/discord" > ask us in Discord </ TextLink >
26+ Having login issues?{ " " }
27+ < TextLink href = "mailto:support@airtrigger .dev" > Email us</ TextLink >
6828 </ Paragraph >
6929 </ div >
7030 </ div >
7131 < div className = "hidden grid-rows-[1fr_auto] pb-6 md:grid" >
7232 < div className = "flex h-full flex-col items-center justify-center px-16" >
73- < Header3 className = "relative text-center text-2xl font-normal leading-8 text-text-dimmed transition before:relative before:right-1 before:top-0 before:text-6xl before:text-charcoal-750 before:content-['❝'] lg-height:text-xl md-height:text-lg" >
74- { randomQuote ?. quote }
75- </ Header3 >
76- < Paragraph className = "mt-4 text-text-dimmed/60" > { randomQuote ?. person } </ Paragraph >
77- </ div >
78- < div className = "flex flex-col items-center gap-4 px-8" >
79- < Paragraph > Trusted by developers at</ Paragraph >
80- < div className = "flex w-full flex-wrap items-center justify-center gap-x-6 gap-y-3 text-charcoal-500 xl:justify-between xl:gap-0" >
81- < LyftLogo className = "w-11" />
82- < UnkeyLogo />
83- < MiddayLogo />
84- < AppsmithLogo />
85- < CalComLogo />
86- < TldrawLogo />
33+ < div className = "flex flex-col items-center gap-4" >
34+ < h2 className = "text-center text-2xl font-semibold text-text-bright" >
35+ Background jobs, simplified.
36+ </ h2 >
37+ < p className = "max-w-md text-center text-text-dimmed" >
38+ Run reliable background tasks with zero infrastructure overhead. Build, deploy, and
39+ monitor your workflows from one place.
40+ </ p >
8741 </ div >
8842 </ div >
8943 </ div >
0 commit comments