release: banuacoder v1.8.0

package.json

@@ -1,7 +1,7 @@
 {
   "name": "astro-scaffold",
   "type": "module",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "engines": {
     "node": ">=22.12.0"
   },

src/components/sections/ArchipelagoPromo.astro

@@ -44,7 +44,7 @@ const copy = {
 }[locale]
 ---
 
-<Plate tone="plate" folio={`№ 08 / ${copy.eyebrow}`} labelledby="archipelago-heading">
+<Plate tone="plate" folio={`№ 09 / ${copy.eyebrow}`} labelledby="archipelago-heading">
   <div class="grid gap-14 lg:grid-cols-12 lg:items-start">
     <div class="lg:col-span-7">
       <h2 id="archipelago-heading" class="display text-balance" style="font-size: var(--fs-64)">{copy.title}</h2>

src/components/sections/HomeBody.astro

@@ -11,6 +11,7 @@ import TrustStrip from './TrustStrip.astro'
 import ClientLogoCycle from './ClientLogoCycle.astro'
 import WhyCarousel from './WhyCarousel.astro'
 import ProcessStep from './ProcessStep.astro'
+import ProcessCut from './ProcessCut.astro'
 import ArchipelagoPromo from './ArchipelagoPromo.astro'
 import CTA from './CTA.astro'
 import Mock from '../mocks/Mock.astro'
@@ -193,31 +194,34 @@ const t = en
   </Plate>
 )}
 
-<!-- 06 Fit + public sector -->
+<!-- 06 Process simulation -->
+<ProcessCut locale={locale} numeral="06" class="border-t border-[var(--color-bnc-plate-line)]" />
+
+<!-- 07 Fit + public sector -->
 {idealClients && (
-  <Plate tone="plate" folio={`№ 06 / ${idealClients.eyebrow}`} numeral="06" labelledby="ideal-clients-heading">
+  <Plate tone="chalk" folio={`№ 07 / ${idealClients.eyebrow}`} numeral="07" labelledby="ideal-clients-heading">
     <div class="grid gap-12 lg:grid-cols-12">
       <h2 id="ideal-clients-heading" class="display text-balance lg:col-span-5 lg:sticky lg:top-28 lg:self-start" style="font-size: var(--fs-64)">{idealClients.title}</h2>
-      <ul class="list-none m-0 p-0 lg:col-span-7 border-b border-[var(--color-bnc-plate-line)]" role="list">
+      <ul class="list-none m-0 p-0 lg:col-span-7 border-b border-current/25" role="list">
         {idealClients.items.map((item: { title: string; body: string }) => (
-          <li class="border-t border-[var(--color-bnc-plate-line)] py-7">
+          <li class="border-t border-current/25 py-7">
             <h3 class="display" style="font-size: var(--fs-28); line-height: 1.05">{item.title}</h3>
-            <p class="mute mt-3 leading-relaxed" style="font-size: var(--fs-17); max-width: 50ch">{item.body}</p>
+            <p class="mt-3 text-bnc-stone-600 dark:text-bnc-stone-300 leading-relaxed" style="font-size: var(--fs-17); max-width: 50ch">{item.body}</p>
           </li>
         ))}
       </ul>
     </div>
 
     {publicSector && (
-      <div class="mt-20 lg:mt-28 pt-10 border-t border-[var(--color-bnc-plate-line)] grid gap-10 lg:grid-cols-12" data-tell-public-bullets>
+      <div class="mt-20 lg:mt-28 pt-10 border-t border-current/25 grid gap-10 lg:grid-cols-12" data-tell-public-bullets>
         <div class="lg:col-span-5">
-          <p class="folio mute mb-4">{publicSector.eyebrow}</p>
+          <p class="folio mb-4 text-bnc-stone-500 dark:text-bnc-stone-400">{publicSector.eyebrow}</p>
           <h3 class="display text-balance" style="font-size: var(--fs-36)">{publicSector.title}</h3>
         </div>
         <div class="lg:col-span-7">
-          <ul class="list-none m-0 p-0 border-b border-[var(--color-bnc-plate-line)]" role="list">
+          <ul class="list-none m-0 p-0 border-b border-current/25" role="list">
             {publicSector.bullets.map((bullet: string) => (
-              <li class="border-t border-[var(--color-bnc-plate-line)] py-4 leading-relaxed" style="font-size: var(--fs-17)" data-tell-public-bullet>{bullet}</li>
+              <li class="border-t border-current/25 py-4 leading-relaxed" style="font-size: var(--fs-17)" data-tell-public-bullet>{bullet}</li>
             ))}
           </ul>
           <a href={publicSector.ctaHref} class="mt-6 inline-block font-semibold underline underline-offset-[6px] decoration-1 hover:decoration-2">{publicSector.ctaLabel} →</a>
@@ -227,9 +231,9 @@ const t = en
   </Plate>
 )}
 
-<!-- 07 Founder + about -->
+<!-- 08 Founder + about -->
 {founder && (
-  <Plate tone="chalk" folio={`№ 07 / ${founder.eyebrow}`} numeral="07" labelledby="founder-heading">
+  <Plate tone="chalk" folio={`№ 08 / ${founder.eyebrow}`} numeral="08" labelledby="founder-heading" class="border-t border-bnc-stone-300 dark:border-bnc-stone-700">
     <div class="grid gap-12 lg:grid-cols-12">
       <div class="lg:col-span-5 lg:sticky lg:top-28 lg:self-start">
         <h2 id="founder-heading" class="display text-balance" style="font-size: var(--fs-64)">{founder.sectionTitle}</h2>
@@ -263,7 +267,7 @@ const t = en
   </Plate>
 )}
 
-<!-- 08 Archipelago -->
+<!-- 09 Archipelago -->
 <ArchipelagoPromo locale={locale} />
 
 <!-- Testimonial (only when one exists) -->