Skip to content

Commit 8ac8e37

Browse files
fatonramadanihcourdent
fatonramadani
and
hcourdent
authored
Add testimonials (windmill-labs#287)
* Add client logos + testimonials * Add client logos + testimonials * Testimonials added * Added colors & hovers * style fix * style fix * update testimonials description --------- Co-authored-by: Henri Courdent <122811744+hcourdent@users.noreply.github.com> Co-authored-by: hcourdent <henri@windmill.dev>
1 parent fed380f commit 8ac8e37

File tree

8 files changed

+306
-24
lines changed

8 files changed

+306
-24
lines changed

‎blog/authors.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,6 @@ hugocasa:
6363
image_url: https://github.com/hugocasa.png
6464
sindresvendby:
6565
name: Sindre Svendby
66-
title: Software Engineer at Kahoot
66+
title: Software Engineer at Kahoot!
6767
url: https://github.com/SindreSvendby
6868
image_url: https://avatars.githubusercontent.com/u/1047421?v=4

‎src/css/custom.css

Lines changed: 29 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,9 @@ body * {
2323
@apply transition-colors duration-200;
2424
}
2525

26-
2726
:root {
2827
--ifm-navbar-background-color: white;
29-
--ifm-background-color:white;
28+
--ifm-background-color: white;
3029
--ifm-font-family-base: 'Inter', 'Inter';
3130
--doc-sidebar-width: 320px !important;
3231
--ifm-color-primary: rgb(59, 130, 246);
@@ -41,11 +40,10 @@ body * {
4140
}
4241

4342
:root[data-theme='dark'] {
44-
--ifm-navbar-background-color: #1e232e;
45-
--ifm-background-color:#1e232e;
43+
--ifm-navbar-background-color: #1e232e;
44+
--ifm-background-color: #1e232e;
4645
--ifm-menu-color-active: #93c5fd;
4746
--ifm-color-primary: #93c5fd;
48-
4947
}
5048

5149
.navbar {
@@ -89,8 +87,6 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
8987
margin: 1rem 0;
9088
}
9189

92-
93-
9490
h1 {
9591
@apply !text-3xl !font-bold dark:text-white;
9692
}
@@ -100,7 +96,7 @@ h1 {
10096
}
10197

10298
h2 {
103-
@apply text-2xl font-bold leading-4 tracking-tight dark:text-white;
99+
@apply text-2xl font-bold leading-4 tracking-tight dark:text-white;
104100
}
105101

106102
h3 {
@@ -114,17 +110,17 @@ h3 {
114110
.markdown h3 {
115111
@apply text-lg;
116112
@apply font-semibold;
117-
@apply dark:text-white
113+
@apply dark:text-white;
118114
}
119115

120116
h4 {
121117
@apply text-base;
122118
@apply font-semibold;
123-
@apply dark:text-white
119+
@apply dark:text-white;
124120
}
125121

126122
li {
127-
@apply dark:text-white
123+
@apply dark:text-white;
128124
}
129125

130126
/**
@@ -136,7 +132,7 @@ li {
136132
}
137133

138134
.markdown {
139-
@apply max-w-4xl mx-auto
135+
@apply max-w-4xl mx-auto;
140136
}
141137

142138
div.markdown ul > li {
@@ -145,11 +141,11 @@ div.markdown ul > li {
145141
}
146142

147143
ul.breadcrumbs {
148-
@apply flex flex-row
144+
@apply flex flex-row;
149145
}
150146

151147
li.breadcrumbs__item {
152-
@apply flex items-center
148+
@apply flex items-center;
153149
}
154150

155151
div.markdown ol > li {
@@ -193,7 +189,6 @@ a {
193189
.header-discord-link::before {
194190
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggZD0iTTI1LjEyLDYuOTQ2Yy0yLjQyNC0xLjk0OC02LjI1Ny0yLjI3OC02LjQxOS0yLjI5MmMtMC4yNTYtMC4wMjItMC40OTksMC4xMjMtMC42MDQsMC4zNTcgYy0wLjAwNCwwLjAwOC0wLjIxOCwwLjYyOS0wLjQyNSwxLjIyOGMyLjgxNywwLjQ5Myw0LjczMSwxLjU4Nyw0LjgzMywxLjY0N2MwLjQ3OCwwLjI3OCwwLjYzOCwwLjg5MSwwLjM1OSwxLjM2OCBDMjIuNjc5LDkuNTcyLDIyLjM0NCw5Ljc1LDIyLDkuNzVjLTAuMTcxLDAtMC4zNDMtMC4wNDMtMC41MDEtMC4xMzVDMjEuNDcxLDkuNTk4LDE4LjY2Myw4LDE1LjAwMiw4IEMxMS4zNCw4LDguNTMxLDkuNTk5LDguNTAzLDkuNjE1QzguMDI2LDkuODkyLDcuNDE0LDkuNzI5LDcuMTM3LDkuMjUxQzYuODYsOC43NzUsNy4wMjEsOC4xNjQsNy40OTcsNy44ODYgYzAuMTAyLTAuMDYsMi4wMjMtMS4xNTgsNC44NDgtMS42NWMtMC4yMTgtMC42MDYtMC40MzgtMS4yMTctMC40NDItMS4yMjVjLTAuMTA1LTAuMjM1LTAuMzQ4LTAuMzgzLTAuNjA0LTAuMzU3IGMtMC4xNjIsMC4wMTMtMy45OTUsMC4zNDMtNi40NTEsMi4zMThDMy41NjQsOC4xNTgsMSwxNS4wOTIsMSwyMS4wODdjMCwwLjEwNiwwLjAyNywwLjIwOSwwLjA4LDAuMzAxIGMxLjc3MSwzLjExLDYuNTk5LDMuOTI0LDcuNjk5LDMuOTU5YzAuMDA3LDAuMDAxLDAuMDEzLDAuMDAxLDAuMDE5LDAuMDAxYzAuMTk0LDAsMC4zNzctMC4wOTMsMC40OTItMC4yNWwxLjE5LTEuNjEyIGMtMi42MS0wLjYyOS0zLjk5LTEuNjE4LTQuMDczLTEuNjc5Yy0wLjQ0NC0wLjMyNy0wLjU0LTAuOTUzLTAuMjEzLTEuMzk4YzAuMzI2LTAuNDQzLDAuOTUtMC41NDEsMS4zOTQtMC4yMTYgQzcuNjI1LDIwLjIxNywxMC4xNzIsMjIsMTUsMjJjNC44NDcsMCw3LjM4Ny0xLjc5LDcuNDEyLTEuODA4YzAuNDQ0LTAuMzIyLDEuMDctMC4yMjUsMS4zOTUsMC4yMjEgYzAuMzI0LDAuNDQ0LDAuMjMsMS4wNjYtMC4yMTIsMS4zOTJjLTAuMDgzLDAuMDYxLTEuNDU2LDEuMDQ4LTQuMDYsMS42NzdsMS4xNzUsMS42MTVjMC4xMTUsMC4xNTgsMC4yOTgsMC4yNSwwLjQ5MiwwLjI1IGMwLjAwNywwLDAuMDEzLDAsMC4wMTktMC4wMDFjMS4xMDEtMC4wMzUsNS45MjktMC44NDksNy42OTktMy45NTljMC4wNTMtMC4wOTIsMC4wOC0wLjE5NSwwLjA4LTAuMzAxIEMyOSwxNS4wOTIsMjYuNDM2LDguMTU4LDI1LjEyLDYuOTQ2eiBNMTEsMTljLTEuMTA1LDAtMi0xLjExOS0yLTIuNVM5Ljg5NSwxNCwxMSwxNHMyLDEuMTE5LDIsMi41UzEyLjEwNSwxOSwxMSwxOXogTTE5LDE5IGMtMS4xMDUsMC0yLTEuMTE5LTItMi41czAuODk1LTIuNSwyLTIuNXMyLDEuMTE5LDIsMi41UzIwLjEwNSwxOSwxOSwxOXoiPjwvcGF0aD48L3N2Zz4=')
195191
no-repeat;
196-
197192

198193
content: '';
199194
display: flex;
@@ -202,7 +197,6 @@ a {
202197
@apply dark:bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiNGRkZGRkY7Ij4gICAgPHBhdGggZD0iTTI1LjEyLDYuOTQ2Yy0yLjQyNC0xLjk0OC02LjI1Ny0yLjI3OC02LjQxOS0yLjI5MmMtMC4yNTYtMC4wMjItMC40OTksMC4xMjMtMC42MDQsMC4zNTcgYy0wLjAwNCwwLjAwOC0wLjIxOCwwLjYyOS0wLjQyNSwxLjIyOGMyLjgxNywwLjQ5Myw0LjczMSwxLjU4Nyw0LjgzMywxLjY0N2MwLjQ3OCwwLjI3OCwwLjYzOCwwLjg5MSwwLjM1OSwxLjM2OCBDMjIuNjc5LDkuNTcyLDIyLjM0NCw5Ljc1LDIyLDkuNzVjLTAuMTcxLDAtMC4zNDMtMC4wNDMtMC41MDEtMC4xMzVDMjEuNDcxLDkuNTk4LDE4LjY2Myw4LDE1LjAwMiw4IEMxMS4zNCw4LDguNTMxLDkuNTk5LDguNTAzLDkuNjE1QzguMDI2LDkuODkyLDcuNDE0LDkuNzI5LDcuMTM3LDkuMjUxQzYuODYsOC43NzUsNy4wMjEsOC4xNjQsNy40OTcsNy44ODYgYzAuMTAyLTAuMDYsMi4wMjMtMS4xNTgsNC44NDgtMS42NWMtMC4yMTgtMC42MDYtMC40MzgtMS4yMTctMC40NDItMS4yMjVjLTAuMTA1LTAuMjM1LTAuMzQ4LTAuMzgzLTAuNjA0LTAuMzU3IGMtMC4xNjIsMC4wMTMtMy45OTUsMC4zNDMtNi40NTEsMi4zMThDMy41NjQsOC4xNTgsMSwxNS4wOTIsMSwyMS4wODdjMCwwLjEwNiwwLjAyNywwLjIwOSwwLjA4LDAuMzAxIGMxLjc3MSwzLjExLDYuNTk5LDMuOTI0LDcuNjk5LDMuOTU5YzAuMDA3LDAuMDAxLDAuMDEzLDAuMDAxLDAuMDE5LDAuMDAxYzAuMTk0LDAsMC4zNzctMC4wOTMsMC40OTItMC4yNWwxLjE5LTEuNjEyIGMtMi42MS0wLjYyOS0zLjk5LTEuNjE4LTQuMDczLTEuNjc5Yy0wLjQ0NC0wLjMyNy0wLjU0LTAuOTUzLTAuMjEzLTEuMzk4YzAuMzI2LTAuNDQzLDAuOTUtMC41NDEsMS4zOTQtMC4yMTYgQzcuNjI1LDIwLjIxNywxMC4xNzIsMjIsMTUsMjJjNC44NDcsMCw3LjM4Ny0xLjc5LDcuNDEyLTEuODA4YzAuNDQ0LTAuMzIyLDEuMDctMC4yMjUsMS4zOTUsMC4yMjEgYzAuMzI0LDAuNDQ0LDAuMjMsMS4wNjYtMC4yMTIsMS4zOTJjLTAuMDgzLDAuMDYxLTEuNDU2LDEuMDQ4LTQuMDYsMS42NzdsMS4xNzUsMS42MTVjMC4xMTUsMC4xNTgsMC4yOTgsMC4yNSwwLjQ5MiwwLjI1IGMwLjAwNywwLDAuMDEzLDAsMC4wMTktMC4wMDFjMS4xMDEtMC4wMzUsNS45MjktMC44NDksNy42OTktMy45NTljMC4wNTMtMC4wOTIsMC4wOC0wLjE5NSwwLjA4LTAuMzAxIEMyOSwxNS4wOTIsMjYuNDM2LDguMTU4LDI1LjEyLDYuOTQ2eiBNMTEsMTljLTEuMTA1LDAtMi0xLjExOS0yLTIuNVM5Ljg5NSwxNCwxMSwxNHMyLDEuMTE5LDIsMi41UzEyLjEwNSwxOSwxMSwxOXogTTE5LDE5IGMtMS4xMDUsMC0yLTEuMTE5LTItMi41czAuODk1LTIuNSwyLTIuNXMyLDEuMTE5LDIsMi41UzIwLjEwNSwxOSwxOSwxOXoiPjwvcGF0aD48L3N2Zz4=')];
203198
}
204199

205-
206200
.header-stars-link::before {
207201
background: url("https://img.shields.io/github/stars/windmill-labs/windmill?style=social&logo=''")
208202
no-repeat;
@@ -223,7 +217,6 @@ a {
223217
.section {
224218
@apply mt-24;
225219
@apply mb-12;
226-
227220
}
228221

229222
.section-header {
@@ -283,23 +276,23 @@ td {
283276
text-align: left; /* Left align table cells */
284277
padding: 8px; /* Add padding to table cells */
285278
border: 1px solid #ddd; /* Add border to table cells */
286-
@apply dark:text-gray-200
279+
@apply dark:text-gray-200;
287280
}
288281

289282
td:nth-of-type(2):first-child {
290283
background-color: red;
291284
}
292285

293286
th {
294-
@apply bg-gray-200 dark:bg-gray-800 dark:text-gray-200
287+
@apply bg-gray-200 dark:bg-gray-800 dark:text-gray-200;
295288
}
296289

297290
.theme-doc-breadcrumbs {
298291
@apply max-w-4xl mx-auto pt-4;
299292
}
300293

301294
.table-of-contents {
302-
@apply mt-24
295+
@apply mt-24;
303296
}
304297

305298
.pagination-nav {
@@ -317,3 +310,19 @@ th {
317310
article a {
318311
@apply text-blue-500 dark:!text-blue-400;
319312
}
313+
314+
div.testimonials a:hover .x-name {
315+
color: #1da1f2;
316+
}
317+
318+
div.testimonials a:hover .hn-name {
319+
color: #ff4000;
320+
}
321+
322+
div.testimonials a:hover .discord-name {
323+
color: #7289da;
324+
}
325+
326+
div.testimonials a:hover .wm-name {
327+
color: #2196f3;
328+
}

‎src/landing/LogoClouds.tsx

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
import React from 'react';
2+
import kahootLogo from '../../static/images/KahootLogo_Full_purple.png';
3+
4+
export default function LogoClouds() {
5+
return (
6+
<div className="py-16">
7+
<div className="mx-auto max-w-7xl px-6 lg:px-8">
8+
<h2 className="text-center text-lg font-semibold leading-8 dark:text-gray-100 text-gray-900">
9+
Chosen by leading enterprise customers
10+
</h2>
11+
<div className="mx-auto mt-10 grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5">
12+
<img
13+
className="col-span-2 max-h-12 w-full object-contain lg:col-span-1"
14+
src="https://media.licdn.com/dms/image/C4D0BAQGQPNUN4VibGA/company-logo_200_200/0/1662497060560?e=2147483647&v=beta&t=oY920CYx6hdvnWpyUYBqIUPeESZ2A3rD5XHewVw-YhI"
15+
alt="Tera Capital"
16+
width={200}
17+
height={70}
18+
/>
19+
<img
20+
className="col-span-2 max-h-12 w-full object-contain lg:col-span-1"
21+
src={kahootLogo}
22+
alt="Kahoot"
23+
width={158}
24+
height={48}
25+
/>
26+
<img
27+
className="col-span-2 max-h-12 w-full object-contain lg:col-span-1"
28+
src="https://ww1.freelogovectors.net/wp-content/uploads/2023/01/photoroom_logo-freelogovectors.net_.png"
29+
alt="Photoroom"
30+
width={200}
31+
height={60}
32+
/>
33+
<img
34+
className="col-span-2 max-h-12 w-full object-contain sm:col-start-2 lg:col-span-1"
35+
src="https://uploads-ssl.webflow.com/613002375bb42b74d41d771a/61313810c5bb291a726596a7_bloomcredit.png"
36+
alt="Bloomcredit"
37+
width={158}
38+
height={48}
39+
/>
40+
<img
41+
className="col-span-2 col-start-2 max-h-12 w-full object-contain sm:col-start-auto lg:col-span-1"
42+
src="https://tailwindui.com/img/logos/158x48/statamic-logo-white.svg"
43+
alt="Statamic"
44+
width={158}
45+
height={48}
46+
/>
47+
</div>
48+
</div>
49+
</div>
50+
);
51+
}

‎src/landing/Section.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ export default function Section({
5151
<div className="flex justify-between items-center w-full">
5252
<h1
5353
className={classNames(
54-
'font-bold !text-transparent !bg-clip-text !bg-gradient-to-br ',
54+
'font-bold !text-transparent !bg-clip-text !bg-gradient-to-br leading-8',
5555
colors.gradient
5656
)}
5757
>

0 commit comments

Comments
 (0)