Skip to content

Commit be5f389

Browse files
SonichigoSonichigo
committed
feat: based on feedback iteration 1
Signed-off-by: Animesh Pathak <[email protected]>
1 parent aacca9f commit be5f389

File tree

8 files changed

+242
-68
lines changed

8 files changed

+242
-68
lines changed

‎docusaurus.config.js

+7-2
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ module.exports = {
118118
{
119119
to: "/server/installation",
120120
activeBasePath: "none",
121-
label: "Start",
121+
label: "Getting Started",
122122
},
123123
// {
124124
// to: "/server/installation/",
@@ -137,7 +137,7 @@ module.exports = {
137137
// },
138138
{
139139
to: "/keploy-cloud/cloud-installation",
140-
label: "Cloud",
140+
label: "Enterprise",
141141
},
142142
{
143143
label: "Resources",
@@ -167,6 +167,11 @@ module.exports = {
167167
className: "header-github-link",
168168
"aria-label": "GitHub repository",
169169
},
170+
{
171+
href: "https://app.keploy.io",
172+
position: "right",
173+
label: 'Pricing'
174+
},
170175
// TODO : Add Blogging Section
171176
// {
172177
// to: "/blog",

‎src/components/Community.js

+5-4
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const Community = () => {
1010
Are you curious, 🤔 or do you have questions burning in your mind? 🔥
1111
Look no further! Join our lively Community Forum where you can:
1212
</p>
13-
<ul className="grid gap-6 sm:grid-cols-2 xl:gap-8">
13+
<ul className="grid gap-6 sm:grid-cols-2 xl:gap-8 list-none">
1414
{/*<li>*/}
1515
{/* <a*/}
1616
{/* href="https://community.keploy.io/"*/}
@@ -46,7 +46,8 @@ export const Community = () => {
4646
>
4747
<svg
4848
fill="currentColor"
49-
className="h-12 w-12 flex-none text-red-500 "
49+
className="h-12 w-12 flex-none text-red-500"
50+
viewBox="0 0 48 48"
5051
>
5152
<rect width="48" height="48" rx="12" />
5253
<path
@@ -116,8 +117,8 @@ export const Community = () => {
116117
>
117118
<svg
118119
fill="currentColor"
119-
className="h-12 w-12 flex-none text-black"
120-
viewBox="0 0 512 509.64"
120+
className="h-12 w-12 flex-none text-black"
121+
viewBox="0 0 48 48"
121122
>
122123
<rect width="509.64" height="512" rx="120" />
123124
<path

‎src/components/Intro.js

+34-30
Original file line numberDiff line numberDiff line change
@@ -33,80 +33,80 @@ function Languages() {
3333
{/* <ul className="grid grid-cols-2 gap-6 xl:gap-8"> */}
3434
<li className="mt-5 flex flex-col space-y-3 text-lg">
3535
<Link
36-
className="flex flex-col items-center space-x-3 p-6 hover:underline"
36+
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
3737
to={useBaseUrl("/quickstart/samples-gin")}
38+
data-tooltip="Golang"
3839
>
3940
<img
40-
className="h-8 w-8"
41+
className="h-8 w-8 transition hover:scale-110"
4142
src="/docs/img/golang.svg"
42-
alt="Go lang logo"
43+
alt="Golang logo"
4344
/>
44-
<p className="font-semibold">Go</p>
4545
</Link>
4646
</li>
4747
<li className="mt-5 flex flex-col space-y-3 text-lg">
4848
<Link
49-
className="flex flex-col items-center space-x-3 p-6 hover:underline"
49+
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
5050
to={useBaseUrl("/quickstart/samples-java")}
51+
data-tooltip="Java"
5152
>
5253
<img
5354
className="h-8 w-8 transition hover:scale-110"
5455
src="/docs/img/java.svg"
5556
alt="Java logo"
5657
/>
57-
<p className="font-semibold">Java</p>
5858
</Link>
5959
</li>
6060
<li className="mt-5 flex flex-col space-y-3 text-lg">
6161
<Link
62-
className="flex flex-col items-center space-x-3 p-6 hover:underline"
62+
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
6363
to={useBaseUrl("/quickstart/samples-django")}
64+
data-tooltip="Python"
6465
>
6566
<img
66-
className="h-8 w-8"
67+
className="h-8 w-8 transition hover:scale-110"
6768
src="/docs/img/python.svg"
6869
alt="Python logo"
6970
/>
70-
<p className="font-semibold">Python</p>
7171
</Link>
7272
</li>
7373
<li className="mt-5 flex flex-col space-y-3 text-lg">
7474
<Link
75-
className="flex flex-col items-center space-x-3 p-6 hover:underline"
75+
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
7676
to={useBaseUrl("/quickstart/samples-nodejs")}
77+
data-tooltip="Javascript"
7778
>
7879
<img
7980
className="h-8 w-8 transition hover:scale-110"
8081
src="/docs/img/javascript-logo.svg"
8182
alt="Javascript logo"
8283
/>
83-
<p className="font-semibold">Javascript</p>
8484
</Link>
8585
</li>
8686
<li className="mt-5 flex flex-col space-y-3 text-lg">
8787
<Link
88-
className="flex flex-col items-center space-x-3 p-6 hover:underline"
88+
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
8989
to={useBaseUrl("/quickstart/samples-rust")}
90+
data-tooltip="Rust"
9091
>
9192
<img
9293
className="h-8 w-8 transition hover:scale-110"
9394
src="/docs/img/rust-logo.svg"
9495
alt="Javascript logo"
9596
/>
96-
<p className="font-semibold">Rust</p>
9797
</Link>
9898
</li>
9999
<li className="mt-5 flex flex-col space-y-3 text-lg">
100100
<Link
101-
className="flex flex-col items-center space-x-3 p-6 hover:underline"
101+
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
102102
to={useBaseUrl("/quickstart/samples-csharp")}
103+
data-tooltip="CSharp"
103104
>
104105
<img
105106
className="h-8 w-8 transition hover:scale-110"
106107
src="/docs/img/csharp-logo.svg"
107108
alt="Javascript logo"
108109
/>
109-
<p className="font-semibold">CSharp</p>
110110
</Link>
111111
</li>
112112
</ul>
@@ -116,7 +116,7 @@ function Languages() {
116116

117117
function Frameworks() {
118118
return (
119-
<div className="flex flex-col rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow transition hover:shadow-lg hover:shadow-[color:var(--ifm-card-shadow-color)]">
119+
<div className="flex flex-col rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow transition hover:shadow-lg">
120120
<div className="flex items-center space-x-4">
121121
<svg
122122
className="mb-4 h-10 w-10 rounded-lg bg-[color:var(--ifm-color)] p-2 text-[color:var(--ifm-background-color)]"
@@ -135,77 +135,81 @@ function Frameworks() {
135135
</svg>
136136
<h2 className="mb-4 text-xl font-semibold">Dependencies Support</h2>
137137
</div>
138-
<ul className="grid grid-cols-3 gap-3 lg:gap-5">
138+
<ul className="grid grid-cols-3 gap-3 lg:gap-5">
139139
<li className="mt-5 flex flex-col space-y-3 text-lg">
140140
<Link
141141
to={useBaseUrl("/dependencies/mongo")}
142-
className="flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
142+
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
143+
data-tooltip="MongoDB"
143144
>
144145
<img
145146
className="h-8 w-8"
146147
src="/docs/img/mongodb-logo.svg"
147148
alt="Docker logo"
148149
/>
149-
<p className="font-semibold">MongoDB</p>
150150
</Link>
151151
</li>
152152
<li className="mt-5 flex flex-col space-y-3 text-lg">
153153
<Link
154154
to={useBaseUrl("/dependencies/http")}
155-
className="flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
155+
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
156+
data-tooltip="HTTP"
156157
>
157158
<img
158159
className="h-8 w-8"
159160
src="/docs/img/http-logo.svg"
160161
alt="HTTP logo"
161162
/>
162-
<p className="font-semibold">HTTP</p>
163163
</Link>
164164
</li>
165165
<li className="mt-5 flex flex-col space-y-3 text-lg">
166166
<Link
167167
to={useBaseUrl("/dependencies/postgres")}
168-
className="flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
168+
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
169+
data-tooltip="PostgreSQL"
169170
>
170171
<img
171172
className="h-8 w-8"
172173
src="/docs/img/postgres-logo.svg"
173174
alt="PostgresSQL logo"
174175
/>
175-
<p className="font-semibold">PostgresSQL</p>
176176
</Link>
177177
</li>
178178
<li className="mt-5 flex flex-col space-y-3 text-lg">
179179
<Link
180180
to={useBaseUrl("/dependencies/redis")}
181-
className="flex flex-col items-center justify-center space-y-1 p-6 text-center "
182-
>
181+
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
182+
data-tooltip="Redis"
183+
>
183184
<img
184185
className="h-8 w-8"
185186
src="/docs/img/redis-logo.svg"
186187
alt="Redis logo"
187188
/>
188-
<p className="font-semibold">Redis</p>
189189
</Link>
190190
</li>
191191
<li className="mt-5 flex flex-col space-y-3 text-lg">
192-
<Link className="flex flex-col items-center justify-center space-y-1 p-6 text-center ">
192+
<Link
193+
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center "
194+
data-tooltip="MySQL"
195+
>
193196
<img
194197
className="h-8 w-8"
195198
src="/docs/img/mysql-logo.svg"
196199
alt="MySQL logo"
197200
/>
198-
<p className="font-semibold">MySQL</p>
199201
</Link>
200202
</li>
201203
<li className="mt-5 flex flex-col space-y-3 text-lg">
202-
<Link className="flex flex-col items-center justify-center space-y-1 p-6 text-center ">
204+
<Link
205+
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center "
206+
data-tooltip="DynamoDB"
207+
>
203208
<img
204209
className="h-8 w-8"
205210
src="/docs/img/dynamodb-logo.svg"
206211
alt="DynamoDB logo"
207212
/>
208-
<p className="font-semibold">DynamoDB</p>
209213
</Link>
210214
</li>
211215
{/*<li className="mt-5 flex flex-col space-y-3 text-lg">*/}

0 commit comments

Comments
 (0)