Skip to content

Commit 0da193d

Browse files
Thomas StrombergThomas Stromberg
Thomas Stromberg
authored and
Thomas Stromberg
committed
pricing info
1 parent 0ed2bea commit 0da193d

File tree

2 files changed

+225
-2
lines changed

2 files changed

+225
-2
lines changed

‎src/assets/css/style.css‎

Lines changed: 143 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -319,7 +319,7 @@ body {
319319
.content-hero ul {
320320
font-size: 18px;
321321
line-height: 1.6;
322-
margin: 20px 0 20px 30px;
322+
margin: 0;
323323
color: var(--white);
324324
}
325325

@@ -441,6 +441,148 @@ body {
441441
font-weight: 600;
442442
}
443443

444+
/* Pricing Grid */
445+
.pricing-grid {
446+
display: grid;
447+
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
448+
gap: 24px;
449+
margin: 40px 0;
450+
}
451+
452+
.pricing-tier {
453+
background: rgba(255, 255, 255, 0.95);
454+
border-radius: 12px;
455+
overflow: hidden;
456+
border: 3px solid #3a3a3a;
457+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
458+
transition:
459+
transform 0.2s,
460+
box-shadow 0.2s;
461+
display: flex;
462+
flex-direction: column;
463+
}
464+
465+
.pricing-tier:hover {
466+
transform: translateY(-4px);
467+
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
468+
}
469+
470+
.pricing-tier-featured {
471+
border: 3px solid var(--yellow);
472+
position: relative;
473+
}
474+
475+
.pricing-tier-featured::before {
476+
content: "⭐ POPULAR";
477+
position: absolute;
478+
top: 12px;
479+
right: 12px;
480+
background: var(--cyan);
481+
color: var(--black);
482+
font-size: 11px;
483+
font-weight: 700;
484+
padding: 4px 8px;
485+
border-radius: 4px;
486+
letter-spacing: 0.5px;
487+
}
488+
489+
.pricing-tier-header {
490+
background: var(--black);
491+
padding: 28px 24px 24px;
492+
text-align: center;
493+
}
494+
495+
.pricing-tier-featured .pricing-tier-header {
496+
background: linear-gradient(135deg, var(--black) 0%, #1a1a1a 100%);
497+
}
498+
499+
.pricing-tier-name {
500+
font-family: "Passion One", cursive;
501+
font-size: 28px;
502+
font-weight: 700;
503+
color: var(--yellow);
504+
margin: 0 0 16px 0;
505+
letter-spacing: 0.5px;
506+
}
507+
508+
.pricing-tier-price {
509+
display: flex;
510+
align-items: baseline;
511+
justify-content: center;
512+
color: var(--white);
513+
}
514+
515+
.pricing-price-currency {
516+
font-size: 24px;
517+
font-weight: 600;
518+
color: var(--cyan);
519+
}
520+
521+
.pricing-price-amount {
522+
font-size: 48px;
523+
font-weight: 700;
524+
color: var(--white);
525+
line-height: 1;
526+
}
527+
528+
.pricing-price-period {
529+
font-size: 18px;
530+
font-weight: 600;
531+
color: var(--cyan);
532+
margin-left: 4px;
533+
}
534+
535+
.pricing-tier-body {
536+
padding: 24px;
537+
flex: 1;
538+
display: flex;
539+
flex-direction: column;
540+
}
541+
542+
.pricing-tier-description {
543+
font-size: 16px;
544+
font-weight: 600;
545+
color: #1a1a1a !important;
546+
margin: 0 0 20px 0;
547+
text-align: center;
548+
line-height: 1.4;
549+
}
550+
551+
.pricing-features {
552+
list-style: none;
553+
margin: 0 !important;
554+
padding: 0 !important;
555+
margin-left: 0 !important;
556+
flex: 1;
557+
}
558+
559+
.pricing-features li {
560+
font-size: 15px;
561+
line-height: 1.5;
562+
color: #1a1a1a !important;
563+
margin: 0 0 12px 0;
564+
margin-left: 0 !important;
565+
padding: 0 !important;
566+
padding-left: 0 !important;
567+
}
568+
569+
.pricing-features li::before {
570+
content: "✓ ";
571+
color: var(--cyan);
572+
font-weight: 700;
573+
font-size: 18px;
574+
}
575+
576+
.pricing-features li:last-child {
577+
margin-bottom: 0;
578+
}
579+
580+
.pricing-features li strong {
581+
color: #1a1a1a;
582+
display: block;
583+
margin-bottom: 8px;
584+
}
585+
444586
/* Content Pages */
445587
.content-page {
446588
min-height: 100vh;

‎src/products/ready-to-review.njk‎

Lines changed: 82 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,93 @@ title: Ready to Review
4040
<li><strong>Slack + desktop alerts</strong> - Real-time notifications when it's your turn</li>
4141
<li><strong>Team metrics</strong> - Identify bottlenecks, measure improvement</li>
4242
</ul>
43+
<div>
4344
<p><strong>Result: 15X reduction in code review latency</strong></p>
45+
</div>
46+
</div>
47+
48+
<h2>PRICING</h2>
49+
<div class="pricing-grid">
50+
<div class="pricing-tier">
51+
<div class="pricing-tier-header">
52+
<h3 class="pricing-tier-name">Community</h3>
53+
<div class="pricing-tier-price">
54+
<span class="pricing-price-amount">Free</span>
55+
</div>
56+
</div>
57+
<div class="pricing-tier-body">
58+
<p class="pricing-tier-description">For open-source projects</p>
59+
<ul class="pricing-features">
60+
<li>Automated reviewer assignments</li>
61+
<li>Real-time notifications via app or Slack</li>
62+
<li>Turn-based PR tracking</li>
63+
<li>Analytics</li>
64+
<li>Leaderboard</li>
65+
</ul>
66+
</div>
67+
</div>
68+
69+
<div class="pricing-tier pricing-tier-featured">
70+
<div class="pricing-tier-header">
71+
<h3 class="pricing-tier-name">Super-fan</h3>
72+
<div class="pricing-tier-price">
73+
<span class="pricing-price-currency">$</span><span class="pricing-price-amount">1</span><span class="pricing-price-period">/mo</span>
74+
</div>
75+
</div>
76+
<div class="pricing-tier-body">
77+
<p class="pricing-tier-description">For individual developers</p>
78+
<ul class="pricing-features">
79+
<li><strong>Everything in Community, plus:</strong></li>
80+
<li>Support for private repositories anywhere</li>
81+
<li>Real-time notifications for personal repos</li>
82+
</ul>
83+
</div>
84+
</div>
85+
86+
<div class="pricing-tier pricing-tier-featured">
87+
<div class="pricing-tier-header">
88+
<h3 class="pricing-tier-name">Main Stage</h3>
89+
<div class="pricing-tier-price">
90+
<span class="pricing-price-currency">$</span><span class="pricing-price-amount">6</span><span class="pricing-price-period">/mo</span>
91+
</div>
92+
</div>
93+
<div class="pricing-tier-body">
94+
<p class="pricing-tier-description">For engineering teams that move fast</p>
95+
<ul class="pricing-features">
96+
<li><strong>Everything in Super-fan, plus:</strong></li>
97+
<li>Real-time notifications for org repos</li>
98+
<li>Team leaderboards & insights</li>
99+
<li>Priority support</li>
100+
</ul>
101+
</div>
102+
</div>
103+
104+
<div class="pricing-tier">
105+
<div class="pricing-tier-header">
106+
<h3 class="pricing-tier-name">Funk Master</h3>
107+
<div class="pricing-tier-price">
108+
<span class="pricing-price-currency">$</span><span class="pricing-price-amount">12</span><span class="pricing-price-period">/mo</span>
109+
</div>
110+
</div>
111+
<div class="pricing-tier-body">
112+
<p class="pricing-tier-description">Enterprise-grade for security-conscious orgs</p>
113+
<ul class="pricing-features">
114+
<li><strong>Everything in Main Stage, plus:</strong></li>
115+
<li>Custom contracts & DPAs</li>
116+
<li>Security questionnaire support</li>
117+
<li>Dedicated account manager</li>
118+
</ul>
119+
</div>
120+
</div>
121+
</div>
122+
123+
<div class="info-box" style="margin-top: 40px;">
124+
<p class="info-box-highlight">All plans are billed through the GitHub Marketplace</p>
125+
<p>Start with Community (free forever) and upgrade anytime. No credit card required to get started.</p>
44126
</div>
45127

46128
<h2>GET STARTED</h2>
47129
<div class="info-box">
48-
<p><strong>Free for open source projects. Forever.</strong></p>
49130
<p>Sign up at <a href="https://dash.ready-to-review.dev">dash.ready-to-review.dev</a></p>
50131
<p>Questions? Email <a href="mailto:go-faster@codegroove.dev">go-faster@codegroove.dev</a></p>
51132
</div>

0 commit comments

Comments
 (0)