Skip to content

Commit f806fce

Browse files
committed
new goose site
1 parent 98c0665 commit f806fce

File tree

10 files changed

+200
-29
lines changed

10 files changed

+200
-29
lines changed

src/_layouts/base.njk

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
</button>
3535
<ul class="nav-links">
3636
<li><a href="/about/">about</a></li>
37-
<li><a href="/products/ready-to-review/">Ready to Review</a></li>
37+
<li><a href="/products/">products</a></li>
3838
<li><a href="/support/">support</a></li>
3939
<li><a href="/security/">security</a></li>
4040
<li><a href="/opensource/">opensource</a></li>

src/about/index.njk

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,9 +43,11 @@ title: About
4343
<h2>LET'S TALK</h2>
4444
<p>Want to discuss how Ready to Review can help your team?</p>
4545
<div class="about-contact-links">
46-
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button cta-button--green">Schedule a Conversation</a>
47-
<a href="mailto:t@codegroove.dev" class="about-contact-email">t@codegroove.dev</a>
46+
<a href="#" class="cta-button cta-button--yellow" id="email-contact" data-email-prefix="lets-connect">Email us</a>
47+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button">Book a call</a>
4848
</div>
4949
</div>
5050
</div>
5151
</section>
52+
53+
<script src="/assets/js/contact.js"></script>

src/assets/css/style.css

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -552,6 +552,11 @@ button,
552552
border-color: var(--yellow);
553553
}
554554

555+
.groove-card--green {
556+
background: #10b981;
557+
border-color: #059669;
558+
}
559+
555560
.card-title {
556561
font-size: 20px;
557562
font-weight: 700;
@@ -593,6 +598,17 @@ button,
593598
text-decoration: none !important;
594599
}
595600

601+
.cta-button--yellow {
602+
background: var(--yellow);
603+
color: var(--black) !important;
604+
box-shadow: 0 4px 12px rgba(255, 232, 56, 0.4);
605+
}
606+
607+
.cta-button--yellow:hover {
608+
box-shadow: 0 6px 20px rgba(255, 232, 56, 0.6);
609+
text-decoration: none !important;
610+
}
611+
596612
/* About Page Specific Styles */
597613
.about-mission {
598614
font-size: 20px;
@@ -810,6 +826,18 @@ button,
810826
font-weight: 600;
811827
}
812828

829+
.support-hero-card table {
830+
color: #333 !important;
831+
}
832+
833+
.support-hero-card th {
834+
color: #333 !important;
835+
}
836+
837+
.support-hero-card td {
838+
color: #333 !important;
839+
}
840+
813841
.support-section {
814842
background: var(--black);
815843
border: 4px solid var(--cyan);

src/assets/goose-logo-small.png

62.1 KB
Loading

src/assets/js/contact.js

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
/**
2+
* Obfuscated email contact handler
3+
* Prevents spam bots from scraping email addresses
4+
*/
5+
(function() {
6+
'use strict';
7+
8+
// Wait for DOM to be ready
9+
if (document.readyState === 'loading') {
10+
document.addEventListener('DOMContentLoaded', initEmailLinks);
11+
} else {
12+
initEmailLinks();
13+
}
14+
15+
function initEmailLinks() {
16+
const emailLink = document.getElementById('email-contact');
17+
if (emailLink) {
18+
// Get custom email prefix from data attribute, or use default
19+
const prefix = emailLink.getAttribute('data-email-prefix') || 'move-faster';
20+
21+
// Obfuscated email parts to avoid spam bots
22+
const parts = [prefix, 'codegroove', 'dev'];
23+
const email = parts[0] + '@' + parts[1] + '.' + parts[2];
24+
emailLink.href = 'mailto:' + email;
25+
}
26+
}
27+
})();

src/products/goose.njk

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
---
2+
layout: base.njk
3+
title: Goose - PR Notifications for Individual Contributors - No Permission Required
4+
---
5+
6+
<section class="content-hero">
7+
<img src="/assets/hero-bg.jpg" alt="" role="presentation" class="content-hero-bg" />
8+
9+
<div class="content-hero-inner">
10+
<h1>GOOSE</h1>
11+
12+
<div class="support-hero-card">
13+
<picture style="flex-shrink: 0;">
14+
<source srcset="/assets/goose-logo-small.png" type="image/png">
15+
<img src="/assets/goose-logo-small.png" alt="Goose" class="support-hero-image" />
16+
</picture>
17+
<div class="support-hero-content">
18+
<p class="support-hero-title">INSTANT NOTIFICATIONS WHEN YOU'RE BLOCKING A PR FROM MOVING FORWARD.</p>
19+
<p class="support-hero-text">Desktop menubar app. Uses <a href="https://cli.github.com" style="color: var(--cyan); text-decoration: underline;">GitHub CLI</a> for auth. Zero configuration.</p>
20+
</div>
21+
</div>
22+
23+
<div class="product-video">
24+
<h2>See It In Action</h2>
25+
<div style="display: flex; flex-direction: column; gap: 20px;">
26+
<div>
27+
<p style="margin-bottom: 12px; font-size: 16px;"><strong>macOS menubar integration with auto-open:</strong></p>
28+
<a href="/assets/screenshots/goose-screenshot.png" target="_blank" style="display: block;">
29+
<picture>
30+
<source srcset="/assets/screenshots/goose-screenshot.webp" type="image/webp">
31+
<img src="/assets/screenshots/goose-screenshot.png" alt="Goose Desktop App" style="width: 100%; border: 4px solid #3a3a3a; border-radius: 12px; cursor: pointer;" />
32+
</picture>
33+
</a>
34+
</div>
35+
</div>
36+
</div>
37+
38+
<div class="groove-card groove-card--yellow" style="padding: 40px; margin-top: 30px;">
39+
<h2 style="margin-top: 0; color: var(--white);">What You Get</h2>
40+
<ul style="font-size: 16px; line-height: 1.8; margin: 15px 0; padding-left: 0; list-style: none; color: var(--white);">
41+
<li style="margin-bottom: 10px; padding-left: 25px; position: relative;"><span style="position: absolute; left: 0; font-weight: 700;">🪿</span><strong>Honk notifications for incoming PRs</strong> — When you're blocking someone</li>
42+
<li style="margin-bottom: 10px; padding-left: 25px; position: relative;"><span style="position: absolute; left: 0; font-weight: 700;">✈️</span><strong>Jet sounds for your PRs</strong> — CI passes, reviews arrive, ready to merge</li>
43+
<li style="margin-bottom: 10px; padding-left: 25px; position: relative;"><span style="position: absolute; left: 0; font-weight: 700;">🧠</span><strong>Turn-based tracking</strong> — Know whose court the ball is in</li>
44+
<li style="margin-bottom: 0; padding-left: 25px; position: relative;"><span style="position: absolute; left: 0; font-weight: 700;">🔒</span><strong>Privacy first</strong> — Runs locally, no telemetry, your PRs stay yours</li>
45+
</ul>
46+
<p style="color: var(--white); margin-top: 20px; margin-bottom: 0; font-size: 15px;"><em>Optional: Install the <a href="https://github.com/apps/ready-to-review-beta" style="color: var(--cyan); text-decoration: underline; font-weight: 600;">Ready to Review GitHub app</a> for instant notifications. Without it, updates arrive within 5 minutes via polling.</em></p>
47+
</div>
48+
49+
<div class="support-hero-card">
50+
<div style="width: 100%;">
51+
<h2 style="margin-top: 0; color: #333;">30-Second Setup</h2>
52+
53+
<pre style="background: #f5f5f5; padding: 16px; border-radius: 6px; overflow-x: auto; margin-bottom: 15px; font-size: 15px; line-height: 1.6; color: #1a1a1a;"><code style="color: #1a1a1a;">git clone https://github.com/ready-to-review/goose.git
54+
cd goose && make run</code></pre>
55+
56+
<p><strong>Platform Support:</strong> macOS (stable), Linux/Windows/BSD (beta)</p>
57+
58+
<p style="margin-bottom: 0;"><em>Want a CLI version? Check out <a href="https://github.com/codeGROOVE-dev/prs" style="color: var(--cyan); text-decoration: underline;">prs</a> • Need team features? Check out <a href="/products/ready-to-review/" style="color: var(--cyan); text-decoration: underline;">Ready to Review</a></em></p>
59+
</div>
60+
</div>
61+
62+
<h2 id="pricing-section">Pricing</h2>
63+
<p><strong>Free forever for open-source public repositories.</strong> Starting in 2026, we will charge $1/month for access to private repositories.</p>
64+
65+
<div class="groove-card groove-card--yellow" style="text-align: center; padding: 40px; margin-top: 50px;">
66+
<p style="font-size: 24px; font-weight: 700; margin-bottom: 15px; color: var(--white);">WANT MORE?</p>
67+
<p style="margin-bottom: 30px; font-size: 18px; color: var(--white);">Full documentation, troubleshooting, and advanced features.</p>
68+
<div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
69+
<a href="https://docs.ready-to-review.dev/goose/" class="cta-button cta-button--green">Read the Docs</a>
70+
<a href="#" class="cta-button cta-button--yellow" id="email-contact" data-email-prefix="we-love-geese">Email us</a>
71+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button">Book a call</a>
72+
</div>
73+
</div>
74+
</div>
75+
</section>
76+
77+
<script src="/assets/js/contact.js"></script>

src/products/index.njk

Lines changed: 39 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,49 @@
11
---
22
layout: base.njk
3-
title: Products
3+
title: Products - Code Groove Developer Tools
44
permalink: /products/index.html
55
eleventyExcludeFromCollections: true
66
---
77

8-
<script>
9-
window.location.replace("/products/ready-to-review/");
10-
</script>
11-
12-
<noscript>
13-
<meta http-equiv="refresh" content="0; url=/products/ready-to-review/">
14-
</noscript>
15-
168
<section class="content-hero">
9+
<img src="/assets/hero-bg.jpg" alt="" role="presentation" class="content-hero-bg" />
10+
1711
<div class="content-hero-inner">
18-
<p>Redirecting to <a href="/products/ready-to-review/">Ready to Review</a>...</p>
12+
<h1>PRODUCTS</h1>
13+
14+
<div class="support-hero-card" style="margin-top: 40px;">
15+
<picture style="flex-shrink: 0;">
16+
<source srcset="/assets/review-goose.webp" type="image/webp">
17+
<img src="/assets/review-goose.png" alt="Ready to Review" class="support-hero-image" />
18+
</picture>
19+
<div class="support-hero-content">
20+
<h2 style="margin-top: 0;"><a href="/products/ready-to-review/" style="color: var(--cyan); text-decoration: none;">READY TO REVIEW</a></h2>
21+
<p class="support-hero-text" style="font-size: 18px; margin-bottom: 20px;">Hyper-intelligent pull request notifications and automated reviewer assignments for teams that ship fast.</p>
22+
<a href="/products/ready-to-review/" class="cta-button">Learn More →</a>
23+
</div>
24+
</div>
25+
26+
<div class="support-hero-card" style="margin-top: 40px;">
27+
<picture style="flex-shrink: 0;">
28+
<source srcset="/assets/goose-logo-small.png" type="image/png">
29+
<img src="/assets/goose-logo-small.png" alt="Goose" class="support-hero-image" />
30+
</picture>
31+
<div class="support-hero-content">
32+
<h2 style="margin-top: 0;"><a href="/products/goose/" style="color: var(--cyan); text-decoration: none;">GOOSE</a></h2>
33+
<p class="support-hero-text" style="font-size: 18px; margin-bottom: 20px;">Native menubar app for tracking PRs blocked on you - built for individuals (no permission required).</p>
34+
<a href="/products/goose/" class="cta-button">Learn More →</a>
35+
</div>
36+
</div>
37+
38+
<div class="groove-card groove-card--yellow" style="text-align: center; padding: 40px; margin-top: 50px;">
39+
<p style="font-size: 24px; font-weight: 700; margin-bottom: 15px; color: var(--white);">NOT SURE WHICH ONE IS RIGHT FOR YOU?</p>
40+
<p style="margin-bottom: 30px; font-size: 18px; color: var(--white);">We're here to help. Get in touch.</p>
41+
<div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
42+
<a href="#" class="cta-button cta-button--yellow" id="email-contact" data-email-prefix="find-your-fit">Email us</a>
43+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button">Book a call</a>
44+
</div>
45+
</div>
1946
</div>
2047
</section>
48+
49+
<script src="/assets/js/contact.js"></script>

src/products/ready-to-review.njk

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,8 @@ title: Ready to Review - Hyper-Intelligent Pull Request Notification & Assignmen
3434
</div>
3535

3636
<div class="groove-card groove-card--green" style="padding: 40px; margin-top: 30px;">
37-
<h2 style="margin-top: 0; color: var(--black);">Calculate What PR Delays Cost Your Team</h2>
38-
<p style="color: var(--black);">See the real dollar impact. Public repos only. For private repos, run <a href="https://github.com/codeGROOVE-dev/prcost" style="color: var(--black); text-decoration: underline;">prcost</a> locally.</p>
37+
<h2 style="margin-top: 0; color: var(--white);">Calculate What PR Delays Cost Your Team</h2>
38+
<p style="color: var(--white);">See the real dollar impact. Public repos only. For private repos, run <a href="https://github.com/codeGROOVE-dev/prcost" style="color: var(--yellow); text-decoration: underline;">prcost</a> locally.</p>
3939
<form class="roi-form" action="https://cost.github.codegroove.app/" method="get" target="_blank" style="margin-top: 25px;">
4040
<input type="hidden" name="sample" value="50">
4141
<input type="hidden" name="days" value="60">
@@ -82,6 +82,11 @@ title: Ready to Review - Hyper-Intelligent Pull Request Notification & Assignmen
8282
</div>
8383
</div>
8484

85+
<div class="groove-card" style="padding: 40px; margin-top: 30px;">
86+
<h2 style="margin-top: 0; color: var(--white);">Don't Have Permission for GitHub or Slack Apps?</h2>
87+
<p style="color: var(--white); font-size: 16px; margin-bottom: 0;">Try <a href="/products/goose/" style="color: var(--cyan); text-decoration: underline; font-weight: 700;">Goose</a> - our individual contributor tool that runs entirely on your machine. No GitHub app installation. No Slack permissions. Authenticates using the GitHub CLI.</p>
88+
</div>
89+
8590
<div class="product-video">
8691
<h2>See It In Action</h2>
8792
<div style="display: flex; flex-direction: column; gap: 20px;">
@@ -90,7 +95,7 @@ title: Ready to Review - Hyper-Intelligent Pull Request Notification & Assignmen
9095
<a href="/assets/screenshots/slack-screenshot.png" target="_blank" style="display: block;">
9196
<picture>
9297
<source srcset="/assets/screenshots/slack-screenshot.webp" type="image/webp">
93-
<img src="/assets/screenshots/slack-screenshot.png" alt="Ready to Review Slack Integration" style="width: 100%; border: 4px solid var(--yellow); border-radius: 12px; cursor: pointer;" />
98+
<img src="/assets/screenshots/slack-screenshot.png" alt="Ready to Review Slack Integration" style="width: 100%; border: 4px solid #3a3a3a; border-radius: 12px; cursor: pointer;" />
9499
</picture>
95100
</a>
96101
</div>
@@ -99,28 +104,23 @@ title: Ready to Review - Hyper-Intelligent Pull Request Notification & Assignmen
99104
<a href="/assets/screenshots/goose-screenshot.png" target="_blank" style="display: block;">
100105
<picture>
101106
<source srcset="/assets/screenshots/goose-screenshot.webp" type="image/webp">
102-
<img src="/assets/screenshots/goose-screenshot.png" alt="Ready to Review Goose Desktop App" style="width: 100%; border: 4px solid var(--yellow); border-radius: 12px; cursor: pointer;" />
107+
<img src="/assets/screenshots/goose-screenshot.png" alt="Ready to Review Goose Desktop App" style="width: 100%; border: 4px solid #3a3a3a; border-radius: 12px; cursor: pointer;" />
103108
</picture>
104109
</a>
105110
</div>
106111
</div>
107112
</div>
108113

109114
<h2 id="pricing-section">Pricing</h2>
110-
111-
<p><strong>Free until 2026!</strong> Afterwards: Free for public repos. $1/mo individuals. $6/mo/user for teams.</p>
112-
113-
<div class="info-box" style="margin-top: 30px;">
114-
<p class="info-box-highlight">OPEN BETA FOR KUBECON - TRY IT NOW!</p>
115-
<p style="margin-bottom: 0;">No credit card. 2-week trial on paid plans.</p>
116-
</div>
115+
<p><strong>Free forever for open-source public repositories.</strong> Starting in 2026: $1/month for individuals, $6/month/user for teams.</p>
117116

118117
<div class="groove-card groove-card--yellow" style="text-align: center; padding: 40px; margin-top: 50px;">
119-
<p style="font-size: 24px; font-weight: 700; margin-bottom: 15px; color: var(--white);">MERGE FASTER. STAY IN FLOW.</p>
120-
<p style="margin-bottom: 30px; font-size: 18px; color: var(--white);">One-minute setup. Free for open source.</p>
118+
<p style="font-size: 24px; font-weight: 700; margin-bottom: 15px; color: var(--white);">GET STARTED IN ONE MINUTE</p>
119+
<p style="margin-bottom: 30px; font-size: 18px; color: var(--white);">Open beta. Free for open source. No credit card required.</p>
121120
<div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
122121
<a href="https://docs.ready-to-review.dev/getting-started/" class="cta-button cta-button--green">Get Started</a>
123-
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button">Schedule a Call</a>
122+
<a href="#" class="cta-button cta-button--yellow" id="email-contact" data-email-prefix="move-faster">Email us</a>
123+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button">Book a call</a>
124124
</div>
125125
</div>
126126
</div>
@@ -136,3 +136,5 @@ document.getElementById('github-org')?.addEventListener('input', function(e) {
136136
e.target.setCustomValidity('');
137137
});
138138
</script>
139+
140+
<script src="/assets/js/contact.js"></script>

src/security/index.njk

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,8 +49,11 @@ title: Security
4949
<h2>WANT TO DISCUSS SECURITY?</h2>
5050
<p>We could talk all day about security architecture, compliance, or threat modeling.</p>
5151
<div class="about-contact-links">
52-
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button cta-button--green">Schedule a Call</a>
52+
<a href="#" class="cta-button cta-button--yellow" id="email-contact" data-email-prefix="security-is-everything">Email us</a>
53+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button">Book a call</a>
5354
</div>
5455
</div>
5556
</div>
5657
</section>
58+
59+
<script src="/assets/js/contact.js"></script>

src/support/index.njk

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,11 @@ title: Support
3737
<h2>NEED TO TALK?</h2>
3838
<p>For general inquiries or to discuss your team's needs:</p>
3939
<div class="about-contact-links">
40-
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button cta-button--green">Schedule a Call</a>
40+
<a href="#" class="cta-button cta-button--yellow" id="email-contact" data-email-prefix="we-got-you">Email us</a>
41+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button">Book a call</a>
4142
</div>
4243
</div>
4344
</div>
4445
</section>
46+
47+
<script src="/assets/js/contact.js"></script>

0 commit comments

Comments
 (0)