|
1 | 1 | import React from "react"; |
2 | 2 | import Link from "@docusaurus/Link"; |
3 | 3 | import useBaseUrl from "@docusaurus/useBaseUrl"; |
4 | | - |
| 4 | +import {FaBook} from "react-icons/fa"; |
| 5 | +import {FaRobot} from "react-icons/fa"; |
| 6 | +import {FaWindows, FaLinux, FaApple} from "react-icons/fa"; |
5 | 7 | export const QuickStart = () => { |
6 | 8 | return ( |
7 | 9 | <section className="mt-1"> |
@@ -54,48 +56,47 @@ export const QuickStart = () => { |
54 | 56 | {/* </a>*/} |
55 | 57 | {/*</p>*/} |
56 | 58 |
|
57 | | - <h2 className="mt-8 text-2xl font-semibold tracking-wide md:text-3xl"> |
58 | | - Installation Guide 📗 |
59 | | - </h2> |
60 | | - <p className="text-l mb-8 mt-4 max-w-4xl"> |
61 | | - Let's get Keploy up and running on your Windows, Linux, or macOS |
62 | | - machine, so you can start crafting test cases in minutes. ⏱️ |
63 | | - </p> |
| 59 | + <div className="mt-8"> |
| 60 | + <h2 className="mb-4 text-2xl font-semibold tracking-wide md:text-3xl"> |
| 61 | + Get Started 🚀 |
| 62 | + </h2> |
| 63 | + <p className="text-l mb-8 max-w-4xl"> |
| 64 | + Get started with installation, quickstart, or dive into AI-powered API |
| 65 | + testing. |
| 66 | + </p> |
| 67 | + |
| 68 | + <div className="grid grid-cols-1 gap-6 md:grid-cols-3 lg:gap-8"> |
| 69 | + {/* Installation Card */} |
| 70 | + <Link |
| 71 | + className="flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg transition-transform duration-200 hover:scale-105" |
| 72 | + to={useBaseUrl("/server/installation")} |
| 73 | + > |
| 74 | + <div class="flex gap-3"> |
| 75 | + <FaWindows className="h-12 w-12 text-orange-500" /> |
| 76 | + <FaLinux className="h-12 w-12 text-orange-500" /> |
| 77 | + <FaApple className="h-12 w-12 text-orange-500" /> |
| 78 | + </div> |
| 79 | + <p className="pt-4 text-lg font-semibold">Installation</p> |
| 80 | + </Link> |
| 81 | + |
| 82 | + {/* Quickstart Card */} |
| 83 | + <Link |
| 84 | + className="flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg transition-transform duration-200 hover:scale-105" |
| 85 | + to={useBaseUrl("/docs/quickstart/quickstart-filter/")} |
| 86 | + > |
| 87 | + <FaBook className="h-12 w-12 text-orange-500" /> |
| 88 | + <p className="pt-4 text-lg font-semibold">Quickstart Guide</p> |
| 89 | + </Link> |
64 | 90 |
|
65 | | - <div className="grid grid-cols-1 gap-6 md:grid-cols-3 lg:gap-8"> |
66 | | - <Link |
67 | | - className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg" |
68 | | - to={useBaseUrl("/server/installation/")} |
69 | | - > |
70 | | - <img |
71 | | - className="h-16 w-16" |
72 | | - src="/docs/img/os/windows-logo.svg" |
73 | | - alt="Windows logo" |
74 | | - /> |
75 | | - <p className="text-lg font-semibold">Windows</p> |
76 | | - </Link> |
77 | | - <Link |
78 | | - className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg" |
79 | | - to={useBaseUrl("/server/installation/")} |
80 | | - > |
81 | | - <img |
82 | | - className="h-16 w-16" |
83 | | - src="/docs/img/os/linux-logo.svg" |
84 | | - alt="Linux logo" |
85 | | - /> |
86 | | - <p className="text-lg font-semibold">Linux</p> |
87 | | - </Link> |
88 | | - <Link |
89 | | - className="scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg" |
90 | | - to={useBaseUrl("/server/installation/")} |
91 | | - > |
92 | | - <img |
93 | | - className="h-16 w-16" |
94 | | - src="/docs/img/os/apple-logo.svg" |
95 | | - alt="Mac logo" |
96 | | - /> |
97 | | - <p className="text-lg font-semibold">MacOS</p> |
98 | | - </Link> |
| 91 | + {/* AI-powered API Testing Card */} |
| 92 | + <Link |
| 93 | + className="flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg transition-transform duration-200 hover:scale-105" |
| 94 | + to={useBaseUrl("/docs/running-keploy/generate-api-tests-using-ai/")} |
| 95 | + > |
| 96 | + <FaRobot className="h-12 w-12 text-orange-500" /> |
| 97 | + <p className="pt-4 text-lg font-semibold">AI-powered API Testing</p> |
| 98 | + </Link> |
| 99 | + </div> |
99 | 100 | </div> |
100 | 101 | </section> |
101 | 102 | ); |
|
0 commit comments