@@ -9,7 +9,6 @@ import { notFound, redirect } from "next/navigation";
99import { CSSProperties } from "react" ;
1010import { ApplyHeader } from "../../header" ;
1111import { CTAButtons } from "./cta-buttons" ;
12- import { PixelConversion } from "./pixel-conversion" ;
1312import { Screenshot } from "./screenshot" ;
1413
1514export const dynamic = "force-dynamic" ;
@@ -85,111 +84,101 @@ export default async function SuccessPage(props: {
8584 const hasPartnerProfile = ! ! enrollmentId ;
8685
8786 return (
88- < >
89- { program . slug === "perplexity" && < PixelConversion /> }
90- < div
91- className = "relative"
92- style = {
93- {
94- "--brand" : program . group . brandColor || "#000000" ,
95- "--brand-ring" : "rgb(from var(--brand) r g b / 0.2)" ,
96- } as CSSProperties
97- }
98- >
99- < ApplyHeader
100- group = { program . group }
101- showLogin = { false }
102- showApply = { false }
103- />
104- < div className = "p-6" >
105- < div className = "grid grid-cols-1 gap-5 sm:pt-20" >
106- < span className = "w-fit rounded-md bg-neutral-100 px-2 py-1 text-xs font-medium text-neutral-700" >
107- Step 2 of 2
108- </ span >
109- < h1 className = "text-4xl font-semibold" >
110- { hasPartnerProfile
111- ? "Application submitted"
112- : "Finish your application" }
113- </ h1 >
114- < div className = "flex flex-col gap-4 text-base text-neutral-700" >
115- { hasPartnerProfile && (
116- < p >
117- Your application has been submitted for review.
118- { application && (
119- < >
120- { " " }
121- You'll receive an update at{ " " }
122- < strong className = "font-semibold" >
123- { application . email }
124- </ strong >
125- .
126- </ >
127- ) }
128- </ p >
129- ) }
130- { ! hasPartnerProfile && (
131- < p >
132- Your application to{ " " }
133- < strong className = "font-semibold" > { program . name } </ strong > has
134- been saved, but you still need to create your{ " " }
135- < strong className = "font-semibold" > Dub Partners</ strong > { " " }
136- account to complete your application.
137- < br />
138- < br />
139- Once you create your account, your application will be
140- submitted to < b > { program . name } </ b > and you'll hear back from
141- them{ " " }
142- < strong className = "font-semibold" >
143- { application ?. email
144- ? `at ${ application . email } `
145- : "via email" }
146- </ strong >
147- .
148- </ p >
149- ) }
150- </ div >
151- </ div >
152-
153- { /* Buttons */ }
154- < div className = "mt-12 flex flex-col gap-3" >
155- < CTAButtons />
87+ < div
88+ className = "relative"
89+ style = {
90+ {
91+ "--brand" : program . group . brandColor || "#000000" ,
92+ "--brand-ring" : "rgb(from var(--brand) r g b / 0.2)" ,
93+ } as CSSProperties
94+ }
95+ >
96+ < ApplyHeader group = { program . group } showLogin = { false } showApply = { false } />
97+ < div className = "p-6" >
98+ < div className = "grid grid-cols-1 gap-5 sm:pt-20" >
99+ < span className = "w-fit rounded-md bg-neutral-100 px-2 py-1 text-xs font-medium text-neutral-700" >
100+ Step 2 of 2
101+ </ span >
102+ < h1 className = "text-4xl font-semibold" >
103+ { hasPartnerProfile
104+ ? "Application submitted"
105+ : "Finish your application" }
106+ </ h1 >
107+ < div className = "flex flex-col gap-4 text-base text-neutral-700" >
108+ { hasPartnerProfile && (
109+ < p >
110+ Your application has been submitted for review.
111+ { application && (
112+ < >
113+ { " " }
114+ You'll receive an update at{ " " }
115+ < strong className = "font-semibold" >
116+ { application . email }
117+ </ strong >
118+ .
119+ </ >
120+ ) }
121+ </ p >
122+ ) }
123+ { ! hasPartnerProfile && (
124+ < p >
125+ Your application to{ " " }
126+ < strong className = "font-semibold" > { program . name } </ strong > has
127+ been saved, but you still need to create your{ " " }
128+ < strong className = "font-semibold" > Dub Partners</ strong > account
129+ to complete your application.
130+ < br />
131+ < br />
132+ Once you create your account, your application will be submitted
133+ to < b > { program . name } </ b > and you'll hear back from them{ " " }
134+ < strong className = "font-semibold" >
135+ { application ?. email ? `at ${ application . email } ` : "via email" }
136+ </ strong >
137+ .
138+ </ p >
139+ ) }
156140 </ div >
141+ </ div >
157142
158- { /* Screenshot */ }
159- < div className = "relative mt-16" >
160- < Screenshot
161- program = { { name : program . name , logo : program . logo } }
162- className = "h-auto w-full [mask-image:linear-gradient(black_80%,transparent)]"
163- />
164- < div className = "absolute bottom-0 left-1/2 -translate-x-1/2" >
165- < div className = "absolute -inset-[50%] rounded-full bg-white blur-lg" />
166-
167- { programSlug !== "dub" && (
168- < div className = "relative flex items-center gap-2 rounded-full border border-neutral-100 bg-gradient-to-b from-white to-neutral-50 p-2 shadow-[0_8px_28px_0_#00000017]" >
169- < img
170- className = "size-10 shrink-0 rounded-full"
171- src = { program . logo || `${ OG_AVATAR_URL } ${ program . name } ` }
172- alt = { `${ program . name } logo` }
173- />
174- < BoltFill className = "shrink-0 text-[var(--brand)] opacity-30" />
175- < Logo className = "size-10 shrink-0" />
176- </ div >
177- ) }
178- </ div >
179- </ div >
143+ { /* Buttons */ }
144+ < div className = "mt-12 flex flex-col gap-3" >
145+ < CTAButtons />
146+ </ div >
180147
181- { /* Feature grid */ }
182- < div className = "mt-16 grid grid-cols-1 gap-10 sm:grid-cols-2" >
183- { FEATURES . map ( ( { icon : Icon , title, description } ) => (
184- < div key = { title } className = "flex flex-col gap-2.5 text-sm" >
185- < Icon className = "size-4 shrink-0 text-[var(--brand)]" />
186- < h3 className = "font-semibold text-neutral-900" > { title } </ h3 >
187- < p className = "text-neutral-500" > { description } </ p >
148+ { /* Screenshot */ }
149+ < div className = "relative mt-16" >
150+ < Screenshot
151+ program = { { name : program . name , logo : program . logo } }
152+ className = "h-auto w-full [mask-image:linear-gradient(black_80%,transparent)]"
153+ />
154+ < div className = "absolute bottom-0 left-1/2 -translate-x-1/2" >
155+ < div className = "absolute -inset-[50%] rounded-full bg-white blur-lg" />
156+
157+ { programSlug !== "dub" && (
158+ < div className = "relative flex items-center gap-2 rounded-full border border-neutral-100 bg-gradient-to-b from-white to-neutral-50 p-2 shadow-[0_8px_28px_0_#00000017]" >
159+ < img
160+ className = "size-10 shrink-0 rounded-full"
161+ src = { program . logo || `${ OG_AVATAR_URL } ${ program . name } ` }
162+ alt = { `${ program . name } logo` }
163+ />
164+ < BoltFill className = "shrink-0 text-[var(--brand)] opacity-30" />
165+ < Logo className = "size-10 shrink-0" />
188166 </ div >
189- ) ) }
167+ ) }
190168 </ div >
191169 </ div >
170+
171+ { /* Feature grid */ }
172+ < div className = "mt-16 grid grid-cols-1 gap-10 sm:grid-cols-2" >
173+ { FEATURES . map ( ( { icon : Icon , title, description } ) => (
174+ < div key = { title } className = "flex flex-col gap-2.5 text-sm" >
175+ < Icon className = "size-4 shrink-0 text-[var(--brand)]" />
176+ < h3 className = "font-semibold text-neutral-900" > { title } </ h3 >
177+ < p className = "text-neutral-500" > { description } </ p >
178+ </ div >
179+ ) ) }
180+ </ div >
192181 </ div >
193- </ >
182+ </ div >
194183 ) ;
195184}
0 commit comments