🍇

apps/web/src/app/login/login-form.tsx

@@ -151,10 +151,10 @@ export function LoginForm() {
               )}
             />
 
-            <div className='after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t'>
-              <span className='bg-background text-muted-foreground relative z-10 px-2'>
-                Or continue with
-              </span>
+            <div className='flex items-center gap-2 text-center text-sm'>
+              <div className='border-border border-t inset-0 flex-1' />
+              <div className='text-muted-foreground'>Or continue with</div>
+              <div className='border-border border-t inset-0 flex-1' />
             </div>
 
             <Button

apps/web/src/app/page.tsx

@@ -45,8 +45,8 @@ export default async function TheBestDamnLandingPageEver() {
         </h1>
 
         <h5 className='text-center text-lg max-w-2xl'>
-          Agentic is a curated marketplace of production-grade LLM tools. All
-          tools are exposed as both MCP servers as well as simple HTTP APIs.
+          Agentic is a highly curated marketplace of production-grade LLM tools
+          that work with every major LLM SDK and MCP client.
         </h5>
 
         <DemandSideCTA />

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

@@ -9,6 +9,7 @@ import { MCPGatewayFeatures } from '@/components/mcp-gateway-features'
 import { PageContainer } from '@/components/page-container'
 import { SupplySideCTA } from '@/components/supply-side-cta'
 import { githubUrl, twitterUrl } from '@/lib/config'
+import mcpGatewayDemo from '@/public/agentic-mcp-gateway-mvp-diagram-light.png'
 
 export default function PublishingMCPsPage() {
   return (
@@ -37,10 +38,12 @@ export default function PublishingMCPsPage() {
         <div className='w-full max-w-3xl flex flex-col items-center border rounded-lg shadow-sm overflow-hidden p-4 bg-white'>
           <Zoom>
             <Image
-              src='/agentic-mcp-gateway-mvp-diagram-light.png'
+              src={mcpGatewayDemo.src}
               alt='MCP Gateway Demo'
-              width={2048}
-              height={1094}
+              width={mcpGatewayDemo.width}
+              height={mcpGatewayDemo.height}
+              blurDataURL={mcpGatewayDemo.blurDataURL}
+              placeholder='blur'
               className='w-full rounded-lg overflow-hidden'
             />
           </Zoom>

apps/web/src/app/signup/signup-form.tsx

@@ -195,10 +195,10 @@ export function SignupForm() {
               )}
             />
 
-            <div className='after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t'>
-              <span className='bg-background text-muted-foreground relative z-10 px-2'>
-                Or continue with
-              </span>
+            <div className='flex items-center gap-2 text-center text-sm'>
+              <div className='border-border border-t inset-0 flex-1' />
+              <div className='text-muted-foreground'>Or continue with</div>
+              <div className='border-border border-t inset-0 flex-1' />
             </div>
 
             <Button

todo.md

@@ -36,6 +36,7 @@
 - fix weird git state and github actions marked as failing
 - fix marketing dark background
 - page metadata
+- add scroll appearance motion to hero animation
 
 ## TODO: Post-MVP