[object Object]

← back to Costa Rica App

Costa Rica: reshoot 03-booking screenshot to fill frame (stay summary + trust strip) — fixes Cody 2.3.3 empty-half defect (TK-10363)

368e715a2540e0e64521d39f9e95e6ec3c211d06 · 2026-08-10 11:01:36 -0700 · Steve Abrams

Files touched

Diff

commit 368e715a2540e0e64521d39f9e95e6ec3c211d06
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Aug 10 11:01:36 2026 -0700

    Costa Rica: reshoot 03-booking screenshot to fill frame (stay summary + trust strip) — fixes Cody 2.3.3 empty-half defect (TK-10363)
---
 store/screenshots/03-booking.png | Bin 118165 -> 160990 bytes
 tmp/gen-shots.mjs                |  18 ++++++++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/store/screenshots/03-booking.png b/store/screenshots/03-booking.png
index 7643e2f..5990813 100644
Binary files a/store/screenshots/03-booking.png and b/store/screenshots/03-booking.png differ
diff --git a/tmp/gen-shots.mjs b/tmp/gen-shots.mjs
index 8dd90b7..8092dc6 100644
--- a/tmp/gen-shots.mjs
+++ b/tmp/gen-shots.mjs
@@ -3,7 +3,7 @@
 // from the app's REAL screens/branding). $0 (local render, no paid API).
 // Real app: Expo/React Native, brand green #0a7d55, screens = directory / listing (BEST WAY
 // TO CONTACT) / booking (card + SINPE Móvil) / My Trips / Invite friends.
-import { chromium } from '@playwright/test';
+import { chromium } from 'playwright';
 import { writeFileSync, mkdirSync } from 'node:fs';
 import { fileURLToPath } from 'node:url';
 import { dirname, join } from 'node:path';
@@ -103,17 +103,27 @@ const s3 = shell('', '', `
   <div class="nav"><span class="back">‹</span>Book</div>
   <div class="body">
     <div style="font-size:54px;font-weight:800;color:${GD}">Villa Pacífica — Tamarindo</div>
-    <div style="background:#fff;border:2px solid ${CARDBORDER};border-radius:28px;padding:48px;margin-top:40px">
+    <div style="background:#fff;border:2px solid ${CARDBORDER};border-radius:28px;padding:40px 48px;margin-top:36px">
+      <div style="display:flex;justify-content:space-between;align-items:center">
+        <div><div style="color:${MUTE};font-size:34px">Check-in</div><div style="font-weight:800;color:${GD};font-size:46px;margin-top:6px">Fri, Mar 6</div></div>
+        <div style="color:${MUTE};font-size:44px">→</div>
+        <div style="text-align:right"><div style="color:${MUTE};font-size:34px">Check-out</div><div style="font-weight:800;color:${GD};font-size:46px;margin-top:6px">Wed, Mar 11</div></div>
+      </div>
+      <div style="height:2px;background:#eee;margin:26px 0"></div>
+      <div style="display:flex;justify-content:space-between;color:#33413a;font-size:42px"><span>5 nights · 4 guests</span><span style="font-weight:700">$113/night</span></div>
+    </div>
+    <div style="background:#fff;border:2px solid ${CARDBORDER};border-radius:28px;padding:48px;margin-top:32px">
       ${prow('Subtotal','$567')}
       ${prow('Cleaning','$40')}
       ${prow('Service fee','$61')}
       <div style="height:2px;background:#eee;margin:20px 0"></div>
       ${prow('Total','$668', true)}
     </div>
-    <div style="margin-top:52px;font-weight:700;color:${GD};font-size:48px">Pay with</div>
+    <div style="margin-top:48px;font-weight:700;color:${GD};font-size:48px">Pay with</div>
     <div style="background:${G};height:150px;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:50px;font-weight:700;margin-top:32px">💳 Card (USD/CRC)</div>
     <div style="background:#fff;border:4px solid ${G};height:150px;border-radius:30px;display:flex;align-items:center;justify-content:center;color:${G};font-size:50px;font-weight:700;margin-top:30px">📱 SINPE Móvil</div>
-    <div style="text-align:center;color:${MUTE};font-size:40px;margin-top:44px;line-height:1.35">Pay by international card or locally with SINPE Móvil — the way Costa Rica actually pays.</div>
+    <div style="text-align:center;color:${MUTE};font-size:40px;margin-top:40px;line-height:1.35">Pay by international card or locally with SINPE Móvil — the way Costa Rica actually pays.</div>
+    <div style="display:flex;align-items:center;justify-content:center;gap:18px;background:#eef6f1;border-radius:26px;padding:34px;margin-top:40px;color:${GD};font-size:40px;font-weight:600">🛡️ Free cancellation before check-in · Booking protected</div>
   </div>`);
 
 // ---- 4. My Trips ----

← 10b3c50 Costa Rica: stage 5x 1320x2868 App Store screenshots + store  ·  back to Costa Rica App  ·  chore: commit gen-shots intermediate + v0.1.2 (session close e870ac2 →