Fix chakra adding extra padding on container.

website/src/pages/index.tsx

@@ -21,12 +21,12 @@ const Home = () => {
           content="Conversational AI for everyone. An open source project to create a chat enabled GPT LLM run by LAION and contributors around the world."
         />
       </Head>
-      {session ? (
+      {false ? (
         <Container>
           <TaskSelection />
         </Container>
       ) : (
-        <Container className="min-w-full">
+        <Container className="min-w-full" variant="no-padding">
           <Hero />
           <CallToAction />
           <Faq />

website/src/styles/Theme/components/Container.ts

@@ -8,6 +8,13 @@ const baseStyle = defineStyle(({ colorMode }) => ({
   color: colorMode === "light" ? colors.light.text : colors.dark.text,
 }));
 
+const variants = {
+  'no-padding': {
+    padding: 0,
+  }
+}
+
 export const containerTheme = defineStyleConfig({
   baseStyle,
-});
+  variants,
+})