adjust landing copy

Author: chad-syntax

src/components/icons/github.tsx

@@ -1,6 +1,5 @@
 import { Card, CardContent, CardHeader } from '@/components/ui/card';
-import { Code, GitBranch, Shuffle, CheckCircle2, LucideIcon, Code2 } from 'lucide-react';
-import { GithubIcon } from '../icons/github';
+import { Users, GitBranch, ShieldCheck, Shuffle, Github, LineChart } from 'lucide-react';
 
 interface BenefitCardProps {
   icon: any;
@@ -10,40 +9,40 @@ interface BenefitCardProps {
 
 const benefitsData: BenefitCardProps[] = [
   {
-    icon: CheckCircle2,
-    title: 'Exceptional Prompt Authoring',
+    icon: Users,
+    title: 'Collaborative Prompt Management',
     description:
-      'Intuitive prompt engineering tools for both technical and non-technical users, making AI development accessible to everyone.',
+      'Centralized prompt authoring for technical & non-technical users. Auto-detect variables and ensure version sync for seamless collaboration.',
   },
   {
     icon: GitBranch,
-    title: 'Seamless Synchronization',
+    title: 'Git-Powered Handoff',
     description:
-      'Synchronize prompt versions, variables, and content to your repository through Pull Requests for version control and collaboration.',
+      'Sync authors and engineers with automated Pull Requests for prompt and variable changes, keeping developers updated.',
   },
   {
-    icon: Code,
-    title: 'Typesafe SDK',
+    icon: ShieldCheck,
+    title: 'Hardened Prompt Integration',
     description:
-      'Our typesafe SDK is designed to prevent erroneous prompt modifications, ensuring reliability in your AI applications.',
+      'Eliminate runtime errors with our typesafe SDK. Compile-time checks and type hints ensure correct prompt usage and variable handling.',
   },
   {
     icon: Shuffle,
-    title: 'Provider Switching',
+    title: 'Unified API for All LLMs',
     description:
-      'Effortlessly switch between providers and models using OpenRouter, giving you flexibility and cost control.',
+      'Access OpenAI, Google, Anthropic & more via one API (powered by OpenRouter). Switch models/providers easily, no writing wrappers for every provider.',
   },
   {
-    icon: GithubIcon,
-    title: 'Open Source',
+    icon: Github,
+    title: 'Transparent & Adaptable',
     description:
-      'Benefit from our open-source approach, allowing for community contributions and transparency in development.',
+      'Agentsmith is a transparent, open-source platform. Avoid vendor lock-in, benefit from community input, and customize freely.',
   },
   {
-    icon: Code2, // Using Code2 icon from lucide-react for better distinction
-    title: 'TypeScript & Python Support',
+    icon: LineChart,
+    title: 'Clear Observability',
     description:
-      'Use our fully-typed SDKs for TypeScript and Python to integrate AI agents into your applications with confidence and type safety.',
+      'Identify costly prompts and slow models. Track latency and usage to optimize performance and control spend.',
   },
 ];
 
@@ -53,7 +52,7 @@ export const BenefitsSection = () => {
       <div className="pb-10 container px-4 md:px-6 mx-auto">
         <div className="text-center mb-16">
           <h2 className="text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl mb-4 text-foreground">
-            Key Benefits
+            Less Spinning, More Winning
           </h2>
           <p className="text-xl text-muted-foreground max-w-2xl mx-auto">
             Agentsmith provides everything you need to build, test, and deploy AI agents with

src/components/marketing/benefits.tsx

@@ -11,7 +11,7 @@ interface HowItWorksStep {
 const steps: HowItWorksStep[] = [
   {
     icon: Pencil,
-    title: 'Create Your Prompts',
+    title: 'Author Your Prompts',
     description:
       'Design and author your AI prompts using our intuitive interface, with support for variables and versioning.',
   },
@@ -23,9 +23,9 @@ const steps: HowItWorksStep[] = [
   },
   {
     icon: Rocket,
-    title: 'Deploy & Scale',
+    title: 'Sync & Deploy',
     description:
-      'Deploy your AI agents to production with our SDK, and scale as your needs grow with our flexible infrastructure.',
+      'Sync your prompts to your repository, and deploy your AI agents. Easily scale as your needs grow.',
   },
 ];
 

src/components/marketing/how-it-works.tsx

@@ -5,8 +5,7 @@ import { createClient } from '@/lib/supabase/client';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { useState } from 'react';
-import { GithubIcon } from './icons/github';
-import { Loader2 } from 'lucide-react';
+import { Github, Loader2 } from 'lucide-react';
 
 export const SignInForm = ({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) => {
   const [error, setError] = useState<string | null>(null);
@@ -53,7 +52,7 @@ export const SignInForm = ({ className, ...props }: React.ComponentPropsWithoutR
                   <Loader2 className="size-5 animate-spin" />
                 ) : (
                   <>
-                    <GithubIcon className="size-5" />
+                    <Github className="size-5" />
                     Continue with Github
                   </>
                 )}

src/components/sign-in-form.tsx

@@ -4,8 +4,7 @@ import { useApp } from '@/providers/app';
 import { useAuth } from '@/providers/auth';
 import { H1, H3 } from '@/components/typography';
 import { SignOutButton } from '@/components/sign-out-button';
-import { GithubIcon } from '@/components/icons/github';
-import { Mail } from 'lucide-react';
+import { Github, Mail } from 'lucide-react';
 import { Badge } from '@/components/ui/badge';
 import Link from 'next/link';
 import { routes } from '@/utils/routes';
@@ -41,7 +40,7 @@ export const AccountPage = () => {
             className="flex flex-row items-center gap-2 hover:underline"
           >
             <Badge variant="outline" className="text-md [&>svg]:size-5">
-              <GithubIcon />
+              <Github />
               <span>@{githubUsername}</span>
             </Badge>
           </a>