/
index.html
553 lines (518 loc) · 32.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
<!doctype html>
<html lang="en" class="overflow-x-hidden">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>No Compromises</title>
<meta name="description" content="Hire two world-class Laravel devs in less time than it takes to post on a job board.">
<meta property="og:title" content="Hands-on help for Laravel teams">
<meta property="og:description" content="Hire two world-class Laravel devs in less time than it takes to post on a job board.">
<meta property="og:url" content="https://nocompromises.io">
<meta property="og:site_name" content="No Compromises">
<meta property="og:image" content="https://nocompromises.io/og-image-large.webp">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Hands-on help for Laravel teams">
<meta name="twitter:description" content="Hire two world-class Laravel devs in less time than it takes to post on a job board.">
<meta name="twitter:image" content="https://nocompromises.io/og-image-square.png">
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet" />
<script src="https://assets.calendly.com/assets/external/widget.js" defer></script>
<script src="https://cdn.usefathom.com/script.js" data-site="TVVUCQRO" defer></script>
</head>
<body class="bg-dark-blue-1 text-base antialiased light-effect overflow-x-hidden">
<header class="container mx-auto max-w-6xl px-6 mb-14 md:mb-24">
<nav class="flex justify-between pt-4 md:pt-8">
<div>
<a href="/"><img src="images/logo-transparent-bg.svg" alt="Logo" class="h-12 md:h-auto"></a>
</div>
<div>
<a href="#pricing" class="inline-block px-6 py-2 md:px-10 md:py-5 rounded-lg text-h5-b md:text-h4-b text-white bg-gradient-to-b from-blue-2 to-blue-1 hover:from-blue-1 hover:to-blue-2 drop-shadow-sm relative z-10">
Work with us
</a>
</div>
</nav>
</header>
<main class="grid">
<section class="container mx-auto max-w-4xl px-6 py-4 text-center md:mb-10">
<h1 class="text-h3-b md:text-h1-b text-white">Hire two world-class Laravel devs</h1>
<p class="max-w-3xl mx-auto text-h3-l md:text-h1-l gradient-text">in less time than it takes to post on a job board.</p>
<div class="mt-10 md:mt-20 max-w-2xl mx-auto">
<img src="images/us.webp" alt="Us two guys with code">
</div>
</section>
<section class="container mx-auto max-w-6xl px-6 py-4 my-10 md:my-20">
<div class="grid gap-0 md:gap-8 xl:gap-0 grid-cols-1 md:grid-cols-2">
<div class="mb-10 md:mb-0">
<p class="mb-6 text-h3-b md:text-h1-b text-white">
You want to move faster,
<span class="text-h3-l md:text-h1-l gradient-text">so let's go!</span>
</p>
<p class="text-base md:text-lg text-blue-3 max-w-lg">
Skip the recruiters, rounds of interviews, new employee paperwork and get right to the fun part: shipping.
</p>
</div>
<div class="grid gap-7">
<div class="grid grid-flow-col grid-cols-bullet gap-6 md:gap-8 place-items-center">
<div class="py-6 md:py-8 px-7 md:px-9 rounded-xl bg-gradient-to-b from-blue-202 to-blue-201 bullet text-center backdrop-blur">
<span class="text-h4-b bg-gradient-to-b from-green-2 to-blue-2 text-transparent bg-clip-text">01</span>
</div>
<div class="text-blue-3 text-sm md:text-base">Subscribe to a plan and invite us to your GitHub org</div>
</div>
<div class="grid grid-flow-col grid-cols-bullet gap-6 md:gap-8 place-items-center">
<div class="py-6 md:py-8 px-7 md:px-9 rounded-xl bg-gradient-to-b from-blue-202 to-blue-201 bullet text-center backdrop-blur">
<span class="text-h4-b bg-gradient-to-b from-green-2 to-blue-2 text-transparent bg-clip-text">02</span>
</div>
<div class="text-blue-3 text-sm md:text-base">Create a project and start lining up issues for us</div>
</div>
<div class="grid grid-flow-col grid-cols-bullet gap-6 md:gap-8 place-items-center">
<div class="py-6 md:py-8 px-7 md:px-9 rounded-xl bg-gradient-to-b from-blue-202 to-blue-201 bullet text-center backdrop-blur">
<span class="text-h4-b bg-gradient-to-b from-green-2 to-blue-2 text-transparent bg-clip-text">03</span>
</div>
<div class="text-blue-3 text-sm md:text-base">We get to work and submit a PR in hours/days (not weeks/months)</div>
</div>
</div>
</div>
</section>
<section class="container mx-auto max-w-6xl px-6 py-4 mb-8">
<h2 class="text-h3-b md:text-h1-b text-center text-white mb-6 md:mb-11">
We keep it <span class="text-h3-l md:text-h1-l gradient-text">simple</span>
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-10">
<div class="bg-dark-blue-2 sm:bg-dark-blue-1 rounded-lg border border-dark-green-1 p-9 corner-light-effect">
<div class="mb-3">
<img src="images/no-contracts.svg" alt="no contracts" class="inline me-4"> <span class="text-h4-b text-white">No contracts</span>
</div>
<p class="text-blue-3">Cancel your subscription at any time (without paying unemployment)</p>
</div>
<div class="bg-dark-blue-2 sm:bg-dark-blue-1 rounded-lg border border-dark-green-1 p-9 corner-light-effect">
<div class="mb-4 -mt-1">
<img src="images/no-meetings.svg" alt="no meetings" class="inline me-4"> <span class="align-middle text-h4-b text-white">No meetings</span>
</div>
<p class="text-blue-3">Communication is streamlined and centralized in GitHub. Everyone can see at a glance what we're working on and what we've shipped.</p>
</div>
</div>
<div class="text-center max-w-3xl mx-auto">
<p class="text-h4-b text-white mb-4">Have a slow month, or going on vacation?</p>
<p class="text-blue-3">
Pause the subscription, use the rest of your paused month when you return.
We'll even send you a reminder 5 days before renewal to make sure you really want to renew.
</p>
</div>
</section>
<section class="container mx-auto max-w-6xl px-6 py-4 my-4 sm:my-10 md:my-20">
<div class="grid grid-flow-row sm:grid-flow-col">
<div class="md:me-12 p-4 sm:px-10 sm:py-6 md:p-16 md:border-r quote-divider">
<img src="images/quote.svg" class="h-14 w-14 sm:h-20 sm:w-20 mx-auto md:h-auto md:w-auto" alt="quote">
</div>
<figure>
<blockquote>
<p class="mb-6 sm:mb-11 md:leading-[31px] text-blue-3 md:text-h4-l">
Working with Aaron and Joel was a very hands-off process, and I mean that in the best way.
Point the direction you want to go, the problem you need solved, and they take care of the rest.
They even figured out edge cases in a code base they hadn't worked in before. It was incredible!
</p>
</blockquote>
<figcaption class="flex items-center justify-center sm:justify-start self-center not-italic">
<div class="pe-5">
<img src="images/jake.jpg" alt="Jake Bennett" class="rounded-full w-20">
</div>
<div>
<p class="text-h5-b md:text-h4-b text-white mb-1">Jake Bennett</p>
<p class="text-blue-3 text-sm md:text-base">Director of Technology and Innovation, Wilber Group</p>
</div>
</figcaption>
</figure>
</div>
</section>
<section class="container mx-auto max-w-6xl sm:p-4 my-10">
<div class="max-w-3xl mx-auto px-10 md:px-20 py-8 md:py-16 border-y sm:border sm:rounded-lg border-dark-green-1 bg-dark-blue-2 sm:bg-dark-blue-1 corner-light-effect">
<p class="block max-w-lg mx-auto text-h3-b md:text-h1-b text-white text-center mb-10">You don't need to <span class="text-h3-l md:text-h1-l gradient-text">hold our hands.</span></p>
<p class="text-blue-3 mb-6">
Bringing on a new dev can be a pretty slow process. Explain how the code is organized. Make sure they can get it running on their machine. Answer a bunch of questions.
</p>
<p class="text-blue-3 mb-6">
We've been working with Laravel for almost as long as it has been around, and PHP over a decade before that. We know the technology side of things inside and out.
</p>
<p class="text-blue-3">
And if you don't have a world-class README that explains how to get the project running in a few minutes, we'll create that as part of our first PR. <strong class="text-white font-bold">Our aim isn't just to close tickets, but to make the project and team a little better overall each time.</strong>
</p>
</div>
</section>
<section id="featured-podcast">
<div class="container mx-auto max-w-6xl px-6 py-4 my-4 md:my-20">
<div class="grid gap-8 grid-cols-1 md:grid-cols-2">
<div>
<p class="text-h3-b md:text-h1-b text-white">
Want to know what it's like working with us?
<span class="text-h3-l md:text-h1-l gradient-text">Listen to our podcast.</span>
</p>
</div>
<div class="rounded-lg border border-dark-green-1 p-4 md:p-10 bg-[#0E2439cc] backdrop-blur-sm corner-light-effect">
<div class="text-h5-b sm:text-h4-b text-white mb-4 md:mb-10">
<img src="images/microphone.svg" alt="microphone" class="me-2 inline h-10 w-10 sm:h-auto sm:w-auto">
Latest episode
</div>
<div class="border rounded-lg border-blue-201 bg-dark-blue-2 w-100 h-100">
<iframe width="100%" height="180" src="https://share.transistor.fm/e/no-compromises/latest"></iframe>
</div>
</div>
</div>
</div>
</section>
<section class="container mx-auto max-w-6xl px-6 py-4 my-8 md:my-20">
<div class="text-center mb-12 md:mb-16">
<h2 class="text-h3-b md:text-h1-b text-white mb-5">No compromises <span class="text-h3-l md:text-h1-l gradient-text">on quality.</span></h2>
<div class="md:text-lg max-w-lg mx-auto text-blue-3">We've built up practices over the years that help us ship higher quality code.</div>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-x-8 lg:gap-x-24 gap-y-7 md:gap-y-16 place-items-center">
<div class="order-1">
<img src="images/testing.png" alt="testing" class="rounded-lg max-w-xs sm:max-w-full quality-image">
</div>
<div class="order-2 mb-8 sm:mb-0">
<h3 class="text-h4-b md:text-h3-b text-white mb-4">Testing</h3>
<p class="text-blue-3">
Maybe your team doesn't write tests? Or maybe they want to start, but haven't figured it out yet? Either way, it's non-negotiable for us. Our code will come with tests. And we'll add in the pieces that make testing easier, like factories and other test helpers. Your team might just pick up on what we're doing and start writing tests for their code too. We've seen it happen!
</p>
</div>
<div class="order-3 sm:order-4">
<img src="images/documentation.png" alt="documentation" class="rounded-lg max-w-xs sm:max-w-full quality-image">
</div>
<div class="order-4 sm:order-3 mb-8 sm:mb-0">
<h3 class="text-h4-b md:text-h3-b text-white mb-4">Documentation</h3>
<p class="text-blue-3">
We get a sinking feeling when we open some Laravel project and the README is still the default Laravel install README. We won't do that to you. We'll create an onboarding README if none exists, which future devs who join your team will benefit from. Anything new we build will be internally documented, and higher level docs will be created as needed. All pull requests will come with context: Why did we do X instead of Y? What are some things you need to know when reviewing the code?
</p>
</div>
<div class="order-5">
<img src="images/architecture.png" alt="architecture" class="rounded-lg max-w-xs sm:max-w-full quality-image">
</div>
<div class="order-6">
<h3 class="text-h4-b md:text-h3-b text-white mb-4">Architecture</h3>
<p class="text-blue-3">
It's common for teams to build up technical debt over the years in a long-lived application. We chip away at that technical debt with every feature we work on. It's just part of how we work. Neither of us were Boy Scouts, but we really believe in the adage of “leaving something a little better than how you found it”. After a few months of working with us, this will really pay off in the overall quality of your application.
</p>
</div>
</div>
</section>
<section class="container mx-auto max-w-6xl px-6 py-4 my-4 sm:my-10 md:my-20">
<div class="grid grid-flow-row sm:grid-flow-col">
<div class="md:me-12 p-4 sm:px-10 sm:py-6 md:p-16 md:border-r quote-divider">
<img src="images/quote.svg" class="h-14 w-14 sm:h-20 sm:w-20 mx-auto md:h-auto md:w-auto" alt="quote">
</div>
<figure>
<blockquote>
<p class="mb-6 sm:mb-11 md:leading-[31px] text-blue-3 md:text-h4-l">
To be honest, we weren't exactly sure what to expect, but Joel and Aaron provided a tremendous amount of value.
Their years of industry knowledge in the Laravel world is impressive and our team is excited to take what we learned and continue to build our platform.
</p>
</blockquote>
<figcaption class="flex items-center justify-center sm:justify-start self-center not-italic">
<div class="pe-5">
<img src="images/anthony.jpg" alt="Anthony Montalbano" class="rounded-full w-20">
</div>
<div>
<p class="text-h5-b md:text-h4-b text-white mb-1">Anthony Montalbano</p>
<p class="text-blue-3 text-sm md:text-base">Dev/Co-founder at Betterly.ai</p>
</div>
</figcaption>
</figure>
</div>
</section>
<section id="pricing" class="container mx-auto max-w-6xl px-6 py-4 my-8 md:my-20 scroll-m-12">
<div class="text-h3-b md:text-h1-b text-white text-center max-w-3xl mx-auto mb-10">
Hiring two experts costs less
<span class="text-h3-l md:text-h1-l gradient-text">than you might think.</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-10 mb-10">
<div class="rounded-lg border border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 md:px-10 md:py-12 corner-light-effect">
<img src="images/star.svg" alt="star" class="float-right">
<div class="text-h4-b text-white mb-2">
Starter
</div>
<div class="text-h1-b gradient-text">
$7,500<span class="text-md">/month</span>
</div>
<div class="text-sm text-blue-3 mb-5">(We're not going to insult you with $7,499)</div>
<ul class="text-blue-3 pt-1.5 mb-8 list-image-starter list-outside ms-6">
<li class="mb-3"><span class="bg-dark-blue-1 md:bg-dark-blue-2 text-white font-bold rounded-xl px-2.5 py-0.5">One</span> concurrent request</li>
<li class="mb-3">Turnaround time in days, not weeks</li>
<li class="mb-3">Pay by credit card or ACH</li>
<li>Pause or cancel anytime in less than a minute</li>
</ul>
<a href="https://buy.stripe.com/aEUdRwfyc42Uf8A6oo" target="_blank" class="block text-center px-10 py-5 rounded-lg text-h4-b text-white bg-gradient-to-b from-blue-2 to-blue-1 hover:from-blue-1 hover:to-blue-2">Get started</a>
</div>
<div class="rounded-lg border border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 md:px-10 md:py-12 corner-light-effect">
<img src="images/diamond.svg" alt="diamond" class="float-right">
<div class="text-h4-b text-white mb-2">
Diamond
</div>
<div class="text-h1-b gradient-text !from-green-3 !to-green-4 mb-12">
$13,500<span class="text-md">/month</span>
</div>
<ul class="text-blue-3 mb-8 list-image-diamond list-outside ms-6">
<li class="mb-3"><span class="bg-dark-green-1 text-white font-bold rounded-xl px-2.5 py-0.5">Two</span> concurrent requests</li>
<li class="mb-3">Turnaround time in days, not weeks</li>
<li class="mb-3">Pay by credit card or ACH</li>
<li>Pause or cancel anytime in less than a minute</li>
</ul>
<a href="https://buy.stripe.com/dR6eVA71G0QI4tWdQR" target="_blank" class="block text-center px-10 py-5 rounded-lg text-h4-b text-white bg-gradient-to-b from-green-3 to-green-4 hover:from-green-4 hover:to-green-3">Get started</a>
</div>
</div>
<div class="rounded-lg border border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 md:p-10 flex flex-col md:flex-row justify-between items-center mb-8 md:mb-16 gap-4 corner-light-effect">
<div class="flex">
<img src="images/call.svg" alt="call us" class="h-14 w-14 me-7">
<div>
<p class="text-h4-b text-white mb-1">Want to talk with us first?</p>
<p class="text-blue-3">
Learn more about how we work and how we can help you during a free call.
</p>
</div>
</div>
<div class="w-full md:w-auto pt-2 md:pt-0">
<a href="#" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/nocomp/30min'});return false;" class="text-center block md:inline text-h4-b text-white px-8 py-4 rounded-lg border-2 border-blue-1 hover:bg-blue-1 whitespace-nowrap">Book a call</a>
</div>
</div>
<div class="max-w-3xl mx-auto md:text-center">
<p class="text-h4-b text-white mb-4">Unsure? Let's remove all risk for you.</p>
<p class="text-blue-3 mb-4">
Within the first 3 weeks of your initial month, if you're not completely satisfied for any reason, just let us know, and we will refund your fee and cancel your subscription.
That's something you wouldn't get from a full-time employee or some random freelancer.
</p>
</div>
</section>
<section class="container mx-auto max-w-6xl px-6 py-4 my-4 sm:my-10 md:my-20">
<div class="grid grid-flow-row sm:grid-flow-col">
<div class="md:me-12 p-4 sm:px-10 sm:py-6 md:p-16 md:border-r quote-divider">
<img src="images/quote.svg" class="h-14 w-14 sm:h-20 sm:w-20 mx-auto md:h-auto md:w-auto" alt="quote">
</div>
<figure>
<blockquote>
<p class="mb-6 sm:mb-11 md:leading-[31px] text-blue-3 md:text-h4-l">
We have just completed our first project with No Compromises, and wow, we learned so much!
We have better documentation, are more confident in our app's security, and we went from zero tests to having a complete module covered by tests.
Really, without their help, we couldn't have reached this level, not even if we spent months on it ourselves.
</p>
</blockquote>
<figcaption class="flex items-center justify-center sm:justify-start self-center not-italic">
<div class="pe-5">
<img src="images/chris.jpg" alt="Chris Peeters" class="rounded-full w-20">
</div>
<div>
<p class="text-h5-b md:text-h4-b text-white mb-1">Chris Peeters</p>
<p class="text-blue-3 text-sm md:text-base">Founder of MOTOPRIX</p>
</div>
</figcaption>
</figure>
</div>
</section>
<section class="container mx-auto max-w-6xl sm:p-4 my-10">
<div class="max-w-3xl mx-auto px-10 md:px-20 py-8 md:py-16 border-y sm:border sm:rounded-lg border-dark-green-1 bg-dark-blue-2 sm:bg-dark-blue-1 corner-light-effect">
<p class="block max-w-lg mx-auto text-h3-b md:text-h1-b text-white text-center mb-6 md:mb-10">Why might we not be <span class="text-h3-l md:text-h1-l gradient-text">a good choice?</span></p>
<p class="text-blue-3 mb-6">
Let's be honest, this way of working isn't for everyone. If you really need your developers to be in meetings, or you need to have invoices with line items and hourly breakdowns, we're not a good fit.
</p>
<p class="text-blue-3">
Also, while we're amazing at Laravel development and other pieces of the ecosystem like Vue and Livewire, we can't know everything. If you're looking for help with React or Angular, for example, we're not a good fit.
</p>
</div>
</section>
<section class="container mx-auto max-w-6xl px-6 py-4 my-10 md:my-20">
<div class="md:max-w-lg mx-auto text-center mb-8">
<p class="text-h3-b md:text-h1-b text-white">Your questions <span class="text-h3-l md:text-h1-l gradient-text">answered.</span></p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 md:gap-8">
<div>
<details class="group border rounded-lg border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 mb-8 marker:content-['']">
<summary class="flex gap-4 cursor-pointer select-none justify-between items-center text-h5-b text-white hover:text-green-2 group-open:text-green-1">
How many hours do I get each month?
<span>
<span class="text-h3-l flex justify-center items-center w-12 h-12 rounded-full text-white bg-gradient-to-b from-blue-2 to-blue-1">
<svg class="h-6 w-6 flex-none stroke-white" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 12H6"></path>
<path class="group-open:hidden" d="M12 6v12"></path>
</svg>
</span>
</span>
</summary>
<div class="text-blue-3 pt-4">
<p class="mb-4">
We don't bill by the hour, and we don't track hours.
We found it to be a very inefficient and unpredictable way of working with clients.
</p>
<p class="mb-4">
You might find some freelancer on Upwork for $35/hour and think "I could hire them at the same price and get 200 hours of work!"
But that's like comparing apples to oranges.
</p>
<p class="mb-4">
Our focus is on delivering results at a consistently high level of quality and as little risk to you as possible.
Without that high bar of quality, more hours of work just means more code to fix in the future.
</p>
<p>
We know hourly billing is entrenched in this industry, and this may require a mental leap you're not yet comfortable with.
That's why we offer the money-back guarantee. Try it out and see for yourself.
</p>
</div>
</details>
<details class="group border rounded-lg border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 mb-8 marker:content-['']">
<summary class="flex gap-4 cursor-pointer select-none justify-between items-center text-h5-b text-white hover:text-green-2 group-open:text-green-1">
Well then, how many issues will you finish each month?
<span>
<span class="text-h3-l flex justify-center items-center w-12 h-12 rounded-full text-white bg-gradient-to-b from-blue-2 to-blue-1">
<svg class="h-6 w-6 flex-none stroke-white" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 12H6"></path>
<path class="group-open:hidden" d="M12 6v12"></path>
</svg>
</span>
</span>
</summary>
<div class="text-blue-3 pt-4">
<p class="mb-4">
This is a tough one to answer because issues can be of wildly different complexities. “Improve validation on our checkout page” is much different than “Build an integration with this third-party API”.
</p>
<p class="mb-4">
While we can't tell you how many issues we'll finish (and that's not really an interesting metric anyway), we can guarantee that you will get a steady stream of updates and progress from us. No more dealing with developers that “go dark” for weeks or months at a time.
</p>
<p>
Each week we will ship something of value to you. Larger issues will be split and delivered progressively to improve communication and collaboration, and to make sure you are getting consistent value out of our relationship.
</p>
</div>
</details>
<details class="group border rounded-lg border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 mb-8 marker:content-['']">
<summary class="flex gap-4 cursor-pointer select-none justify-between items-center text-h5-b text-white hover:text-green-2 group-open:text-green-1">
Can you join our daily stand-up?
<span>
<span class="text-h3-l flex justify-center items-center w-12 h-12 rounded-full text-white bg-gradient-to-b from-blue-2 to-blue-1">
<svg class="h-6 w-6 flex-none stroke-white" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 12H6"></path>
<path class="group-open:hidden" d="M12 6v12"></path>
</svg>
</span>
</span>
</summary>
<div class="text-blue-3 pt-4">
<p>
No. We keep meetings to an absolute minimum. It's one big reason we're as efficient as we are. But don't worry, you'll know exactly what we're working on at any given time.
</p>
</div>
</details>
<details class="group border rounded-lg border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 mb-8 marker:content-['']">
<summary class="flex gap-4 cursor-pointer select-none justify-between items-center text-h5-b text-white hover:text-green-2 group-open:text-green-1">
But what about a weekly check-in call?
<span>
<span class="text-h3-l flex justify-center items-center w-12 h-12 rounded-full text-white bg-gradient-to-b from-blue-2 to-blue-1">
<svg class="h-6 w-6 flex-none stroke-white" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 12H6"></path>
<path class="group-open:hidden" d="M12 6v12"></path>
</svg>
</span>
</span>
</summary>
<div class="text-blue-3 pt-4">
<p>
As with the daily stand-up, the answer is also "no". We've streamlined our process and made it completely transparent, so routine communication and check-ins are unnecessary. It's better this way!
</p>
</div>
</details>
</div>
<div>
<details class="group border rounded-lg border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 mb-8 marker:content-['']">
<summary class="flex gap-4 cursor-pointer select-none justify-between items-center text-h5-b text-white hover:text-green-2 group-open:text-green-1">
I really need to explain something to you though.
<span>
<span class="text-h3-l flex justify-center items-center w-12 h-12 rounded-full text-white bg-gradient-to-b from-blue-2 to-blue-1">
<svg class="h-6 w-6 flex-none stroke-white" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 12H6"></path>
<path class="group-open:hidden" d="M12 6v12"></path>
</svg>
</span>
</span>
</summary>
<div class="text-blue-3 pt-4">
<p>
Totally fine! We love context and knowing more about what you'd like us to build. Record a short video clip using Loom, or any other tool you like, and link it in the GitHub issue. If something is still unclear, we'll set up a brief chat as needed. We're not completely stubborn. 😄️
</p>
</div>
</details>
<details class="group border rounded-lg border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 mb-8 marker:content-['']">
<summary class="flex gap-4 cursor-pointer select-none justify-between items-center text-h5-b text-white hover:text-green-2 group-open:text-green-1">
Can I call you if my site goes down?
<span>
<span class="text-h3-l flex justify-center items-center w-12 h-12 rounded-full text-white bg-gradient-to-b from-blue-2 to-blue-1">
<svg class="h-6 w-6 flex-none stroke-white" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 12H6"></path>
<path class="group-open:hidden" d="M12 6v12"></path>
</svg>
</span>
</span>
</summary>
<div class="text-blue-3 pt-4">
<p>
We're not able to offer emergency support, and it's probably better for someone on your team to handle it. Ideally, for security reasons, we wouldn't even have access to your production environment.
</p>
</div>
</details>
<details class="group border rounded-lg border-dark-green-1 bg-dark-blue-2 md:bg-dark-blue-1 p-6 mb-8 marker:content-['']">
<summary class="flex gap-4 cursor-pointer select-none justify-between items-center text-h5-b text-white hover:text-green-2 group-open:text-green-1">
We don't use GitHub. Is Gitlab, Bitbucket or Trello okay?
<span>
<span class="text-h3-l flex justify-center items-center w-12 h-12 rounded-full text-white bg-gradient-to-b from-blue-2 to-blue-1">
<svg class="h-6 w-6 flex-none stroke-white" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 12H6"></path>
<path class="group-open:hidden" d="M12 6v12"></path>
</svg>
</span>
</span>
</summary>
<div class="text-blue-3 pt-4">
<p class="mb-4">
We definitely prefer to work with GitHub. Part of our efficiency comes from having a repeatable and well-documented process. But if your team already has a different tool in place, we can be flexible and adapt our process to your workflow.
</p>
<p>
But hey, if you've been meaning to move to GitHub anyway, maybe now is a good time. We can even help you with the transition.
</p>
</div>
</details>
</div>
</div>
</section>
</main>
<footer class="border-t bg-dark-blue-1 overflow-x-hidden">
<section class="container mx-auto max-w-6xl px-6 py-10 md:py-24 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 light-effect">
<div class="mb-10">
<div class="mb-6">
<a href="/">
<img src="images/logo-transparent-bg.svg" alt="Logo" class="h-12 w-12 inline pe-3">
<h6 class="inline text-white align-text-top text-h5-b">No Compromises</h6>
</a>
</div>
<p class="text-blue-3 mb-1">
Joel Clermont / Aaron Saray
</p>
<p class="text-blue-3 mb-1 md:mb-6">
Milwaukee, Wisconsin
</p>
<p>
<a href="mailto:sales@nocompromises.io" class="text-blue-2 hover:text-green-1 font-light">sales@nocompromises.io</a>
</p>
</div>
<div class="mb-10">
<h6 class="mt-3 mb-3 md:mb-8 text-white text-h5-b">Links</h6>
<ul>
<li class="mb-1 md:mb-2"><a href="https://masteringlaravel.io/daily" target="_blank" class="text-blue-2 hover:text-green-1">Laravel Tips Newsletter</a></li>
<li><a href="https://masteringlaravel.io/laravel-validation-book" class="text-blue-2 hover:text-green-1">Mastering Laravel Validation Rules</a></li>
</ul>
</div>
<div>
<h6 class="mt-3 mb-3 mb:mb-8 text-white text-h5-b">Curious what it's like to work with us?</h6>
<p class="text-blue-3 mb-3">
Check out our <a href="https://show.nocompromises.io" target="_blank" class="text-blue-2 hover:text-green-1 font-light">podcast</a>
</p>
<div class="border rounded-lg border-blue-201 bg-dark-blue-2 w-100 h-100">
<iframe width="100%" height="180" src="https://share.transistor.fm/e/no-compromises/latest"></iframe>
</div>
</div>
</section>
</footer>
<script type="module" src="./js/main.js"></script>
</body>
</html>