Skip to content

Commit 7363dde

Browse files
Sonichigoactions-user
Sonichigo
authored and
actions-user
committed
feat: based on feedback iteration 1
Signed-off-by: Animesh Pathak <[email protected]>
1 parent aacca9f commit 7363dde

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+548
-218
lines changed

‎docusaurus.config.js‎

Lines changed: 14 additions & 9 deletions
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,24 +137,24 @@ module.exports = {
137137
// },
138138
{
139139
to: "/keploy-cloud/cloud-installation",
140-
label: "Cloud",
140+
label: "Enterprise",
141141
},
142142
{
143143
label: "Resources",
144144
items: [
145145
{
146-
label: 'Blogs',
147-
href:'https://keploy.io/blog',
146+
label: "Blogs",
147+
href: "https://keploy.io/blog",
148148
},
149149
{
150-
label: 'Contributing',
151-
href: '/keploy-explained/contribution-guide',
150+
label: "Contributing",
151+
href: "/keploy-explained/contribution-guide",
152152
},
153153
{
154-
label: 'FAQ',
155-
href:'/keploy-explained/faq/',
154+
label: "FAQ",
155+
href: "/keploy-explained/faq/",
156156
},
157-
]
157+
],
158158
},
159159
{
160160
type: "docsVersionDropdown",
@@ -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‎

Lines changed: 5 additions & 4 deletions
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‎

Lines changed: 40 additions & 34 deletions
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 "
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"
182183
>
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">*/}
@@ -227,12 +231,14 @@ export const Intro = () => {
227231
return (
228232
<section className="mb-4 mt-12">
229233
<h2 className="mb-4 text-2xl font-semibold tracking-wide md:text-3xl">
230-
Getting Started ✨
234+
Getting Started ✨
231235
</h2>
232-
<p className="text-l text-gray-500">
233-
Get up and running with Keploy in just a few minutes by integrating it with your applications.
234-
Below are the quick-start guides for popular languages and frameworks.
235-
</p><br/>
236+
<p className="text-l text-gray-500">
237+
Get up and running with Keploy in just a few minutes by integrating it
238+
with your applications. Below are the quick-start guides for popular
239+
languages and frameworks.
240+
</p>
241+
<br />
236242
<div className="grid gap-6 sm:grid-cols-2 xl:gap-8">
237243
<Languages />
238244
<Frameworks />

0 commit comments

Comments
 (0)