chore: lint and color

Author: adithyaakrishna

apps/sim/app/(landing)/blog/[slug]/animated-blocks.tsx

@@ -2,15 +2,15 @@
 
 import { useEffect, useRef, useState } from 'react'
 
-const COLORS = ['#2ABBF8', '#FA4EDF', '#FFCC02', '#00F701'] as const
+const COLORS = ['#5fc5ff', '#F472B6', '#fcd34d', '#4BDE80', '#FF8533'] as const
 
 const ENTER_STAGGER_MS = 60
 const ENTER_DURATION_MS = 300
 const HOLD_MS = 3000
 const EXIT_STAGGER_MS = 120
 const EXIT_DURATION_MS = 500
 
-const RE_ENTER_OPACITIES = [1, 0.8, 0.6, 0.9] as const
+const RE_ENTER_OPACITIES = [1, 0.8, 0.6, 0.9, 0.7] as const
 
 function setBlockOpacity(el: HTMLSpanElement | null, opacity: number, animate: boolean) {
   if (!el) return

apps/sim/app/(landing)/blog/authors/[id]/page.tsx

@@ -90,7 +90,7 @@ export default async function AuthorPage({
           </div>
         )}
         <div>
-          <div className='mb-1 font-season text-[#FA4EDF] text-[10px] uppercase tracking-widest'>
+          <div className='mb-1 font-season text-[#F472B6] text-[10px] uppercase tracking-widest'>
             Author
           </div>
           <h1 className='font-[500] text-[#ECECEC] text-[32px] leading-tight tracking-[-0.02em]'>

apps/sim/app/(landing)/blog/layout.tsx

@@ -1,5 +1,5 @@
-import { getNavBlogPosts } from '@/lib/blog/registry'
 import type { Metadata } from 'next'
+import { getNavBlogPosts } from '@/lib/blog/registry'
 import { martianMono } from '@/app/_styles/fonts/martian-mono/martian-mono'
 import { season } from '@/app/_styles/fonts/season/season'
 import Footer from '@/app/(home)/components/footer/footer'

apps/sim/app/(landing)/blog/og/route.tsx

@@ -59,7 +59,7 @@ export async function GET(request: NextRequest) {
     return new Response('Font assets not found', { status: 500 })
   }
 
-  const COLORS = ['#2ABBF8', '#FA4EDF', '#FFCC02', '#00F701'] as const
+  const COLORS = ['#5fc5ff', '#F472B6', '#fcd34d', '#4BDE80', '#FF8533'] as const
 
   return new ImageResponse(
     <div

apps/sim/app/(landing)/blog/post-grid.tsx

@@ -93,7 +93,7 @@ function PostCard({ post, priority = false }: { post: Post; priority?: boolean }
                 </span>
               )}
             </div>
-            <h3 className='mb-3 line-clamp-2 font-[500] text-[#ECECEC] text-[20px] leading-tight tracking-[-0.01em] transition-colors duration-150 [@media(hover:hover)]:group-hover:text-[#00F701]'>
+            <h3 className='mb-3 line-clamp-2 font-[500] text-[#ECECEC] text-[20px] leading-tight tracking-[-0.01em] transition-colors duration-150 [@media(hover:hover)]:group-hover:text-[#4BDE80]'>
               {post.title}
             </h3>
             <p className='mb-6 line-clamp-2 text-[#999] text-[15px] leading-relaxed'>

apps/sim/app/(landing)/blog/tag-colors.ts

@@ -5,11 +5,11 @@ export interface Category {
 }
 
 export const CATEGORIES: Category[] = [
-  { id: 'announcements', label: 'Announcements', color: '#FA4EDF' },
-  { id: 'product', label: 'Product', color: '#00F701' },
-  { id: 'engineering', label: 'Engineering', color: '#2ABBF8' },
-  { id: 'design', label: 'Design', color: '#8B5CF6' },
-  { id: 'insights', label: 'Insights', color: '#FFCC02' },
+  { id: 'announcements', label: 'Announcements', color: '#F472B6' },
+  { id: 'product', label: 'Product', color: '#4BDE80' },
+  { id: 'engineering', label: 'Engineering', color: '#5fc5ff' },
+  { id: 'design', label: 'Design', color: '#FF8533' },
+  { id: 'insights', label: 'Insights', color: '#fcd34d' },
 ] as const
 
 const TAG_TO_CATEGORY: Record<string, string> = {

apps/sim/app/(landing)/blog/tags/page.tsx

@@ -22,7 +22,7 @@ export default async function TagsIndex() {
   return (
     <div className='mx-auto max-w-5xl px-8 py-16 lg:px-12'>
       <div className='mb-8 flex items-center gap-2 font-season text-[#666] text-[11px] uppercase tracking-widest'>
-        <span className='inline-block h-2 w-2 bg-[#FA4EDF]' aria-hidden='true' />
+        <span className='inline-block h-2 w-2 bg-[#F472B6]' aria-hidden='true' />
         Browse by Category
       </div>
 

apps/sim/app/workspace/[workspaceId]/knowledge/loading.tsx

@@ -60,4 +60,4 @@ export default function KnowledgeLoading() {
       </div>
     </div>
   )
-}
+}