Skip to content

Commit ba1ff52

Browse files
LaphatizeLaphatize
authored
Merge pull request #189 from ctfguide-tech/dev
feat: new careers page
2 parents adffe05 + 47b2ecf commit ba1ff52

File tree

1 file changed

+74
-71
lines changed

1 file changed

+74
-71
lines changed

‎src/pages/careers.jsx

+74-71
Original file line numberDiff line numberDiff line change
@@ -116,30 +116,82 @@ export default function Careers() {
116116
</Head>
117117

118118
<Header />
119-
<main >
120-
<div style={{ backgroundImage: "url('https://formlabs-media.formlabs.com/filer_public_thumbnails/filer_public/67/16/67160d62-3040-4c77-9eca-a0be6bfa919a/pennstate_render_exterior.jpg__1354x0_q85_subsampling-2.jpg')", backgroundSize: 'cover', backgroundPosition: 'center' }}>
121-
<div className=" py-20 w-full text-left" style={{ backgroundColor: 'rgba(0, 0, 0, 0.7)' }}>
122-
<div className='max-w-7xl mx-auto'>
123-
<p className=" text-4xl font-bold text-white sm:text-4xl">
124-
careers@
125-
<span className="mt-2 text-4xl text-blue-600 font-bold tracking-tight sm:text-4xl">
126-
CTFGuide
127-
</span>
128-
</p>
129-
<p className="mt-1 text-xl text-white ">
130-
Join the company that's building the modern cybersecurity upskilling platform.
131-
</p>
119+
<main>
120+
<div className="bg-cover bg-center" style={{ backgroundImage: "url('https://formlabs-media.formlabs.com/filer_public_thumbnails/filer_public/67/16/67160d62-3040-4c77-9eca-a0be6bfa919a/pennstate_render_exterior.jpg__1354x0_q85_subsampling-2.jpg')" }}>
121+
<div className="py-20 w-full text-left bg-black bg-opacity-70">
122+
<div className='max-w-7xl mx-auto px-4 sm:px-6 lg:px-8'>
123+
<p className="text-4xl font-bold text-white sm:text-4xl">
124+
careers@
125+
<span className="mt-2 text-4xl text-blue-600 font-bold tracking-tight sm:text-4xl">
126+
CTFGuide
127+
</span>
128+
</p>
129+
<p className="mt-1 text-xl text-white">
130+
Join the company that's building the modern cybersecurity upskilling platform.
131+
</p>
132+
</div>
132133
</div>
133134
</div>
134-
</div>
135-
{/*
136-
sm is for "smaller" devices
137-
*/}
138135

139-
<div className='max-w-7xl mx-auto text-white mt-10 grid sm:grid-cols-6 grid-cols-1 gap-x-8'>
140-
<div className='col-span-2 w-full'>
141-
<p className='text-2xl font-bold'>Our Team</p>
142-
<div className='mt-4 flex flex-col gap-1 text-lg'>
136+
<div className='max-w-7xl w-full sm:px-2 px-4 mx-auto text-white mt-10 grid sm:grid-cols-6 grid-cols-1 sm:gap-x-8 gap-0'>
137+
138+
139+
140+
<div className='col-span-4 '>
141+
<h1 className='text-2xl font-bold text-blue-500'>Working with us</h1>
142+
<p className=' mt-4'>
143+
We're all about open, collaborative, and inclusive culture. We believe in learning from each other and the power of community.
144+
<br></br><br></br>
145+
Our team? Learners, not know-it-alls. We're after people who want to grow, not those who think they've got it all figured out.
146+
<br></br><br></br>
147+
We're remote-friendly, but a lot of us are in State College, PA. Work where you work best - remote, in-office, or a mix of both.
148+
149+
</p>
150+
151+
<h1 className='text-2xl font-bold mt-10 text-blue-500'>Backed by the best</h1>
152+
<p className='mt-4'> CTFGuide is funded by the best of the best. We're backed by investors like Penn State University and Bullmont Capital.</p>
153+
154+
<h1 className='mt-10 text-2xl font-bold text-blue-500'>Open Positions</h1>
155+
<p className='text-sm'>
156+
Applications require you to login with your Google account. You can also email your resume to [email protected].
157+
</p>
158+
<div className='mt-4 bg-neutral-800 p-4 flex justify-between items-center'>
159+
<div className='flex flex-col'>
160+
<h1 className='text-xl font-bold'>Backend SWE</h1>
161+
<p className='text-sm'>Remote</p>
162+
</div>
163+
164+
<div className='ml-auto'>
165+
<a href="https://forms.gle/AQrnizsKoyoG6Y1T7" className='bg-blue-700 hover:bg-blue-600 duration-100 px-4 py-2 rounded-md '>Apply</a>
166+
</div>
167+
</div>
168+
169+
<div className='mt-2 bg-neutral-800 p-4 flex justify-between items-center'>
170+
<div className='flex flex-col'>
171+
<h1 className='text-xl font-bold'>Content Writer</h1>
172+
<p className='text-sm'>Remote</p>
173+
</div>
174+
175+
<div className='ml-auto'>
176+
<a href="https://forms.gle/AQrnizsKoyoG6Y1T7" className='bg-blue-700 hover:bg-blue-600 duration-100 px-4 py-2 rounded-md '>Apply</a>
177+
</div>
178+
</div>
179+
180+
<div className='mt-2 bg-neutral-800 p-4 flex justify-between items-center'>
181+
<div className='flex flex-col'>
182+
<h1 className='text-xl font-bold'>Infrastructure Engineer</h1>
183+
<p className='text-sm'>Remote</p>
184+
</div>
185+
186+
<div className='ml-auto'>
187+
<a href="https://forms.gle/AQrnizsKoyoG6Y1T7" className='bg-blue-700 hover:bg-blue-600 duration-100 px-4 py-2 rounded-md '>Apply</a>
188+
</div>
189+
</div>
190+
</div>
191+
192+
<div className='col-span-2 w-full mt-10 sm:mt-0 sm:px-2 px-1 '>
193+
<p className='text-2xl font-bold text-blue-500'>Our Team</p>
194+
<div className='mt-4 flex flex-col gap-1 w-full text-lg '>
143195
<div className='w-full bg-neutral-800 py-4 px-4 flex'>
144196
<p>Pranav Ramesh</p>
145197
<p className='text-white bg-blue-700 px-4 rounded-md ml-auto'>Founder, CEO</p>
@@ -196,55 +248,6 @@ export default function Careers() {
196248
</div>
197249
</div>
198250

199-
200-
201-
<div className='col-span-4'>
202-
<h1 className='text-2xl font-bold'>Working with us</h1>
203-
<p className='text-xl mt-4'>
204-
We're all about open, collaborative, and inclusive culture. We believe in learning from each other and the power of community.
205-
<br></br><br></br>
206-
Our team? Learners, not know-it-alls. We're after people who want to grow, not those who think they've got it all figured out.
207-
<br></br><br></br>
208-
We're remote-friendly, but a lot of us are in State College, PA. Work where you work best - remote, in-office, or a mix of both.
209-
210-
</p>
211-
<h1 className='mt-10 text-2xl font-bold'>Open Positions</h1>
212-
<p>
213-
Applications require you to login with your Google account.
214-
</p>
215-
<div className='mt-4 bg-neutral-800 p-4 rounded-md flex justify-between items-center'>
216-
<div className='flex flex-col'>
217-
<h1 className='text-xl font-bold'>Backend SWE</h1>
218-
<p className='text-sm'>Remote</p>
219-
</div>
220-
221-
<div className='ml-auto'>
222-
<a href="https://forms.gle/AQrnizsKoyoG6Y1T7" className='bg-blue-700 px-4 py-2 rounded-md '>Apply</a>
223-
</div>
224-
</div>
225-
226-
<div className='mt-2 bg-neutral-800 p-4 rounded-md flex justify-between items-center'>
227-
<div className='flex flex-col'>
228-
<h1 className='text-xl font-bold'>Content Writer</h1>
229-
<p className='text-sm'>Remote</p>
230-
</div>
231-
232-
<div className='ml-auto'>
233-
<a href="https://forms.gle/AQrnizsKoyoG6Y1T7" className='bg-blue-700 px-4 py-2 rounded-md '>Apply</a>
234-
</div>
235-
</div>
236-
237-
<div className='mt-2 bg-neutral-800 p-4 rounded-md flex justify-between items-center'>
238-
<div className='flex flex-col'>
239-
<h1 className='text-xl font-bold'>Infrastructure Engineer</h1>
240-
<p className='text-sm'>Remote</p>
241-
</div>
242-
243-
<div className='ml-auto'>
244-
<a href="https://forms.gle/AQrnizsKoyoG6Y1T7" className='bg-blue-700 px-4 py-2 rounded-md '>Apply</a>
245-
</div>
246-
</div>
247-
</div>
248251

249252

250253
</div>
@@ -253,7 +256,7 @@ We're remote-friendly, but a lot of us are in State College, PA. Work where you
253256

254257
</main>
255258

256-
<div className="flex h-full w-full grow basis-0"></div>
259+
<div className="flex h-[12vh] w-full grow basis-0"></div>
257260

258261
<Footer />
259262
</>

0 commit comments

Comments
 (0)