fix(web): center chat box on Ask GitHub landing page (#1046)

* fix(web): center chat box on Ask GitHub landing page

Changed the layout from justify-between (which placed repo info at center
and chat box at bottom) to a fully centered layout where both repo info
and chat box are grouped together in the center of the page.

This matches user expectations and aligns with how similar tools (like
Claude.ai) present their chat interfaces.

Fixes the layout issue where the chat box felt disconnected from the
repository title.

Co-authored-by: Michael Sukkarieh <msukkari@users.noreply.github.com>

* docs: add CHANGELOG entry for Ask GitHub chat box centering fix

Co-authored-by: Michael Sukkarieh <msukkari@users.noreply.github.com>

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Michael Sukkarieh <msukkari@users.noreply.github.com>

Author: msukkari

CHANGELOG.md

@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Fixed
+- Fixed Ask GitHub landing page chat box placement to be centered on the page instead of at the bottom. [#1046](https://github.com/sourcebot-dev/sourcebot/pull/1046)
+
 ## [4.16.2] - 2026-03-25
 
 ### Fixed

packages/web/src/app/[domain]/askgh/[owner]/[repo]/components/landingPage.tsx

@@ -46,9 +46,10 @@ export const LandingPage = ({
     const displayName = repoDisplayName ?? repoName;
 
     return (
-        <div className="min-h-screen flex flex-col justify-between p-4">
-            {/* Center Section - Repository Info */}
-            <div className="flex-1 flex items-center justify-center">
+        <div className="min-h-screen flex flex-col items-center justify-center p-4">
+            {/* Centered Content - Repository Info + ChatBox */}
+            <div className="flex flex-col items-center gap-8 w-full max-w-[800px]">
+                {/* Repository Info */}
                 <div className="flex items-center gap-4">
                     {imageSrc && (
                         <Image
@@ -62,11 +63,9 @@ export const LandingPage = ({
                     )}
                     <h1 className="text-2xl font-bold">{displayName}</h1>
                 </div>
-            </div>
 
-            {/* Bottom Section - ChatBox */}
-            <div className="flex justify-center pb-8">
-                <div className="w-full max-w-[800px]">
+                {/* ChatBox */}
+                <div className="w-full">
                     <div className="border rounded-md w-full shadow-sm">
                         <ChatBox
                             onSubmit={(children) => {