Skip to content

Commit 3854dc5

Browse files
tstrombergtstromberg
committed
here we go
1 parent 6a800d2 commit 3854dc5

File tree

3 files changed

+130
-41
lines changed

3 files changed

+130
-41
lines changed

‎src/about.njk‎

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,21 +35,30 @@ description: codeGROOVE builds developer tools that respect your flow.
3535
</div>
3636

3737
<div style="background: var(--card-bg); border-radius: 16px; padding: 2.5rem; margin-bottom: 3rem;">
38-
<h2 style="font-size: 1.75rem; margin-bottom: 1.5rem;">Here's What We Believe</h2>
38+
<h2 style="font-size: 1.75rem; margin-bottom: 1.5rem;">Our Philosophy</h2>
39+
40+
<p style="font-size: 1.25rem; line-height: 1.8; margin-bottom: 2rem; font-weight: 500;">
41+
Great tools amplify human capability without getting in the way—and we know how to build them.
42+
</p>
43+
44+
<p style="font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;">
45+
Through years of building within open-source communities, we've learned that the most powerful solutions are often the simplest ones. Complex platforms solve real problems, but they frequently create new ones: cognitive overhead, vendor lock-in, and systems so intricate that debugging becomes archaeology.
46+
</p>
47+
48+
<p style="font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;">
49+
<strong>AI is fundamentally changing what small teams can accomplish.</strong> We're witnessing solo developers and tight-knit teams shipping software that rivals what large organizations produce. This isn't hype—it's happening now, and it's reshaping how we think about the tools that enable this shift.
50+
</p>
3951

4052
<p style="font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;">
41-
<strong>Small teams are the future.</strong><br>
42-
AI is letting solo devs and tiny teams build what used to take armies. We're here for it.
53+
<strong>We excel at platform diversity</strong> because we understand that innovation doesn't follow predictable paths. The next breakthrough might come from an embedded system, a forgotten language, or a community that major vendors overlook. We build tools that work across this spectrum, meeting developers in their chosen environments while optimizing for open-source workflows.
4354
</p>
4455

4556
<p style="font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;">
46-
<strong>Great ideas come from everywhere.</strong><br>
47-
The next breakthrough won't care if you're using Rust or COBOL. We build tools that work wherever innovation happens.
57+
<strong>Simplicity scales, complexity breeds insecurity.</strong> Transparent architectures reveal bugs faster. Lean systems perform predictably. Fewer dependencies mean fewer vulnerabilities. This isn't ideology—it's what we've observed across thousands of projects. Many eyeballs make all bugs shallow, but only when those eyes can actually comprehend what they're seeing.
4858
</p>
4959

5060
<p style="font-size: 1.125rem; line-height: 1.8;">
51-
<strong>Simple beats clever every time.</strong><br>
52-
Complex systems create bugs, vulnerabilities, and 3am debugging sessions. We choose boring technology that just works.
61+
We don't eliminate all complexity because some problems genuinely require sophisticated solutions. <strong>We eliminate unnecessary complexity</strong> and build tools that leverage your existing expertise rather than demanding you learn new paradigms just to get started.
5362
</p>
5463
</div>
5564

‎src/css/main.css‎

Lines changed: 57 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -282,18 +282,68 @@ a:hover {
282282
height: 320px;
283283
filter: drop-shadow(0 16px 64px rgba(0, 0, 0, 0.15));
284284
transition: var(--transition-bounce);
285-
animation: float 8s ease-in-out infinite;
285+
animation: jazzFunkGroove 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite,
286+
rhythmicPulse 1.5s ease-in-out infinite,
287+
warmGlow 4s ease-in-out infinite;
288+
transform-origin: center center;
286289
}
287290

288291
.hero-logo:hover {
289-
transform: scale(1.05) rotate(5deg);
292+
animation-play-state: paused;
293+
transform: scale(1.08) rotate(8deg);
294+
filter: drop-shadow(0 20px 80px rgba(255, 255, 0, 0.3))
295+
drop-shadow(0 16px 60px rgba(78, 205, 196, 0.2));
290296
}
291297

292-
@keyframes float {
293-
0%, 100% { transform: translateY(0px) rotate(0deg); }
294-
25% { transform: translateY(-10px) rotate(2deg); }
295-
50% { transform: translateY(-20px) rotate(0deg); }
296-
75% { transform: translateY(-10px) rotate(-2deg); }
298+
@keyframes jazzFunkGroove {
299+
0%, 100% {
300+
transform: translateY(0px) rotate(0deg) scale(1);
301+
}
302+
12.5% {
303+
transform: translateY(-10px) rotate(-5deg) scale(1.03);
304+
}
305+
25% {
306+
transform: translateY(-15px) rotate(3deg) scale(1.05);
307+
}
308+
37.5% {
309+
transform: translateY(-8px) rotate(-2deg) scale(1.02);
310+
}
311+
50% {
312+
transform: translateY(-18px) rotate(6deg) scale(1.06);
313+
}
314+
62.5% {
315+
transform: translateY(-10px) rotate(-4deg) scale(1.03);
316+
}
317+
75% {
318+
transform: translateY(-12px) rotate(2deg) scale(1.04);
319+
}
320+
87.5% {
321+
transform: translateY(-5px) rotate(-1deg) scale(1.01);
322+
}
323+
}
324+
325+
@keyframes rhythmicPulse {
326+
0%, 100% {
327+
transform: scale(1);
328+
}
329+
50% {
330+
transform: scale(1.02);
331+
}
332+
}
333+
334+
@keyframes warmGlow {
335+
0%, 100% {
336+
filter: drop-shadow(0 16px 64px rgba(0, 0, 0, 0.15));
337+
}
338+
25% {
339+
filter: drop-shadow(0 18px 72px rgba(255, 255, 0, 0.18));
340+
}
341+
50% {
342+
filter: drop-shadow(0 20px 76px rgba(255, 107, 107, 0.15));
343+
}
344+
75% {
345+
filter: drop-shadow(0 18px 72px rgba(78, 205, 196, 0.18));
346+
}
297347
}
298348

299349
/* Buttons */

‎src/index.njk‎

Lines changed: 57 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
---
22
layout: base.njk
3-
title: Out-ship Your Competition - Developer Tools for Teams
4-
description: Out-ship your competition. Built for teams and open-source projects that need to move fast without breaking things.
3+
title: Tools That Amplify Without Getting in the Way
4+
description: Great tools amplify human capability without getting in the way. We build simple, powerful developer tools that save time and eliminate complexity.
55
---
66

77
<section class="hero">
88
<div class="container">
99
<div class="hero-content">
1010
<div class="hero-text">
11-
<h1>Out-ship your competition.</h1>
12-
<p class="tagline">Reduce code review time by 90%.</p>
11+
<h1>Developer tools that bring back the joy of coding.</h1>
12+
<p class="tagline">Code review and collaboration tools that make shipping feel like jamming with your best band.</p>
1313
<p style="font-size: 1.125rem; margin: 2rem 0; color: var(--color-gray-dark);">
14-
Built for teams and open-source projects that need to move fast without breaking things.
14+
We build the developer velocity tools that turn tedious workflows into smooth grooves. Because coding should be fun, collaborative, and fast.
1515
</p>
16-
<a href="javascript:void(0)" class="cta-button mt-3" onclick="sendEmail()">Get in Touch</a>
16+
<a href="javascript:void(0)" class="cta-button mt-3" onclick="sendEmail()">See Our Tools</a>
1717
</div>
1818
<div class="hero-image">
1919
<img src="/media/logo.svg" alt="codeGROOVE" class="hero-logo">
@@ -24,47 +24,77 @@ description: Out-ship your competition. Built for teams and open-source projects
2424

2525
<section class="container">
2626
<div class="content-section text-center">
27-
<h2>The Promise</h2>
27+
<h2>Get Your Dev Team In The Groove</h2>
2828
<div class="funk-divider"></div>
29-
<p style="max-width: var(--max-width-narrow); margin: 0 auto;">
30-
Our tools bring the average push-to-merge cycle time down from <strong>4 days to 3 hours</strong>. Less context switching. Less tool fatigue. More shipping.
29+
<p style="max-width: 700px; margin: 0 auto 3rem; font-size: 1.25rem; line-height: 1.8;">
30+
When your team's in sync, code flows like music. Our developer tools turn chaotic workflows into smooth rhythms—so you can ship at the speed of inspiration.
3131
</p>
32-
<div class="highlight-box" style="max-width: 700px; margin: 3rem auto; background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-blue) 100%);">
33-
<h3 style="color: white; margin-bottom: 1rem;">Save Money</h3>
34-
<p style="color: white; font-size: 1.375rem; font-weight: 600; margin: 0;">
35-
Save $780,000/year on average for a team of 12 engineers, including salary, benefits, and opportunity costs.
36-
</p>
37-
</div>
3832

3933
<div class="feature-grid" style="max-width: 1000px; margin: 0 auto;">
4034
<div class="card">
41-
<h3>Bring Back the Fun</h3>
42-
<p>Remember when coding was enjoyable? We're bringing the joy back to software development.</p>
35+
<h3>🎸 Code Review Jam Sessions</h3>
36+
<p>Turn lonely PR waits into live collaboration. Review code together in real-time, like a band rehearsing a new song.</p>
4337
</div>
4438
<div class="card">
45-
<h3>Eliminate Context Switching</h3>
46-
<p>Stay in flow state. Ship code, not excuses.</p>
39+
<h3>🎹 Workflow Orchestration</h3>
40+
<p>Let automation handle the repetitive beats while you improvise on the interesting parts. Stay in creative flow.</p>
4741
</div>
4842
<div class="card">
49-
<h3>Automate the Mundane</h3>
50-
<p>Don't waste human cycles on what machines can do. Automate everything automatable.</p>
43+
<h3>🎵 Team Rhythm Analytics</h3>
44+
<p>Find your team's natural tempo. See where you're in sync and where you're off-beat—without the judgment.</p>
5145
</div>
5246
<div class="card">
53-
<h3>Team & Enterprise Ready</h3>
54-
<p>Built for all teams that need to move fast - from open-source projects to enterprises. SOC2, SSO, and enterprise security available.</p>
47+
<h3>🔒 Automated Compliance</h3>
48+
<p>Automated code review enforcement with smart exception handling. Stay compliant with SOC 2 and ISO 27001 without the bureaucracy.</p>
5549
</div>
5650
</div>
51+
52+
<p style="font-size: 1.5rem; margin: 3rem auto; max-width: 600px; font-weight: 600; color: var(--color-accent);">
53+
"It's like going from playing solo to having a full band" <br>
54+
<span style="font-size: 1rem; color: var(--color-gray); font-weight: normal;">- Engineering teams using codeGROOVE</span>
55+
</p>
56+
</div>
57+
</section>
58+
59+
<section style="background: #f8f8f8; padding: calc(var(--spacing-section) * 0.8) 0;">
60+
<div class="container">
61+
<h2 style="font-size: 2.5rem; margin-bottom: 2rem; text-align: center;">The codeGROOVE Difference</h2>
62+
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; max-width: 1000px; margin: 0 auto;">
63+
<div style="text-align: center;">
64+
<div style="font-size: 3rem; color: var(--color-accent); margin-bottom: 1rem;">10x</div>
65+
<h3>Faster Reviews</h3>
66+
<p>4 days → 4 hours. Ship while the idea's still fresh.</p>
67+
</div>
68+
<div style="text-align: center;">
69+
<div style="font-size: 3rem; color: var(--color-accent-blue); margin-bottom: 1rem;">0</div>
70+
<h3>Setup Friction</h3>
71+
<p>Works with your existing tools from day one</p>
72+
</div>
73+
<div style="text-align: center;">
74+
<div style="font-size: 3rem; color: var(--color-secondary); margin-bottom: 1rem; font-weight: 700;">100%</div>
75+
<h3>More Fun</h3>
76+
<p>Developers report loving their work again</p>
77+
</div>
78+
</div>
79+
<div style="text-align: center; margin-top: 3rem;">
80+
<p style="font-size: 1.25rem; max-width: 700px; margin: 0 auto; line-height: 1.8;">
81+
Built by engineers from Google, Kubernetes, and Chainguard who got tired of tools that killed the joy of coding.
82+
</p>
83+
</div>
5784
</div>
5885
</section>
5986

6087
<section style="background: var(--color-gray-light); padding: var(--spacing-section) 0;">
6188
<div class="container text-center">
6289
<div class="highlight-box" style="max-width: var(--max-width-narrow); margin: 0 auto; background: var(--color-white); box-shadow: var(--shadow-strong);">
63-
<h2 style="margin-bottom: calc(var(--spacing-unit) * 2);">Ready to out-ship your competition?</h2>
64-
<p style="max-width: 500px; margin: 0 auto calc(var(--spacing-unit) * 2);">
65-
Let's discuss how codeGROOVE can transform your development velocity.
90+
<h2 style="margin-bottom: calc(var(--spacing-unit) * 2);">Ready to find your team's rhythm?</h2>
91+
<p style="max-width: 600px; margin: 0 auto calc(var(--spacing-unit) * 2); font-size: 1.125rem;">
92+
Stop fighting your tools. Start shipping in harmony. Let's get your development team back in the groove.
6693
</p>
67-
<a href="javascript:void(0)" class="cta-button" onclick="sendEmail()" style="position: relative; z-index: 10;">Get in Touch</a>
94+
<div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
95+
<a href="javascript:void(0)" class="cta-button" onclick="sendEmail()" style="position: relative; z-index: 10;">Start Your Free Jam Session</a>
96+
<a href="/products/" class="cta-button" style="position: relative; z-index: 10; background: var(--color-white); color: var(--color-secondary); border: 2px solid var(--color-secondary);">Explore Our Instruments</a>
97+
</div>
6898
</div>
6999
</div>
70100
</section>

0 commit comments

Comments
 (0)