added code tabs

remorses · Jan 18, 2024 · ca747f0 · ca747f0
1 parent 523efdb
commit ca747f0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/website/src/components/code-tabs.tsx b/website/src/components/code-tabs.tsx
@@ -59,7 +59,7 @@ export function CodeTabs() {
     }, [value])
     return (
         <Tabs
-            className='min-h-[400px]'
+            className='min-h-[400px] shrink-0'
             value={value}
             key={value}
             onValueChange={setValue}

diff --git a/website/src/pages/home.tsx b/website/src/pages/home.tsx
@@ -102,14 +102,19 @@ const Page = ({ clients }: InferGetStaticPropsType<typeof getStaticProps>) => (
                     </Button>
                 </div>
             }
+
             image={<CodeTabs />}
             heading={
-                <div className=''>Generate an SDK for any GraphQL API</div>
+                <div className=''>
+                    Generate an SDK <br /> for any GraphQL API
+                </div>
             }
             subheading={
-                <Fragment>
-                    Genql generates a TypeScript SDK for your GraphQL API
-                </Fragment>
+                <div className='max-w-[600px]'>
+                    Genql turns you GraphQL API into a type safe SDK for your
+                    language of choice. Get a developer hub with examples and
+                    documentation for your API.
+                </div>
             }
             // image={<Image h='200px' w='300px' src='/robot.svg' />}
             // image={