Change Set Up the Fern Folder --> Quickstart and add cards (#147)

Co-authored-by: Kapil Gowru <[email protected]>
Co-authored-by: Kapil Gowru <[email protected]>

Author: 3 people

fern/products/sdks/fern-folder.mdx

@@ -27,9 +27,28 @@ in different languages.
   <Markdown src="/products/sdks/snippets/option-2-fern-def.mdx"/>
     </Accordion>
 
-    {/* <Markdown src="/products/sdks/snippets/option-3-asyncapi.mdx"/> */}
-    
+    {/* <Markdown src="/products/sdks/snippets/option-3-asyncapi.mdx"/> */}    
   </AccordionGroup>
+
+    ### Generate an SDK in your desired language
+
+  <CardGroup cols={3}>
+    <Card title="TypeScript" icon={<img src="./images/icons/ts-light.svg" alt="TypeScript logo" className="h-10 w-10" noZoom />}  href="/sdks/generators/typescript/quickstart">
+    </Card>
+    <Card title="Python" icon={<img src="./images/icons/python-light.svg"/>} href="/sdks/generators/python/quickstart">
+    </Card>
+    <Card title="Go" icon={<img src="./images/icons/go-light.svg"/>} href="/sdks/generators/go/quickstart">
+    </Card>
+    <Card title="Java" icon={<img src="./images/icons/java-light.svg"/>} href="/sdks/generators/java/quickstart">
+    </Card>
+    <Card title=".NET" icon={<img src="./images/icons/csharp-light.svg"/>} href="/sdks/generators/csharp/quickstart">
+    </Card>
+    <Card title="PHP" icon={<img src="./images/icons/php-light.svg"/>} href="/sdks/generators/php/quickstart">
+    </Card>
+    <Card title="Ruby" icon={<img src="./images/icons/ruby-light.svg"/>} href="/sdks/generators/php/quickstart">
+    </Card>
+  </CardGroup>
+
 </Steps>
 
 ## Learn more about the initialized files

fern/products/sdks/sdks.yml

@@ -3,7 +3,7 @@ navigation:
     contents:
       - page: Introduction
         path: ./introduction.mdx
-      - page: Set up the Fern Folder
+      - page: Quickstart
         path: ./fern-folder.mdx
       - page: Capabilities
         path: ./capabilities.mdx