🎈

apps/web/src/app/about/page.tsx

@@ -60,8 +60,8 @@ export default function AboutPage() {
 
         <h2>Mission</h2>
         <p className='font-semibold italic'>
-          Agentic's mission is to build the world's best library of tools for AI
+          Agentic's mission is to provide the world's best library of tools for
-          agents.
+          AI agents.
         </p>
 
         {/* <h2>What is Agentic UX?</h2>

apps/web/src/app/page.tsx

@@ -111,8 +111,8 @@ export default async function TheBestDamnLandingPageEver() {
         </div>
 
         <p className='italic font-semibold'>
-          Agentic's mission is to build the world's best library of tools for AI
+          Agentic's mission is to provide the world's best library of tools for
-          agents.
+          AI agents.
         </p>
 
         <p>

apps/web/src/components/header/index.tsx

@@ -4,6 +4,7 @@ import { ActiveLink } from '@/components/active-link'
 import { useAgentic } from '@/components/agentic-provider'
 import { DarkModeToggle } from '@/components/dark-mode-toggle'
 import { docsUrl } from '@/lib/config'
+import { cn } from '@/lib/utils'
 
 import styles from './styles.module.css'
 
@@ -11,7 +12,7 @@ export function Header() {
   const ctx = useAgentic()
 
   return (
-    <header className={styles.header}>
+    <header className={cn(styles.header, 'shadow-sm')}>
       <div className={styles.headerContent}>
         <ActiveLink className={styles.logo} href='/'>
           AGENTIC

apps/web/src/components/page-container.tsx

@@ -12,7 +12,7 @@ export function PageContainer({
   return (
     <>
       {background && (
-        <div className='absolute top-0 left-0 w-[100vw] h-[100vh] bg-[url(/bg.png)] bg-top-right bg-no-repeat bg-size-[100vw_50vh] md:bg-auto z-0' />
+        <div className='absolute top-0 left-0 w-[100vw] h-[100vh] bg-[url(/bg.png)] dark:bg-[url(/bg-dark.jpg)] dark:bg-cover dark:h-auto dark:aspect-[1000/808] bg-top-right bg-no-repeat bg-size-[100vw_50vh] md:bg-auto z-0' />
       )}
 
       <div