diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index 090f3dab81..65df404aad 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -4,9 +4,6 @@ import { BaseChat } from '~/components/chat/BaseChat';
 import { Chat } from '~/components/chat/Chat.client';
 import { Header } from '~/components/header/Header';
 import BackgroundRays from '~/components/ui/BackgroundRays';
-import { ControlPanel } from '~/components/@settings';
-import { SettingsButton } from '~/components/ui/SettingsButton';
-import { useState } from 'react';
 
 export const meta: MetaFunction = () => {
   return [{ title: 'Bolt' }, { name: 'description', content: 'Talk with Bolt, an AI assistant from StackBlitz' }];
@@ -14,20 +11,18 @@ export const meta: MetaFunction = () => {
 
 export const loader = () => json({});
 
+/**
+ * Landing page component for Bolt
+ * Note: Settings functionality should ONLY be accessed through the sidebar menu.
+ * Do not add settings button/panel to this landing page as it was intentionally removed
+ * to keep the UI clean and consistent with the design system.
+ */
 export default function Index() {
-  const [showControlPanel, setShowControlPanel] = useState(false);
-
   return (
     <div className="flex flex-col h-full w-full bg-bolt-elements-background-depth-1">
       <BackgroundRays />
       <Header />
       <ClientOnly fallback={<BaseChat />}>{() => <Chat />}</ClientOnly>
-      <div className="fixed bottom-4 right-4">
-        <SettingsButton onClick={() => setShowControlPanel(true)} />
-      </div>
-      <ClientOnly>
-        {() => <ControlPanel open={showControlPanel} onClose={() => setShowControlPanel(false)} />}
-      </ClientOnly>
     </div>
   );
 }