fix(web): complete purple → indigo swap + Stellar brand cleanup

- Fix remaining purple- references in 32 files (find + xargs sed)
- Swap alt="Stellar" → alt="IgnitionAI" in Image tags
- Disable turbopack (next dev only) — turbopack was hanging on first compile
- Landing page now renders clean: 163KB HTML, all colors indigo
- Contains: Hero, QuickStart, Features, Demos, CTA sections
- Title: "IgnitionAI — Train RL agents in your browser"

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: salim4n

packages/web/app/(default)/changelog/page.tsx

@@ -25,8 +25,8 @@ export default function Changelog() {
 
         {/* Radial gradient */}
         <div className="absolute flex items-center justify-center top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 pointer-events-none -z-10 w-[800px] aspect-square" aria-hidden="true">
-          <div className="absolute inset-0 translate-z-0 bg-purple-500 rounded-full blur-[120px] opacity-30"></div>
-          <div className="absolute w-64 h-64 translate-z-0 bg-purple-400 rounded-full blur-[80px] opacity-70"></div>
+          <div className="absolute inset-0 translate-z-0 bg-indigo-500 rounded-full blur-[120px] opacity-30"></div>
+          <div className="absolute w-64 h-64 translate-z-0 bg-indigo-400 rounded-full blur-[80px] opacity-70"></div>
         </div>
 
         {/* Particles animation */}
@@ -53,7 +53,7 @@ export default function Changelog() {
             {/* Content */}
             <div className="max-w-3xl mx-auto">
               <div className="relative">
-                <div className="absolute h-full top-4 left-[2px] w-0.5 bg-slate-800 [mask-image:linear-gradient(0deg,transparent,var(--color-white)_150px,var(--color-white))] -z-10 overflow-hidden after:absolute after:h-4 after:top-0 after:-translate-y-full after:left-0 after:w-0.5 after:bg-[linear-gradient(180deg,transparent,--theme(--color-purple-500/.65)_25%,--theme(--color-purple-200)_50%,--theme(--color-purple-500/.65)_75%,transparent)] after:animate-shine" aria-hidden="true"></div>
+                <div className="absolute h-full top-4 left-[2px] w-0.5 bg-slate-800 [mask-image:linear-gradient(0deg,transparent,var(--color-white)_150px,var(--color-white))] -z-10 overflow-hidden after:absolute after:h-4 after:top-0 after:-translate-y-full after:left-0 after:w-0.5 after:bg-[linear-gradient(180deg,transparent,--theme(--color-indigo-500/.65)_25%,--theme(--color-indigo-200)_50%,--theme(--color-indigo-500/.65)_75%,transparent)] after:animate-shine" aria-hidden="true"></div>
                 {allUpdates.map((post, postIndex) => (
                   <PostItem key={postIndex} {...post} />
                 ))}
@@ -73,7 +73,7 @@ export default function Changelog() {
                 <li>
                   <a className="btn-sm text-slate-300 hover:text-white transition duration-150 ease-in-out group [background:linear-gradient(var(--color-slate-900),var(--color-slate-900))_padding-box,conic-gradient(var(--color-slate-400),var(--color-slate-700)_25%,var(--color-slate-700)_75%,var(--color-slate-400)_100%)_border-box] relative before:absolute before:inset-0 before:bg-slate-800/30 before:rounded-full before:pointer-events-none" href="#0">
                     <span className="relative inline-flex items-center">
-                      Next Page <span className="tracking-normal text-purple-500 group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1">-&gt;</span>
+                      Next Page <span className="tracking-normal text-indigo-500 group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1">-&gt;</span>
                     </span>
                   </a>
                 </li>

packages/web/app/(default)/changelog/post-item.tsx

@@ -7,7 +7,7 @@ export default function PostItem({ ...props }) {
     <article className="pt-12 first-of-type:pt-0 group">
       <div className="md:flex">
         <div className="w-48 shrink-0">
-          <time className="text-sm inline-flex items-center bg-clip-text text-transparent bg-linear-to-r from-purple-500 to-purple-200 md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-purple-500 before:ring-4 before:ring-purple-500/30 mb-3">
+          <time className="text-sm inline-flex items-center bg-clip-text text-transparent bg-linear-to-r from-indigo-500 to-indigo-200 md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-indigo-500 before:ring-4 before:ring-indigo-500/30 mb-3">
             <span className="ml-[1.625rem] md:ml-5"><PostDate dateString={props.metadata.publishedAt} /></span>
           </time>
         </div>
@@ -18,7 +18,7 @@ export default function PostItem({ ...props }) {
           <figure className="bg-linear-to-b from-slate-300/20 to-transparent rounded-3xl p-px mb-8">
             <Image className="w-full rounded-[inherit]" src={props.metadata.image} width={574} height={326} alt={props.metadata.title} />
           </figure>
-          <div className="prose max-w-none text-slate-400 prose-p:leading-relaxed prose-a:text-purple-500 prose-a:no-underline hover:prose-a:underline prose-strong:text-slate-50 prose-strong:font-medium">
+          <div className="prose max-w-none text-slate-400 prose-p:leading-relaxed prose-a:text-indigo-500 prose-a:no-underline hover:prose-a:underline prose-strong:text-slate-50 prose-strong:font-medium">
             <CustomMDX source={props.content} />
           </div>
         </div>

packages/web/app/(default)/customers/customers-list.tsx

@@ -122,7 +122,7 @@ export default function CustomersList() {
           <Image className="rounded-full" src={CustomerAvatar01} width={32} height={32} alt="Customer Avatar 01" />
         </div>
         <div className="text-sm font-medium text-slate-300">
-          Mike Hunt <span className="text-slate-700">-</span> <a className="text-purple-500 hover:underline" href="#0">Thunderbolt</a>
+          Mike Hunt <span className="text-slate-700">-</span> <a className="text-indigo-500 hover:underline" href="#0">Thunderbolt</a>
         </div>
       </div>
       {/* Testimonial #02 */}
@@ -136,7 +136,7 @@ export default function CustomersList() {
           <Image className="rounded-full" src={CustomerAvatar02} width={32} height={32} alt="Customer Avatar 02" />
         </div>
         <div className="text-sm font-medium text-slate-300">
-          Mirko Mitt <span className="text-slate-700">-</span> <a className="text-purple-500 hover:underline" href="#0">Mildrink</a>
+          Mirko Mitt <span className="text-slate-700">-</span> <a className="text-indigo-500 hover:underline" href="#0">Mildrink</a>
         </div>
       </div>
 

packages/web/app/(default)/customers/page.tsx

@@ -15,8 +15,8 @@ export default function Customers() {
 
         {/* Radial gradient */}
         <div className="absolute flex items-center justify-center top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 pointer-events-none -z-10 w-[800px] aspect-square" aria-hidden="true">
-          <div className="absolute inset-0 translate-z-0 bg-purple-500 rounded-full blur-[120px] opacity-30"></div>
-          <div className="absolute w-64 h-64 translate-z-0 bg-purple-400 rounded-full blur-[80px] opacity-70"></div>
+          <div className="absolute inset-0 translate-z-0 bg-indigo-500 rounded-full blur-[120px] opacity-30"></div>
+          <div className="absolute w-64 h-64 translate-z-0 bg-indigo-400 rounded-full blur-[80px] opacity-70"></div>
         </div>
 
         {/* Particles animation */}
@@ -32,7 +32,7 @@ export default function Customers() {
 
             {/* Section header */}
             <div className="text-center pb-12 md:pb-20">
-              <div className="inline-flex font-medium bg-clip-text text-transparent bg-linear-to-r from-purple-500 to-purple-200 pb-3">Leaders love Stellar</div>
+              <div className="inline-flex font-medium bg-clip-text text-transparent bg-linear-to-r from-indigo-500 to-indigo-200 pb-3">Leaders love Stellar</div>
               <h1 className="h1 bg-clip-text text-transparent bg-linear-to-r from-slate-200/60 via-slate-200 to-slate-200/60 pb-4">Trusted by leading companies</h1>
               <div className="max-w-3xl mx-auto">
                 <p className="text-lg text-slate-400">Stellar powers thousands of high-impact product teams. From next-gen startups who reach for the stars to established greats who change the world.</p>

packages/web/app/(default)/customers/single-post/page.tsx

@@ -16,8 +16,8 @@ export default function CustomerSingle() {
 
       {/* Radial gradient */}
       <div className="absolute flex items-center justify-center top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 pointer-events-none -z-10 w-[800px] aspect-square" aria-hidden="true">
-        <div className="absolute inset-0 translate-z-0 bg-purple-500 rounded-full blur-[120px] opacity-30"></div>
-        <div className="absolute w-64 h-64 translate-z-0 bg-purple-400 rounded-full blur-[80px] opacity-70"></div>
+        <div className="absolute inset-0 translate-z-0 bg-indigo-500 rounded-full blur-[120px] opacity-30"></div>
+        <div className="absolute w-64 h-64 translate-z-0 bg-indigo-400 rounded-full blur-[80px] opacity-70"></div>
       </div>
 
       {/* Particles animation */}
@@ -40,7 +40,7 @@ export default function CustomerSingle() {
                 <article className="pb-12 mb-12 border-b [border-image:linear-gradient(to_right,transparent,var(--color-slate-800),transparent)1]">
 
                   <div className="mb-4">
-                    <Link className="inline-flex text-sm font-medium text-purple-500 group" href="/customers"><span className="tracking-normal group-hover:-translate-x-0.5 transition-transform duration-150 ease-in-out mr-1">&lt;-</span> Go Back</Link>
+                    <Link className="inline-flex text-sm font-medium text-indigo-500 group" href="/customers"><span className="tracking-normal group-hover:-translate-x-0.5 transition-transform duration-150 ease-in-out mr-1">&lt;-</span> Go Back</Link>
                   </div>
 
                   <header>
@@ -55,7 +55,7 @@ export default function CustomerSingle() {
                   </header>
 
                   {/* Post content */}
-                  <div className="prose max-w-none text-slate-400 prose-headings:text-slate-50 prose-h2:text-xl prose-h2:mt-8 prose-h2:mb-4 prose-p:leading-relaxed prose-a:text-purple-500 prose-a:no-underline hover:prose-a:underline prose-strong:text-slate-50 prose-strong:font-medium prose-blockquote:pl-5 prose-blockquote:xl:-ml-5 prose-blockquote:border-l-2 prose-blockquote:border-purple-500 prose-blockquote:font-medium prose-blockquote:text-slate-300 prose-blockquote:italic">
+                  <div className="prose max-w-none text-slate-400 prose-headings:text-slate-50 prose-h2:text-xl prose-h2:mt-8 prose-h2:mb-4 prose-p:leading-relaxed prose-a:text-indigo-500 prose-a:no-underline hover:prose-a:underline prose-strong:text-slate-50 prose-strong:font-medium prose-blockquote:pl-5 prose-blockquote:xl:-ml-5 prose-blockquote:border-l-2 prose-blockquote:border-indigo-500 prose-blockquote:font-medium prose-blockquote:text-slate-300 prose-blockquote:italic">
                     <p>
                       <a href="#0">Airbnb</a> is an American San Francisco-based company operating an online marketplace for short- and long-term homestays and experiences. The company acts as a broker and charges a commission from each booking. The company was founded in 2008 by Brian Chesky, Nathan Blecharczyk, and Joe Gebbia. Airbnb is a shortened version of its original name, AirBedandBreakfast.com. Airbnb is the most well-known company for short-term housing rentals.
                     </p>
@@ -131,7 +131,7 @@ export default function CustomerSingle() {
                         </li>
                         <li className="flex items-center justify-between space-x-2 py-3 border-t [border-image:linear-gradient(to_right,--theme(--color-slate-700/.3),--theme(--color-slate-700),--theme(--color-slate-700/.3))1]">
                           <span className="text-slate-400">Website</span>
-                          <a className="text-purple-500 font-medium flex items-center space-x-1" href="#0">
+                          <a className="text-indigo-500 font-medium flex items-center space-x-1" href="#0">
                             <span>airbnb.com</span>
                             <svg className="fill-current" xmlns="http://www.w3.org/2000/svg" width="9" height="9">
                               <path d="m1.285 8.514-.909-.915 5.513-5.523H1.663l.01-1.258h6.389v6.394H6.794l.01-4.226z" />

packages/web/app/(default)/integrations/integrations-section.tsx

@@ -18,8 +18,8 @@ export default function IntegrationsSection() {
 
       {/* Radial gradient */}
       <div className="absolute flex items-center justify-center top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 pointer-events-none -z-10 w-[800px] aspect-square" aria-hidden="true">
-        <div className="absolute inset-0 translate-z-0 bg-purple-500 rounded-full blur-[120px] opacity-30"></div>
-        <div className="absolute w-64 h-64 translate-z-0 bg-purple-400 rounded-full blur-[80px] opacity-70"></div>
+        <div className="absolute inset-0 translate-z-0 bg-indigo-500 rounded-full blur-[120px] opacity-30"></div>
+        <div className="absolute w-64 h-64 translate-z-0 bg-indigo-400 rounded-full blur-[80px] opacity-70"></div>
       </div>
 
       {/* Particles animation */}
@@ -35,7 +35,7 @@ export default function IntegrationsSection() {
 
           {/* Section header */}
           <div className="text-center pb-12 md:pb-20">
-            <div className="inline-flex font-medium bg-clip-text text-transparent bg-linear-to-r from-purple-500 to-purple-200 pb-3">Integrations & Add-ons</div>
+            <div className="inline-flex font-medium bg-clip-text text-transparent bg-linear-to-r from-indigo-500 to-indigo-200 pb-3">Integrations & Add-ons</div>
             <h1 className="h1 bg-clip-text text-transparent bg-linear-to-r from-slate-200/60 via-slate-200 to-slate-200/60 pb-4">Make Stellar uniquely yours</h1>
             <div className="max-w-3xl mx-auto">
               <p className="text-lg text-slate-400">Our landing page template works on all devices, so you only have to set it up once, and get beautiful results forever.</p>

packages/web/app/(default)/integrations/single-post/page.tsx

@@ -18,8 +18,8 @@ export default function IntegrationsSingle() {
 
       {/* Radial gradient */}
       <div className="absolute flex items-center justify-center top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 pointer-events-none -z-10 w-[800px] aspect-square" aria-hidden="true">
-        <div className="absolute inset-0 translate-z-0 bg-purple-500 rounded-full blur-[120px] opacity-30"></div>
-        <div className="absolute w-64 h-64 translate-z-0 bg-purple-400 rounded-full blur-[80px] opacity-70"></div>
+        <div className="absolute inset-0 translate-z-0 bg-indigo-500 rounded-full blur-[120px] opacity-30"></div>
+        <div className="absolute w-64 h-64 translate-z-0 bg-indigo-400 rounded-full blur-[80px] opacity-70"></div>
       </div>
 
       {/* Particles animation */}
@@ -46,7 +46,7 @@ export default function IntegrationsSingle() {
                     <div className="sticky top-6">
                       <Link className="flex items-center justify-center w-9 h-9 group border border-transparent rounded-full [background:linear-gradient(var(--color-slate-900),var(--color-slate-900))_padding-box,conic-gradient(var(--color-slate-400),var(--color-slate-700)_25%,var(--color-slate-700)_75%,var(--color-slate-400)_100%)_border-box] relative before:absolute before:inset-0 before:bg-slate-800/30 before:rounded-full before:pointer-events-none" href="/integrations">
                         <span className="sr-only">Go back</span>
-                        <svg className="w-4 h-4 fill-purple-500" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+                        <svg className="w-4 h-4 fill-indigo-500" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                           <path d="M6.7 14.7l1.4-1.4L3.8 9H16V7H3.8l4.3-4.3-1.4-1.4L0 8z" />
                         </svg>
                       </Link>
@@ -64,7 +64,7 @@ export default function IntegrationsSingle() {
                       <h1 className="sr-only">GitHub</h1>
 
                       {/* Post content */}
-                      <div className="prose max-w-none text-slate-400 prose-headings:text-slate-50 prose-h2:text-xl prose-h2:mt-8 prose-h2:mb-4 prose-p:leading-relaxed prose-a:text-purple-500 prose-a:no-underline hover:prose-a:underline prose-strong:text-slate-50 prose-strong:font-medium prose-blockquote:pl-5 prose-blockquote:xl:-ml-5 prose-blockquote:border-l-2 prose-blockquote:border-purple-500 prose-blockquote:font-medium prose-blockquote:text-slate-300 prose-blockquote:italic">
+                      <div className="prose max-w-none text-slate-400 prose-headings:text-slate-50 prose-h2:text-xl prose-h2:mt-8 prose-h2:mb-4 prose-p:leading-relaxed prose-a:text-indigo-500 prose-a:no-underline hover:prose-a:underline prose-strong:text-slate-50 prose-strong:font-medium prose-blockquote:pl-5 prose-blockquote:xl:-ml-5 prose-blockquote:border-l-2 prose-blockquote:border-indigo-500 prose-blockquote:font-medium prose-blockquote:text-slate-300 prose-blockquote:italic">
                         <h2>Overview</h2>
                         <p>
                           This powerful GitHub integration keeps your work in sync in both applications. It links features to Pull Requests so that details update automatically from In Progress to Done as the PR moves from drafted to merged - there is no need to update the issue in Stellar at all.
@@ -82,12 +82,12 @@ export default function IntegrationsSingle() {
                       </div>
                     </article>
 
-                    <aside className="pl-6 border-l-2 border-purple-500">
+                    <aside className="pl-6 border-l-2 border-indigo-500">
                       <p className="inline-flex font-medium italic text-lg bg-clip-text text-transparent bg-linear-to-r from-slate-200/60 via-slate-200 to-slate-200/60 pb-4">“ This integration is so perfect it tickles my brain. It ensures that your work is in sync across your entire team. ”</p>
                       <footer className="flex items-center space-x-4">
                         <Image className="shrink-0 rounded-full" src={Avatar} width={32} height={32} alt="Author" />
                         <div className="text-sm font-medium text-slate-300">
-                          Mike Hunt <span className="text-slate-700">-</span> <a className="text-purple-500 hover:underline" href="#0">Thunderbolt</a>
+                          Mike Hunt <span className="text-slate-700">-</span> <a className="text-indigo-500 hover:underline" href="#0">Thunderbolt</a>
                         </div>
                       </footer>
                     </aside>
@@ -117,7 +117,7 @@ export default function IntegrationsSingle() {
                         </div>
                         <button className="btn-sm text-slate-300 hover:text-white transition duration-150 ease-in-out group [background:linear-gradient(var(--color-slate-900),var(--color-slate-900))_padding-box,conic-gradient(var(--color-slate-400),var(--color-slate-700)_25%,var(--color-slate-700)_75%,var(--color-slate-400)_100%)_border-box] relative before:absolute before:inset-0 before:bg-slate-800/70 before:rounded-full before:pointer-events-none">
                           <span className="relative inline-flex items-center">
-                            Install Integration <span className="tracking-normal text-purple-500 group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1">-&gt;</span>
+                            Install Integration <span className="tracking-normal text-indigo-500 group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1">-&gt;</span>
                           </span>
                         </button>
                       </div>
@@ -128,7 +128,7 @@ export default function IntegrationsSingle() {
                         </li>
                         <li className="flex items-center justify-between space-x-2 py-3 border-t [border-image:linear-gradient(to_right,--theme(--color-slate-700/.3),--theme(--color-slate-700),--theme(--color-slate-700/.3))1]">
                           <span className="text-slate-400">Website</span>
-                          <a className="text-purple-500 font-medium flex items-center space-x-1" href="#0">
+                          <a className="text-indigo-500 font-medium flex items-center space-x-1" href="#0">
                             <span>github.com</span>
                             <svg className="fill-current" xmlns="http://www.w3.org/2000/svg" width="9" height="9">
                               <path d="m1.285 8.514-.909-.915 5.513-5.523H1.663l.01-1.258h6.389v6.394H6.794l.01-4.226z" />