Skip to content

Commit 411bcb1

Browse files
tstrombergtstromberg
committed
oh yeah
1 parent 0be1003 commit 411bcb1

File tree

2 files changed

+89
-31
lines changed

2 files changed

+89
-31
lines changed

‎index.html‎

Lines changed: 46 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>CodeGroove - Quality Tools for Open Source Engineers</title>
6+
<title>codeGROOVE - Quality Tools for Open Source Engineers</title>
77
<style>
88
@font-face {
99
font-family: "Ojuju Bold";
@@ -58,6 +58,7 @@
5858
top: 15%;
5959
right: 10%;
6060
transform: rotate(12deg);
61+
animation: float1 8s ease-in-out infinite;
6162
}
6263

6364
.bg-accent-2 {
@@ -66,6 +67,7 @@
6667
bottom: 20%;
6768
right: 2%;
6869
transform: rotate(-15deg);
70+
animation: float2 10s ease-in-out infinite;
6971
}
7072

7173
.bg-accent-3 {
@@ -74,6 +76,22 @@
7476
top: 50%;
7577
left: 2%;
7678
transform: rotate(45deg);
79+
animation: float3 6s ease-in-out infinite;
80+
}
81+
82+
@keyframes float1 {
83+
0%, 100% { transform: rotate(12deg) translateY(0px); }
84+
50% { transform: rotate(15deg) translateY(-20px); }
85+
}
86+
87+
@keyframes float2 {
88+
0%, 100% { transform: rotate(-15deg) translateX(0px); }
89+
50% { transform: rotate(-12deg) translateX(15px); }
90+
}
91+
92+
@keyframes float3 {
93+
0%, 100% { transform: rotate(45deg) scale(1); }
94+
50% { transform: rotate(50deg) scale(1.1); }
7795
}
7896

7997
.container {
@@ -108,12 +126,25 @@
108126
}
109127

110128
@keyframes pulse {
111-
0%,
112-
100% {
113-
transform: scale(1);
129+
0% {
130+
transform: scale(1) rotate(0deg);
131+
box-shadow: 8px 8px 0 black;
132+
}
133+
25% {
134+
transform: scale(1.02) rotate(-2deg);
135+
box-shadow: 10px 10px 0 black;
114136
}
115137
50% {
116-
transform: scale(1.05);
138+
transform: scale(1.05) rotate(1deg);
139+
box-shadow: 12px 12px 0 black;
140+
}
141+
75% {
142+
transform: scale(1.02) rotate(-1deg);
143+
box-shadow: 10px 10px 0 black;
144+
}
145+
100% {
146+
transform: scale(1) rotate(0deg);
147+
box-shadow: 8px 8px 0 black;
117148
}
118149
}
119150

@@ -438,9 +469,9 @@
438469
const parts = ["lets-go-faster-plz", "codegroove", "dev"];
439470
const email = parts[0] + "@" + parts[1] + "." + parts[2];
440471

441-
const subject = "Early Access Request - CodeGroove";
472+
const subject = "Early Access Request - codeGROOVE";
442473
const body =
443-
"Hi CodeGroove team,\n\nI'm interested in getting early access to your developer tools.\n\nThanks!";
474+
"Hi codeGROOVE team,\n\nI'm interested in getting early access to your developer tools.\n\nThanks!";
444475

445476
const mailtoLink =
446477
"mailto:" +
@@ -586,29 +617,26 @@ <h2 id="popup-title" style="font-size: 1.5rem; font-weight: bold; margin-bottom:
586617

587618
<div class="container">
588619
<div class="hero-left">
589-
<img src="media/logo.png" alt="CodeGroove - Quality tools for open source engineers" class="logo" />
620+
<img src="media/logo.png" alt="codeGROOVE - Quality tools for open source engineers" class="logo" />
590621
<h1>codeGROOVE</h1>
591622
<div class="tagline">
592623
Open-source friendly developer tools that scale
593624
</div>
594625
</div>
595626

596627
<main id="main-content" class="hero-right">
597-
<div class="pain-point">Out-ship your competition.</div>
628+
<div class="pain-point">Ship faster. Ship better. Stay in the groove.</div>
598629

599630
<div class="main-content">
600631
<div class="benefit-text">
601632
<span class="highlight"
602-
>Keep developers in flow state while maintaining
603-
velocity.</span
633+
>Developer tools that understand the rhythm of great code.</span
604634
>
605-
Built to scale from large enterprises to one-person
606-
open-source projects. Eliminate context switching and
607-
workflow interruptions. Work with your existing tools
608-
and processes, not around them.
635+
We're building the future where code review accelerates your team,
636+
not slows it down. Where AI and humans collaborate in perfect harmony.
637+
Where the simple path is always the obvious path.
609638
<strong
610-
>Focus on problems worth solving, not workflow
611-
friction.</strong
639+
>Join us in the groove.</strong
612640
>
613641
</div>
614642

@@ -653,7 +681,7 @@ <h3>Enterprise Engineering Teams</h3>
653681
class="cta-button"
654682
onclick="sendEmail()"
655683
type="button"
656-
aria-label="Get early access to CodeGroove developer tools"
684+
aria-label="Get early access to codeGROOVE developer tools"
657685
>Get Early Access</button
658686
>
659687
</div>

‎src/products.njk‎

Lines changed: 43 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,57 @@
11
---
22
layout: base.njk
3-
title: Products
4-
description: Developer tools designed to help you ship better software, faster.
3+
title: Ready to Review
4+
description: Real-time code reviews that preserve your flow state. Friendly robots working in harmony with engineers.
55
---
66

77
<section class="page-header">
88
<div class="container">
9-
<h1>Products</h1>
10-
<p class="tagline">Tools built for flow.</p>
9+
<h1>Ready to Review</h1>
10+
<p class="tagline">Flow state, protected.</p>
1111
</div>
1212
</section>
1313

1414
<section class="container">
15-
<div class="content-section text-center" style="max-width: 600px; margin: 0 auto;">
16-
<h2>Ready to Review</h2>
17-
<p style="font-size: 1.25rem; line-height: 1.8; color: var(--color-gray); margin: 2rem 0;">
18-
Code review that gets out of the way. Making the simple path the obvious path.
19-
</p>
15+
<div class="content-section" style="max-width: 700px; margin: 0 auto; text-align: center;">
2016

21-
<p style="font-size: 1.125rem; margin-bottom: 3rem;">
22-
Coming soon.
23-
</p>
17+
<div style="background: white; border: 4px solid black; border-bottom: 8px solid black; border-right: 8px solid black; box-shadow: 8px 8px 0 black; padding: 60px 40px; margin-bottom: 50px; transform: rotate(-0.5deg);">
18+
19+
<h2 style="font-size: 2.8rem; margin-bottom: 30px; line-height: 1.2;">
20+
Real-time reviews.<br>
21+
<span style="background: #ffff00; padding: 0 10px;">Zero friction.</span>
22+
</h2>
23+
24+
<p style="font-size: 1.4rem; line-height: 1.8; margin-bottom: 40px;">
25+
Imagine code review that begins <em>the moment your PR is ready</em>.
26+
No context switching. No waiting. Just helpful guidance
27+
from teammates and friendly robots who understand your codebase as well as you do.
28+
</p>
29+
30+
<div style="font-size: 3rem; margin: 40px 0;">
31+
🤖 ❤️ 👨‍💻
32+
</div>
33+
34+
<p style="font-size: 1.3rem; font-weight: bold; margin-bottom: 0;">
35+
Humans and AI, working together.<br>
36+
In perfect harmony. In real time.
37+
</p>
38+
39+
</div>
40+
41+
<div style="margin: 60px 0;">
42+
<p style="font-size: 1.6rem; font-weight: bold; margin-bottom: 10px;">
43+
<span style="background: #ffff00; padding: 5px 15px; border: 3px solid black; display: inline-block; transform: skew(-2deg);">
44+
Coming Soon
45+
</span>
46+
</p>
47+
<p style="font-size: 1.2rem; margin-bottom: 40px;">
48+
Be the first to experience the future of code review.
49+
</p>
50+
51+
<a href="#" class="cta-button" onclick="sendEmail(); return false;">
52+
Join Early Access
53+
</a>
54+
</div>
2455

25-
<a href="#" class="cta-button" onclick="sendEmail(); return false;">Join Early Access</a>
2656
</div>
2757
</section>

0 commit comments

Comments
 (0)