Skip to content

Commit

Permalink
feat: based on feedback iteration 1
Browse files Browse the repository at this point in the history 
Signed-off-by: Animesh Pathak <[email protected]>
  • Loading branch information
@Sonichigo
Sonichigo committed Dec 31, 2024
1 parent aacca9f commit be5f389
Show file tree
Hide file tree
Showing 8 changed files with 242 additions and 68 deletions.
9 changes: 7 additions & 2 deletions docusaurus.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ module.exports = {
{
to: "/server/installation",
activeBasePath: "none",
label: "Start",
label: "Getting Started",
},
// {
// to: "/server/installation/",
Expand All @@ -137,7 +137,7 @@ module.exports = {
// },
{
to: "/keploy-cloud/cloud-installation",
label: "Cloud",
label: "Enterprise",
},
{
label: "Resources",
Expand Down Expand Up @@ -167,6 +167,11 @@ module.exports = {
className: "header-github-link",
"aria-label": "GitHub repository",
},
{
href: "https://app.keploy.io",
position: "right",
label: 'Pricing'
},
// TODO : Add Blogging Section
// {
// to: "/blog",
Expand Down
9 changes: 5 additions & 4 deletions src/components/Community.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ export const Community = () => {
Are you curious, 🤔 or do you have questions burning in your mind? 🔥
Look no further! Join our lively Community Forum where you can:
</p>
<ul className="grid gap-6 sm:grid-cols-2 xl:gap-8">
<ul className="grid gap-6 sm:grid-cols-2 xl:gap-8 list-none">
{/*<li>*/}
{/* <a*/}
{/* href="https://community.keploy.io/"*/}
Expand Down Expand Up @@ -46,7 +46,8 @@ export const Community = () => {
>
<svg
fill="currentColor"
className="h-12 w-12 flex-none text-red-500 "
className="h-12 w-12 flex-none text-red-500"
viewBox="0 0 48 48"
>
<rect width="48" height="48" rx="12" />
<path
Expand Down Expand Up @@ -116,8 +117,8 @@ export const Community = () => {
>
<svg
fill="currentColor"
className="h-12 w-12 flex-none text-black"
viewBox="0 0 512 509.64"
className="h-12 w-12 flex-none text-black"
viewBox="0 0 48 48"
>
<rect width="509.64" height="512" rx="120" />
<path
Expand Down
64 changes: 34 additions & 30 deletions src/components/Intro.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,80 +33,80 @@ function Languages() {
{/* <ul className="grid grid-cols-2 gap-6 xl:gap-8"> */}
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
className="flex flex-col items-center space-x-3 p-6 hover:underline"
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
to={useBaseUrl("/quickstart/samples-gin")}
data-tooltip="Golang"
>
<img
className="h-8 w-8"
className="h-8 w-8 transition hover:scale-110"
src="/docs/img/golang.svg"
alt="Go lang logo"
alt="Golang logo"
/>
<p className="font-semibold">Go</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
className="flex flex-col items-center space-x-3 p-6 hover:underline"
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
to={useBaseUrl("/quickstart/samples-java")}
data-tooltip="Java"
>
<img
className="h-8 w-8 transition hover:scale-110"
src="/docs/img/java.svg"
alt="Java logo"
/>
<p className="font-semibold">Java</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
className="flex flex-col items-center space-x-3 p-6 hover:underline"
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
to={useBaseUrl("/quickstart/samples-django")}
data-tooltip="Python"
>
<img
className="h-8 w-8"
className="h-8 w-8 transition hover:scale-110"
src="/docs/img/python.svg"
alt="Python logo"
/>
<p className="font-semibold">Python</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
className="flex flex-col items-center space-x-3 p-6 hover:underline"
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
to={useBaseUrl("/quickstart/samples-nodejs")}
data-tooltip="Javascript"
>
<img
className="h-8 w-8 transition hover:scale-110"
src="/docs/img/javascript-logo.svg"
alt="Javascript logo"
/>
<p className="font-semibold">Javascript</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
className="flex flex-col items-center space-x-3 p-6 hover:underline"
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
to={useBaseUrl("/quickstart/samples-rust")}
data-tooltip="Rust"
>
<img
className="h-8 w-8 transition hover:scale-110"
src="/docs/img/rust-logo.svg"
alt="Javascript logo"
/>
<p className="font-semibold">Rust</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
className="flex flex-col items-center space-x-3 p-6 hover:underline"
className="hover-label-container flex flex-col items-center space-x-3 p-6 hover:underline"
to={useBaseUrl("/quickstart/samples-csharp")}
data-tooltip="CSharp"
>
<img
className="h-8 w-8 transition hover:scale-110"
src="/docs/img/csharp-logo.svg"
alt="Javascript logo"
/>
<p className="font-semibold">CSharp</p>
</Link>
</li>
</ul>
Expand All @@ -116,7 +116,7 @@ function Languages() {

function Frameworks() {
return (
<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)]">
<div className="flex flex-col rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow transition hover:shadow-lg">
<div className="flex items-center space-x-4">
<svg
className="mb-4 h-10 w-10 rounded-lg bg-[color:var(--ifm-color)] p-2 text-[color:var(--ifm-background-color)]"
Expand All @@ -135,77 +135,81 @@ function Frameworks() {
</svg>
<h2 className="mb-4 text-xl font-semibold">Dependencies Support</h2>
</div>
<ul className="grid grid-cols-3 gap-3 lg:gap-5">
<ul className="grid grid-cols-3 gap-3 lg:gap-5">
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
to={useBaseUrl("/dependencies/mongo")}
className="flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
data-tooltip="MongoDB"
>
<img
className="h-8 w-8"
src="/docs/img/mongodb-logo.svg"
alt="Docker logo"
/>
<p className="font-semibold">MongoDB</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
to={useBaseUrl("/dependencies/http")}
className="flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
data-tooltip="HTTP"
>
<img
className="h-8 w-8"
src="/docs/img/http-logo.svg"
alt="HTTP logo"
/>
<p className="font-semibold">HTTP</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
to={useBaseUrl("/dependencies/postgres")}
className="flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
data-tooltip="PostgreSQL"
>
<img
className="h-8 w-8"
src="/docs/img/postgres-logo.svg"
alt="PostgresSQL logo"
/>
<p className="font-semibold">PostgresSQL</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link
to={useBaseUrl("/dependencies/redis")}
className="flex flex-col items-center justify-center space-y-1 p-6 text-center "
>
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
data-tooltip="Redis"
>
<img
className="h-8 w-8"
src="/docs/img/redis-logo.svg"
alt="Redis logo"
/>
<p className="font-semibold">Redis</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link className="flex flex-col items-center justify-center space-y-1 p-6 text-center ">
<Link
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center "
data-tooltip="MySQL"
>
<img
className="h-8 w-8"
src="/docs/img/mysql-logo.svg"
alt="MySQL logo"
/>
<p className="font-semibold">MySQL</p>
</Link>
</li>
<li className="mt-5 flex flex-col space-y-3 text-lg">
<Link className="flex flex-col items-center justify-center space-y-1 p-6 text-center ">
<Link
className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center "
data-tooltip="DynamoDB"
>
<img
className="h-8 w-8"
src="/docs/img/dynamodb-logo.svg"
alt="DynamoDB logo"
/>
<p className="font-semibold">DynamoDB</p>
</Link>
</li>
{/*<li className="mt-5 flex flex-col space-y-3 text-lg">*/}
Expand Down
Loading

0 comments on commit be5f389

Please sign in to comment.