Skip to content

Commit 520ac32

Browse files
tstrombergtstromberg
committed
v4
1 parent 7ae986e commit 520ac32

File tree

1 file changed

+71
-83
lines changed

1 file changed

+71
-83
lines changed

‎index.html‎

Lines changed: 71 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -53,38 +53,30 @@
5353
}
5454

5555
.bg-accent-1 {
56-
width: 140px;
57-
height: 80px;
58-
top: 10%;
59-
left: 5%;
60-
transform: rotate(12deg);
56+
width: 100px;
57+
height: 50px;
58+
top: 20%;
59+
right: 12%;
60+
transform: rotate(5deg);
6161
}
6262

6363
.bg-accent-2 {
64-
width: 100px;
65-
height: 120px;
66-
top: 60%;
67-
right: 8%;
64+
width: 60px;
65+
height: 80px;
66+
bottom: 25%;
67+
right: 3%;
6868
transform: rotate(-8deg);
6969
}
7070

71-
.bg-accent-3 {
72-
width: 160px;
73-
height: 40px;
74-
bottom: 15%;
75-
left: 10%;
76-
transform: rotate(5deg);
77-
}
78-
7971
.container {
8072
text-align: left;
8173
padding: 40px 20px;
8274
max-width: 1200px;
8375
width: 100%;
8476
display: grid;
85-
grid-template-columns: 1fr 2fr;
86-
gap: 80px;
87-
align-items: center;
77+
grid-template-columns: 1fr 2.2fr;
78+
gap: 60px;
79+
align-items: start;
8880
}
8981

9082
.hero-left {
@@ -128,28 +120,25 @@
128120

129121
.tagline {
130122
font-family: "Arial", "Helvetica", sans-serif;
131-
font-size: 1.8rem;
132-
font-weight: bold;
123+
font-size: 1.6rem;
124+
font-weight: normal;
133125
margin-bottom: 30px;
134126
color: black;
135-
letter-spacing: 1px;
136-
transform: rotate(-2deg);
137-
display: inline-block;
127+
letter-spacing: 0.5px;
138128
}
139129

140130
.pain-point {
141131
font-family: "Arial", "Helvetica", sans-serif;
142-
font-size: 2.5rem;
132+
font-size: 2.2rem;
143133
font-weight: bold;
144134
color: black;
145135
background: white;
146-
padding: 20px 30px;
147-
border: 4px solid black;
148-
border-bottom: 8px solid black;
149-
border-right: 8px solid black;
150-
box-shadow: 6px 6px 0 black;
151-
margin-bottom: 30px;
152-
transform: rotate(1deg);
136+
padding: 15px 25px;
137+
border: 3px solid black;
138+
border-bottom: 6px solid black;
139+
border-right: 6px solid black;
140+
box-shadow: 4px 4px 0 black;
141+
margin-bottom: 25px;
153142
display: inline-block;
154143
}
155144

@@ -185,11 +174,19 @@
185174

186175
.benefit-text {
187176
font-family: "Arial", "Helvetica", sans-serif;
188-
font-size: 1.3rem;
189-
line-height: 1.8;
177+
font-size: 1.2rem;
178+
line-height: 1.7;
190179
margin-bottom: 25px;
191180
}
192181

182+
.benefit-text .highlight {
183+
font-size: 1.5rem;
184+
font-weight: bold;
185+
display: block;
186+
margin-bottom: 8px;
187+
color: black;
188+
}
189+
193190
.benefit-text:last-of-type {
194191
margin-bottom: 35px;
195192
}
@@ -202,19 +199,12 @@
202199

203200
.user-type {
204201
background: white;
205-
padding: 25px;
206-
border: 4px solid black;
207-
border-bottom: 8px solid black;
208-
border-right: 8px solid black;
202+
padding: 20px;
203+
border: 3px solid black;
204+
border-bottom: 5px solid black;
205+
border-right: 5px solid black;
209206
flex: 1;
210207
text-align: center;
211-
position: relative;
212-
transition: transform 0.2s ease;
213-
}
214-
215-
.user-type:hover {
216-
transform: translate(-3px, -3px);
217-
box-shadow: 6px 6px 0 black;
218208
}
219209

220210
.user-type h3 {
@@ -276,14 +266,6 @@
276266
margin-top: 15px;
277267
}
278268

279-
.section-divider {
280-
height: 3px;
281-
background: black;
282-
margin: 30px 0;
283-
width: 40%;
284-
opacity: 0.6;
285-
}
286-
287269
.contact-info {
288270
font-size: 1.1rem;
289271
margin-top: 40px;
@@ -450,7 +432,6 @@ <h3 style="font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; color: bla
450432
<!-- Geometric background accents -->
451433
<div class="bg-accent bg-accent-1"></div>
452434
<div class="bg-accent bg-accent-2"></div>
453-
<div class="bg-accent bg-accent-3"></div>
454435

455436
<div class="container">
456437
<div class="hero-left">
@@ -462,53 +443,60 @@ <h1>codeGROOVE</h1>
462443
</div>
463444

464445
<div class="hero-right">
465-
<div class="content-section">
466-
<div class="pain-point">Out-ship your competition.</div>
467-
</div>
446+
<div class="pain-point">Out-ship your competition.</div>
468447

469448
<div class="main-content">
470449
<div class="benefit-text">
471-
Code reviews in minutes instead of days. Bots that
472-
assist with broken tests before they slow you down.
473-
Allow your favorite engineers to go on vacation without
474-
disrupting project productivity.
450+
<span class="highlight"
451+
>Real-time reviews the moment you're ready.</span
452+
>
453+
Complete visibility shows exactly who's blocking what.
454+
Intelligent bots assist with broken tests before they
455+
waste reviewer time. Let your star engineers take
456+
vacations without halting development. While competitors
457+
debate, you ship.
475458
</div>
476459

477460
<div class="user-types">
478461
<div class="user-type">
479462
<h3>Open Source Teams</h3>
480463
<p>
481-
Keep contributors engaged with instant feedback
464+
Never lose contributors to slow feedback loops
482465
</p>
483466
</div>
484467
<div class="user-type">
485468
<h3>Large Enterprises</h3>
486-
<p>
487-
Scale your development velocity, not your
488-
overhead
489-
</p>
469+
<p>Ship 3x faster without increasing headcount</p>
490470
</div>
491471
</div>
492-
</div>
493472

494-
<div class="cta-section">
495-
<h2
473+
<div
496474
style="
497-
font-family:
498-
&quot;Arial&quot;, &quot;Helvetica&quot;,
499-
sans-serif;
500-
font-weight: bold;
501-
margin-bottom: 15px;
475+
text-align: center;
476+
margin-top: 40px;
477+
padding-top: 30px;
478+
border-top: 3px solid black;
502479
"
503480
>
504-
Fast reviews. Better flow. Better code.
505-
</h2>
506-
<a
507-
href="#"
508-
class="cta-button"
509-
onclick="sendEmail(); return false;"
510-
>Get Early Access</a
511-
>
481+
<h2
482+
style="
483+
font-family:
484+
&quot;Arial&quot;, &quot;Helvetica&quot;,
485+
sans-serif;
486+
font-weight: bold;
487+
margin-bottom: 20px;
488+
font-size: 1.4rem;
489+
"
490+
>
491+
Real-time reviews. Quality without compromise.
492+
</h2>
493+
<a
494+
href="#"
495+
class="cta-button"
496+
onclick="sendEmail(); return false;"
497+
>Get Early Access</a
498+
>
499+
</div>
512500
</div>
513501
</div>
514502
</div>

0 commit comments

Comments
 (0)