docs(nx-dev): fix issue on landing page and wording update

nx-dev/ui-ai-landing-page/src/lib/features.tsx

@@ -9,11 +9,11 @@ export function Features(): ReactElement {
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mb-12 text-left">
           <SectionHeading as="h2" variant="title">
-            Make your AI workspace-aware
+            Make your AI assistant workspace-aware
           </SectionHeading>
 
           <p className="mt-4 text-lg text-slate-500 dark:text-slate-400">
-            Transform your AI from context-blind to architecture-aware with
+            Transform your LLM from context-blind to architecture-aware with
             complete workspace intelligence.
           </p>
         </div>
@@ -108,7 +108,7 @@ export function Features(): ReactElement {
             }
           />
           <FeatureCard
-            title="Terminal integration"
+            title="Terminal awareness"
             description="Your AI assistant sees what you see in the terminal with real-time output awareness and contextual error analysis."
             href="#"
             icon={<CommandLineIcon className="h-6 w-6" />}

nx-dev/ui-ai-landing-page/src/lib/hero.tsx

@@ -105,7 +105,7 @@ const aiFeatures: AIFeature[] = [
   },
   {
     id: 'ci-fixes',
-    title: 'AI-Powered CI Failure Analysis',
+    title: 'CI integration and AI-powered fixes',
     description:
       'Your LLM automatically diagnoses CI failures and suggests targeted fixes.',
     icon: ({ className, ...props }: React.ComponentProps<'svg'>) => (
@@ -146,7 +146,7 @@ const aiFeatures: AIFeature[] = [
   },
   {
     id: 'terminal-integration',
-    title: 'Active Terminal Task and Log Awareness',
+    title: 'Active terminal task and log awareness',
     description:
       'Give your LLM real-time visibility into running tasks and build outputs.',
     icon: CommandLineIcon,
@@ -157,7 +157,7 @@ const aiFeatures: AIFeature[] = [
   },
   {
     id: 'code-generation',
-    title: 'Predictable Code Generation That Works',
+    title: 'Predictable code generation that works',
     description:
       'Generate workspace-aware code that follows your patterns and architecture.',
     icon: ({ className, ...props }: React.ComponentProps<'svg'>) => (
@@ -422,9 +422,12 @@ export function Hero(): JSX.Element {
                     onClick={() => setSelectedFeature(feature)}
                     className={cx(
                       'group flex w-full gap-4 rounded-lg p-4 text-left transition-all duration-200',
-                      isSelected
-                        ? 'bg-blue-50 ring-2 ring-blue-500 dark:bg-blue-950/50 dark:ring-blue-400'
-                        : 'hover:bg-slate-100 dark:hover:bg-slate-800'
+                      {
+                        'bg-blue-50 ring-2 ring-blue-500 dark:bg-blue-950/50 dark:ring-blue-400':
+                          isSelected,
+                        'hover:bg-slate-100 dark:hover:bg-slate-800':
+                          !isSelected,
+                      }
                     )}
                   >
                     <motion.div

nx-dev/ui-ai-landing-page/src/lib/problem-statement.tsx

@@ -12,7 +12,7 @@ export function ProblemStatement({
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mb-12 text-left">
           <SectionHeading as="h2" variant="title">
-            Your AI is blind to your workspace architecture
+            Your AI assistant is blind to your workspace architecture
           </SectionHeading>
 
           <p className="mt-4 text-lg text-slate-500 dark:text-slate-400">