ai seo engine badge with logo sideabr and marketingsite

frontend/src/layout/AppSidebar.tsx

@@ -421,7 +421,7 @@ const AppSidebar: React.FC = () => {
       onMouseEnter={() => !isExpanded && setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
     >
-      <div className="py-4 flex justify-center items-center">
+      <div className="py-4 flex flex-col justify-center items-center border-b border-gray-200 dark:border-gray-800">
         <Link to="/" className="flex flex-col items-center">
           {isExpanded || isHovered || isMobileOpen ? (
             <>
@@ -439,13 +439,10 @@ const AppSidebar: React.FC = () => {
                 width={113}
                 height={30}
               />
-              <div
-                className="mt-2 h-6 w-[163px] rounded-full"
-                style={{
-                  background: "radial-gradient(ellipse at center, rgba(59,130,246,0.35) 0%, rgba(59,130,246,0) 70%)",
-                  filter: "blur(2px)",
-                }}
-              />
+              {/* AI SEO Engine Badge */}
+              <span className="mt-2 px-2 py-0.5 text-xs font-medium rounded-[5px] bg-purple-100 text-purple-700 dark:bg-purple-500/20 dark:text-purple-300">
+                AI SEO Engine
+              </span>
             </>
           ) : (
             <img
@@ -457,7 +454,7 @@ const AppSidebar: React.FC = () => {
           )}
         </Link>
       </div>
-      <div className="flex flex-col overflow-y-auto duration-300 ease-linear no-scrollbar mt-[25px]">
+      <div className="flex flex-col overflow-y-auto duration-300 ease-linear no-scrollbar mt-[22px]">
         <nav>
           <div className="flex flex-col gap-1">
             {allSections.map((section, sectionIndex) => (