Change alert color

src/components/AIAnnouncement.tsx

@@ -3,7 +3,7 @@ type AIAnnouncementProps = {};
 export function AIAnnouncement(props: AIAnnouncementProps) {
   return (
     <a
-      className="rounded-md border border-dashed border-green-600 px-3 py-1.5 text-green-400 transition-colors hover:border-green-400 hover:text-green-200"
+      className="rounded-md border border-dashed border-purple-600 px-3 py-1.5 text-purple-400 transition-colors hover:border-purple-400 hover:text-purple-200"
       href="/ai"
     >
       <span className="relative -top-[1px] mr-1 text-xs font-semibold uppercase text-white">

src/pages/ai/explore.astro

@@ -4,7 +4,7 @@ import { ExploreAIRoadmap } from '../../components/ExploreAIRoadmap/ExploreAIRoa
 import AccountLayout from '../../layouts/AccountLayout.astro';
 ---
 
-<AccountLayout title='Explore Roadmap AI'>
+<AccountLayout title='Explore AI Generated Roadmaps'>
   <ExploreAIRoadmap client:load />
   <LoginPopup />
 </AccountLayout>