Merge branch 'feat/ai-tutor-redesign' of https://github.com/kamranahmedse/developer-roadmap into feat/ai-tutor-redesign

src/components/AITutor/AITutorSidebar.tsx

@@ -1,4 +1,5 @@
-import { BookOpen, Bot, Compass, Plus, Star } from 'lucide-react';
+import { BookOpen, Compass, Plus, Star } from 'lucide-react';
+import { AITutorLogo } from '../ReactIcons/AITutorLogo';
 
 type AITutorSidebarProps = {
   activeTab: AITutorTab;
@@ -39,8 +40,15 @@ export function AITutorSidebar(props: AITutorSidebarProps) {
   return (
     <aside className="hidden w-[255px] shrink-0 border-r border-slate-200 md:block">
       <div className="flex flex-col items-start justify-center px-6 py-5">
-        <Bot className="mb-2 size-8 text-black" />
+        <div className="flex flex-row items-center gap-1">
-        <h2 className="mb-0.5 text-base font-semibold text-black">AI Tutor</h2>
+          <AITutorLogo className="size-11 text-gray-500" color="black" />
+        </div>
+        <div className="my-3 flex flex-col">
+          <h2 className="-mb-px text-base font-semibold text-black">
+            AI Tutor
+          </h2>
+          <span className="text-xs text-gray-500">by roadmap.sh</span>
+        </div>
         <p className="max-w-[150px] text-xs text-gray-500">
           Your personalized learning companion for any topic
         </p>

src/components/ReactIcons/AITutorLogo.tsx

@@ -0,0 +1,36 @@
+import type { SVGProps } from 'react';
+
+type AITutorLogoProps = SVGProps<SVGSVGElement>;
+
+export function AITutorLogo(props: AITutorLogoProps) {
+  return (
+    <svg
+      viewBox="0 0 310 248"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <rect width="310" height="247.211" fill="black" />
+      <path
+        d="M205.179 45.1641H263.851V201.278H205.179V45.1641Z"
+        fill="white"
+      />
+      <path
+        d="M45.1641 45.1743H104.598L104.598 202.048H45.1641L45.1641 45.1743Z"
+        fill="white"
+      />
+      <path
+        d="M160.984 45.1743V103.716L45.1641 103.716L45.1641 45.1743H160.984Z"
+        fill="white"
+      />
+      <path
+        d="M125.171 45.1743H184.605V201.284H125.171V45.1743Z"
+        fill="white"
+      />
+      <path
+        d="M159.841 131.85V173.88L63.8324 173.88L63.8324 131.85H159.841Z"
+        fill="white"
+      />
+    </svg>
+  );
+}