From ca747f07af6be590ab33b7ed92d251ccee578acb Mon Sep 17 00:00:00 2001
From: remorses <beats.by.morse@gmail.com>
Date: Thu, 18 Jan 2024 16:42:00 +0100
Subject: [PATCH] added code tabs

---
 "website/src/components/\027code-tabs.tsx" |  2 +-
 website/src/pages/home.tsx                 | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git "a/website/src/components/\027code-tabs.tsx" "b/website/src/components/\027code-tabs.tsx"
index 3886968..f8e684f 100644
--- "a/website/src/components/\027code-tabs.tsx"
+++ "b/website/src/components/\027code-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
index fc0bc2e..a06f4b2 100644
--- 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={