update

Author: rubenfiszel

src/landing/ExplainerSection.tsx

@@ -844,11 +844,12 @@ export default function TutorialSection({ subIndex, children }) {
 				{/* Section Header */}
 				<div className="w-full mb-12 text-left">
 					<h1 className="tracking-tight leading-tight text-left font-bold text-transparent bg-clip-text bg-gradient-to-br from-blue-500 to-blue-700 dark:from-blue-400 dark:to-blue-600">
-						Build for production
+						Build
 					</h1>
 					<span className="text-lg text-gray-700 max-w-3xl dark:text-gray-200">
 						Build mission-critical internal tools and data pipelines that integrate directly with
-						your existing stack and resources.
+						your existing stack and resources using code with a powerful WebIDE or locally using our
+						CLI and your favorite editor and AI agent.
 					</span>
 				</div>
 				{features.map((feature, index) => {

src/landing/MobileTutorialSection.tsx

@@ -12,20 +12,19 @@ export default function MobileTutorialSection() {
 				{/* Section Header */}
 				<div className="w-full mb-6 text-left">
 					<h1 className="tracking-tight leading-tight text-left font-bold text-transparent bg-clip-text bg-gradient-to-br from-blue-500 to-blue-700 dark:from-blue-400 dark:to-blue-600">
-						Build for production
+						Build
 					</h1>
 					<span className="text-lg text-gray-700 dark:text-gray-200">
-						Build mission-critical internal tools and data pipelines that integrate directly with your existing stack and resources.
+						Build mission-critical internal tools and data pipelines that integrate directly with
+						your existing stack and resources using code with a powerful WebIDE or locally using our
+						CLI and your favorite editor and AI agent.
 					</span>
 				</div>
 
 				{/* Build for production card */}
 				<div className="dark:bg-gray-900 bg-gray-50 w-full p-4 rounded-xl flex flex-col gap-6 mb-6">
 					<div className="w-full">
-						<ProductionTabs
-							tabs={defaultTabs}
-							enableSubtitles={true}
-						/>
+						<ProductionTabs tabs={defaultTabs} enableSubtitles={true} />
 					</div>
 				</div>
 
@@ -40,7 +39,9 @@ export default function MobileTutorialSection() {
 							Full local dev experience
 						</div>
 						<div className="text-md mb-4 group-hover:ml-2 transition-all">
-							Develop in our cloud editor or locally via our CLI and VS Code extension. Leverage AI-assisted rules for Cursor and Claude, and deploy through automated Git-sync pipelines across staging and production.
+							Develop in our cloud editor or locally via our CLI and VS Code extension. Leverage
+							AI-assisted rules for Cursor and Claude, and deploy through automated Git-sync
+							pipelines across staging and production.
 						</div>
 						<div className="text-sm text-blue-500 dark:text-blue-300 flex flex-row items-center gap-2 group-hover:ml-2 transition-all mb-4">
 							Set up local dev
@@ -60,7 +61,7 @@ export default function MobileTutorialSection() {
 								viewBox="0 0 24 24"
 								fill="currentColor"
 							>
-								<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+								<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
 							</svg>
 							<span className="group-hover/yt:underline">Learn more about local development</span>
 						</a>

src/landing/TutorialSection.tsx

@@ -848,7 +848,8 @@ export default function TutorialSection({ subIndex, children }) {
 					</h1>
 					<span className="text-lg text-gray-700 max-w-3xl dark:text-gray-200">
 						Build mission-critical internal tools and data pipelines that integrate directly with
-						your existing stack and resources.
+						your existing stack and resources using code with a powerful WebIDE or locally using our
+						CLI and your favorite editor and AI agent.
 					</span>
 				</div>
 				{features.map((feature, index) => {