diff --git a/ui/components/lighthouse-v1/banner-client.tsx b/ui/components/lighthouse-v1/banner-client.tsx
deleted file mode 100644
index c3032cef86..0000000000
--- a/ui/components/lighthouse-v1/banner-client.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useEffect, useRef, useState } from "react";
-
-import { Card, CardContent } from "@/components/shadcn/card/card";
-import { cn } from "@/lib/utils";
-
-import { LighthouseIcon } from "../icons";
-
-const AnimatedGradientCard = ({
-  message,
-  href,
-}: {
-  message: string;
-  href: string;
-}) => {
-  const interactiveRef = useRef<HTMLDivElement>(null);
-  const curXRef = useRef(0);
-  const curYRef = useRef(0);
-  const tgXRef = useRef(0);
-  const tgYRef = useRef(0);
-  const [isSafari, setIsSafari] = useState(false);
-
-  useEffect(() => {
-    setIsSafari(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
-  }, []);
-
-  useEffect(() => {
-    let animationFrameId: number;
-
-    const move = () => {
-      if (!interactiveRef.current) return;
-
-      curXRef.current += (tgXRef.current - curXRef.current) / 20;
-      curYRef.current += (tgYRef.current - curYRef.current) / 20;
-
-      interactiveRef.current.style.transform = `translate(${Math.round(curXRef.current)}px, ${Math.round(curYRef.current)}px)`;
-
-      animationFrameId = requestAnimationFrame(move);
-    };
-
-    animationFrameId = requestAnimationFrame(move);
-
-    return () => {
-      cancelAnimationFrame(animationFrameId);
-    };
-  }, []);
-
-  const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {
-    if (interactiveRef.current) {
-      const rect = interactiveRef.current.getBoundingClientRect();
-      tgXRef.current = event.clientX - rect.left;
-      tgYRef.current = event.clientY - rect.top;
-    }
-  };
-
-  return (
-    <Link href={href} className="mb-8 block w-full">
-      <Card
-        variant="base"
-        className="group relative overflow-hidden"
-        onMouseMove={handleMouseMove}
-      >
-        <svg className="hidden">
-          <defs>
-            <filter id="blurMe">
-              <feGaussianBlur
-                in="SourceGraphic"
-                stdDeviation="10"
-                result="blur"
-              />
-              <feColorMatrix
-                in="blur"
-                mode="matrix"
-                values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8"
-                result="goo"
-              />
-              <feBlend in="SourceGraphic" in2="goo" />
-            </filter>
-          </defs>
-        </svg>
-
-        <div
-          className={cn(
-            "pointer-events-none absolute inset-0 blur-lg",
-            isSafari ? "blur-2xl" : "[filter:url(#blurMe)_blur(40px)]",
-          )}
-        >
-          <div className="animate-first absolute [top:calc(50%-60%)] [left:calc(50%-60%)] h-[120%] w-[120%] [transform-origin:center_center] opacity-100 [mix-blend-mode:hard-light] [background:radial-gradient(circle_at_center,_var(--bg-neutral-tertiary)_0,_transparent_50%)_no-repeat]" />
-
-          <div className="animate-second absolute [top:calc(50%-60%)] [left:calc(50%-60%)] h-[120%] w-[120%] [transform-origin:calc(50%-200px)] opacity-80 [mix-blend-mode:hard-light] [background:radial-gradient(circle_at_center,_var(--bg-button-primary)_0,_transparent_50%)_no-repeat]" />
-
-          <div className="animate-third absolute [top:calc(50%-60%)] [left:calc(50%-60%)] h-[120%] w-[120%] [transform-origin:calc(50%+200px)] opacity-70 [mix-blend-mode:hard-light] [background:radial-gradient(circle_at_center,_var(--bg-button-primary-hover)_0,_transparent_50%)_no-repeat]" />
-
-          <div
-            ref={interactiveRef}
-            className="absolute -top-1/2 -left-1/2 h-full w-full opacity-60 [mix-blend-mode:hard-light] [background:radial-gradient(circle_at_center,_var(--bg-button-primary-press)_0,_transparent_50%)_no-repeat]"
-          />
-        </div>
-
-        <CardContent className="relative z-10">
-          <div className="flex items-center gap-4">
-            <div className="flex h-10 w-10 items-center justify-center">
-              <LighthouseIcon size={24} />
-            </div>
-            <p className="text-text-neutral-primary text-base font-semibold">
-              {message}
-            </p>
-          </div>
-        </CardContent>
-      </Card>
-    </Link>
-  );
-};
-
-export const LighthouseBannerClient = ({
-  isConfigured,
-}: {
-  isConfigured: boolean;
-}) => {
-  const message = isConfigured
-    ? "Use Lighthouse AI to review your findings and gain insights"
-    : "Enable Lighthouse AI to secure your cloud with AI insights";
-  const href = isConfigured ? "/lighthouse" : "/lighthouse/settings";
-
-  return <AnimatedGradientCard message={message} href={href} />;
-};
diff --git a/ui/components/lighthouse-v1/banner.tsx b/ui/components/lighthouse-v1/banner.tsx
deleted file mode 100644
index d334b1df4b..0000000000
--- a/ui/components/lighthouse-v1/banner.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { isLighthouseConfigured } from "@/actions/lighthouse-v1/lighthouse";
-
-import { LighthouseBannerClient } from "./banner-client";
-
-export const LighthouseBanner = async () => {
-  try {
-    const isConfigured = await isLighthouseConfigured();
-
-    return <LighthouseBannerClient isConfigured={isConfigured} />;
-  } catch (_error) {
-    return null;
-  }
-};
diff --git a/ui/components/lighthouse-v1/index.ts b/ui/components/lighthouse-v1/index.ts
index 47d349be13..5f1281f40e 100644
--- a/ui/components/lighthouse-v1/index.ts
+++ b/ui/components/lighthouse-v1/index.ts
@@ -1,4 +1,3 @@
-export * from "./banner";
 export * from "./chat";
 export * from "./connect-llm-provider";
 export * from "./lighthouse-settings";
diff --git a/ui/tailwind.config.js b/ui/tailwind.config.js
index 2be6f0132b..d6ce085a8b 100644
--- a/ui/tailwind.config.js
+++ b/ui/tailwind.config.js
@@ -140,26 +140,11 @@ module.exports = {
           "50%": { opacity: "1" },
           "100%": { transform: "translateY(0)", opacity: "1" },
         },
-        first: {
-          "0%": { transform: "rotate(0deg)" },
-          "100%": { transform: "rotate(360deg)" },
-        },
-        second: {
-          "0%": { transform: "rotate(0deg)" },
-          "100%": { transform: "rotate(360deg)" },
-        },
-        third: {
-          "0%": { transform: "rotate(0deg)" },
-          "100%": { transform: "rotate(360deg)" },
-        },
       },
       animation: {
         "collapsible-down": "collapsible-down 0.2s ease-out",
         "collapsible-up": "collapsible-up 0.2s ease-out",
         "drop-arrow": "dropArrow 0.6s ease-out infinite",
-        first: "first 20s linear infinite",
-        second: "second 30s linear infinite",
-        third: "third 25s linear infinite",
       },
       screens: {
         "3xl": "1920px", // Add breakpoint to optimize layouts for large screens.