Skip to content

Commit 19689ad

Browse files
billybonksbillybonks
authored
Merge pull request #44 from Hyper-Unearthing/feat/new-landing-page
Feat/new landing page
2 parents 29d14c4 + 0b334a8 commit 19689ad

14 files changed

Lines changed: 395 additions & 252 deletions

‎Gemfile‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ source "https://rubygems.org"
88
# This will help ensure the proper Jekyll version is running.
99
# Happy Jekylling!
1010
gem "jekyll", "~> 4.4.1"
11+
gem "logger"
1112
# This is the default theme for new Jekyll sites. You may change this to anything you like.
1213
gem "minima", "~> 2.5"
1314
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and

‎Gemfile.lock‎

Lines changed: 15 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -12,34 +12,20 @@ GEM
1212
eventmachine (>= 0.12.9)
1313
http_parser.rb (~> 0)
1414
eventmachine (1.2.7)
15-
ffi (1.17.1)
16-
ffi (1.17.1-aarch64-linux-gnu)
17-
ffi (1.17.1-aarch64-linux-musl)
18-
ffi (1.17.1-arm-linux-gnu)
19-
ffi (1.17.1-arm-linux-musl)
20-
ffi (1.17.1-arm64-darwin)
21-
ffi (1.17.1-x86-linux-gnu)
22-
ffi (1.17.1-x86-linux-musl)
23-
ffi (1.17.1-x86_64-darwin)
24-
ffi (1.17.1-x86_64-linux-gnu)
25-
ffi (1.17.1-x86_64-linux-musl)
15+
ffi (1.17.3)
16+
ffi (1.17.3-aarch64-linux-gnu)
17+
ffi (1.17.3-aarch64-linux-musl)
18+
ffi (1.17.3-aarch64-mingw-ucrt)
19+
ffi (1.17.3-arm-linux-gnu)
20+
ffi (1.17.3-arm-linux-musl)
21+
ffi (1.17.3-arm64-darwin)
22+
ffi (1.17.3-x86-linux-gnu)
23+
ffi (1.17.3-x86-linux-musl)
24+
ffi (1.17.3-x86_64-darwin)
25+
ffi (1.17.3-x86_64-linux-gnu)
26+
ffi (1.17.3-x86_64-linux-musl)
2627
forwardable-extended (2.6.0)
27-
google-protobuf (4.30.0)
28-
bigdecimal
29-
rake (>= 13)
30-
google-protobuf (4.30.0-aarch64-linux)
31-
bigdecimal
32-
rake (>= 13)
33-
google-protobuf (4.30.0-arm64-darwin)
34-
bigdecimal
35-
rake (>= 13)
36-
google-protobuf (4.30.0-x86-linux)
37-
bigdecimal
38-
rake (>= 13)
39-
google-protobuf (4.30.0-x86_64-darwin)
40-
bigdecimal
41-
rake (>= 13)
42-
google-protobuf (4.30.0-x86_64-linux)
28+
google-protobuf (4.33.4)
4329
bigdecimal
4430
rake (>= 13)
4531
http_parser.rb (0.8.0)
@@ -81,6 +67,7 @@ GEM
8167
listen (3.9.0)
8268
rb-fsevent (~> 0.10, >= 0.10.3)
8369
rb-inotify (~> 0.9, >= 0.9.10)
70+
logger (1.7.0)
8471
mercenary (0.4.0)
8572
minima (2.5.2)
8673
jekyll (>= 3.5, < 5.0)
@@ -163,6 +150,7 @@ DEPENDENCIES
163150
http_parser.rb (~> 0.6.0)
164151
jekyll (~> 4.4.1)
165152
jekyll-feed (~> 0.12)
153+
logger
166154
minima (~> 2.5)
167155
tzinfo (>= 1, < 3)
168156
tzinfo-data

‎_layouts/default.html‎

Lines changed: 61 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,72 +1,65 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<link rel="preconnect" href="https://fonts.googleapis.com" />
5-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
6-
<link
7-
rel="preload"
8-
href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Roboto:wght@300..800&display=swap"
9-
as="style"
10-
onload="this.onload=null;this.rel='stylesheet'"
11-
/>
12-
<link
13-
rel="icon"
14-
href="/assets/images/mb-mark.svg"
15-
type="image/svg+xml"
16-
/>
17-
<title>{{ page.title }}</title>
18-
<meta name="viewport" content="width=device-width, initial-scale=1" />
19-
<meta charset="UTF-8" />
20-
<meta name="description" content="{{page.description}}" />
21-
{% include lazy-load.html %}
22-
<link integrity="" rel="stylesheet" href="/assets/main.css" />
23-
<link rel="stylesheet" href="/assets/pasta/reset.css" />
24-
<link rel="stylesheet" href="/assets/pasta/colours.css" />
25-
<link rel="stylesheet" href="/assets/pasta/base-variables.css" />
26-
<link rel="stylesheet" href="/assets/pasta/typography.css" />
27-
<link rel="stylesheet" href="/assets/pasta/navigation.css" />
28-
<link rel="stylesheet" href="/assets/pasta/button.css" />
29-
<link rel="stylesheet" href="/assets/pasta/form.css" />
30-
<link rel="stylesheet" href="/assets/pasta/stripes.css" />
31-
<link rel="stylesheet" href="/assets/components/arrows.css" />
32-
<link rel="stylesheet" href="/assets/components/marketing-hero.css" />
33-
<link
34-
rel="stylesheet"
35-
href="/assets/components/full-width-layout.css"
36-
/>
37-
<link rel="stylesheet" href="/assets/components/colomnar-layout.css" />
38-
<link rel="stylesheet" href="/assets/components/default-layout.css" />
39-
<link rel="stylesheet" href="/assets/components/posts.css" />
40-
</head>
3+
<head>
4+
<link rel="preconnect" href="https://fonts.googleapis.com" />
5+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
6+
<link
7+
rel="preload"
8+
href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Roboto:wght@300..800&display=swap"
9+
as="style"
10+
onload="
11+
this.onload = null;
12+
this.rel = 'stylesheet';
13+
"
14+
/>
15+
<link rel="icon" href="/assets/images/mb-mark.svg" type="image/svg+xml" />
16+
<title>{{ page.title }}</title>
17+
<meta name="viewport" content="width=device-width, initial-scale=1" />
18+
<meta charset="UTF-8" />
19+
<meta name="description" content="{{page.description}}" />
20+
{% include lazy-load.html %}
21+
<link integrity="" rel="stylesheet" href="/assets/main.css" />
22+
<link rel="stylesheet" href="/assets/pasta/reset.css" />
23+
<link rel="stylesheet" href="/assets/pasta/colours.css" />
24+
<link rel="stylesheet" href="/assets/pasta/base-variables.css" />
25+
<link rel="stylesheet" href="/assets/pasta/typography.css" />
26+
<link rel="stylesheet" href="/assets/pasta/navigation.css" />
27+
<link rel="stylesheet" href="/assets/pasta/button.css" />
28+
<link rel="stylesheet" href="/assets/pasta/form.css" />
29+
<link rel="stylesheet" href="/assets/pasta/stripes.css" />
30+
<link rel="stylesheet" href="/assets/components/arrows.css" />
31+
<link rel="stylesheet" href="/assets/components/marketing-hero.css" />
32+
<link rel="stylesheet" href="/assets/components/full-width-layout.css" />
33+
<link rel="stylesheet" href="/assets/components/colomnar-layout.css" />
34+
<link rel="stylesheet" href="/assets/components/default-layout.css" />
35+
<link rel="stylesheet" href="/assets/components/posts.css" />
4136

42-
<body class="dark">
43-
<div class="navigation">
44-
<div class="navigation__left">
45-
<div class="field-errors">
46-
<img
47-
class="logo"
48-
alt="logo"
49-
data-echo="/assets/images/mb-mark.svg"
50-
/>
51-
<b class="logo-text">managerbot</b>
52-
</div>
53-
</div>
54-
<div class="navigation__right">
55-
<a href="https://app.managerbot.dev">Log In</a>
56-
<a
57-
href="https://app.managerbot.dev/authentication/register"
58-
class="button secondary"
59-
>
60-
Get Started
61-
<img
62-
data-echo="/assets/images/heart.svg"
63-
alt=""
64-
class="heart"
65-
/>
66-
</a>
67-
</div>
68-
</div>
69-
{{ content }}
70-
</body>
71-
{% include posthog.html %}
37+
<link rel="preconnect" href="https://fonts.googleapis.com" />
38+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
39+
<link
40+
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap"
41+
rel="stylesheet"
42+
/>
43+
</head>
44+
45+
<body class="dark">
46+
<div class="navigation">
47+
<div class="navigation__left">
48+
<img class="logo" alt="logo" data-echo="/assets/images/mb-mark.svg" />
49+
<b class="logo-text">managerbot</b>
50+
</div>
51+
<div class="navigation__right">
52+
<a href="https://app.managerbot.dev">Log In</a>
53+
<a
54+
href="https://app.managerbot.dev/authentication/register"
55+
class="button secondary"
56+
>
57+
Create Account
58+
<img data-echo="/assets/images/heart.svg" alt="" class="heart" />
59+
</a>
60+
</div>
61+
</div>
62+
{{ content }}
63+
</body>
64+
{% include posthog.html %}
7265
</html>

‎assets/components/colomnar-layout.css‎

Lines changed: 24 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,6 @@
99
flex: 1;
1010
}
1111

12-
.colomnar-layout h2 {
13-
margin-bottom: var(--benefits-section-heading-margin, 48px);
14-
}
15-
16-
.colomnar-layout img:not(button img, a img) {
17-
margin-bottom: var(--benefits-section-image-margin, 64px);
18-
}
19-
20-
.colomnar-layout p {
21-
margin-bottom: var(--benefits-section-paragraph-margin-bottom, 48px);
22-
}
23-
2412
ul {
2513
font: var(--ul-font);
2614
color: var(--royal-400);
@@ -34,3 +22,27 @@ li {
3422
.colomnar-layout section {
3523
flex-direction: column;
3624
}
25+
26+
.notifications {
27+
--benefits-section-gap: 160px;
28+
}
29+
30+
.notifications section {
31+
flex: 1 1 0;
32+
min-width: 0;
33+
}
34+
35+
.notifications section > img {
36+
width: 100%;
37+
height: auto;
38+
}
39+
40+
.notifications .logos {
41+
display: flex;
42+
gap: 16px;
43+
margin-bottom: 16px;
44+
}
45+
46+
.notifications {
47+
background: #1a1745;
48+
}

‎assets/components/full-width-layout.css‎

Lines changed: 83 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,12 +25,13 @@
2525
-webkit-text-fill-color: transparent;
2626
}
2727

28-
.new-way h2 {
29-
margin-bottom: var(--new-way-heading-margin, 48px);
30-
}
31-
3228
.new-way {
3329
background-color: #171336;
30+
gap: 48px;
31+
32+
.full-width-layout__content {
33+
gap: 48px;
34+
}
3435
}
3536

3637
.new-way img {
@@ -54,3 +55,81 @@
5455
.new-way img.mobile {
5556
max-width: 300px;
5657
}
58+
59+
.metrics {
60+
display: flex;
61+
width: 100%;
62+
background-color: #291d50;
63+
text-align: left;
64+
}
65+
66+
.metrics .banner {
67+
width: 100%;
68+
/*background: var(--royal-800);*/
69+
background-color: #291d50;
70+
align-content: center;
71+
padding: 0 76px 0 67px;
72+
flex: 1;
73+
}
74+
75+
.metrics .banner img {
76+
width: 100px;
77+
height: auto;
78+
}
79+
80+
.metrics .list {
81+
width: 100%;
82+
/*background: var(--royal-600);*/
83+
background-color: #52338c;
84+
padding: 37px 74px 37px 25px;
85+
flex: 2;
86+
}
87+
88+
.metrics .list li {
89+
font-weight: 200;
90+
}
91+
92+
.metrics .list h4 {
93+
margin-bottom: 17px;
94+
}
95+
96+
.metrics-grid {
97+
display: grid;
98+
grid-template-columns: 1fr 1fr;
99+
grid-template-rows: 230px 230px;
100+
gap: 30px 60px;
101+
grid-auto-flow: row;
102+
grid-template-areas:
103+
"metrics-top metrics-top"
104+
"metrics-bottom-left metrics-bottom-right";
105+
}
106+
107+
.metrics-top {
108+
grid-area: metrics-top;
109+
}
110+
111+
.metrics-top ol {
112+
columns: 2;
113+
}
114+
115+
.metrics-bottom-left {
116+
grid-area: metrics-bottom-left;
117+
}
118+
119+
.metrics-bottom-right {
120+
grid-area: metrics-bottom-right;
121+
}
122+
123+
.metrics .badge {
124+
font-weight: 800;
125+
margin-bottom: 20px;
126+
width: 30px;
127+
height: 30px;
128+
background-color: #ff007a;
129+
border-radius: 50%;
130+
display: flex;
131+
align-items: center;
132+
justify-content: center;
133+
font-size: 18px;
134+
color: #fff;
135+
}

0 commit comments

Comments
 (0)