5.2.1

New welcome note & subscribe reminders

assets/js/components/WelcomeModal.js

@@ -21,23 +21,21 @@ const html = htm.bind(h);
 const STEPS = [
   {
     icon: '☀️',
-    title: 'SunSoak is the number to watch',
-    body: html`Pick a <strong>Solar model</strong> (open, urban, beach…) in the SunSoak dropdown
-      to match where you are. It shows what your body actually feels in the sun — not just the
-      air temperature.`,
+    title: 'Watch SunSoak',
+    body: html`It's how the sun actually feels, not just air temperature. Pick the
+      <strong>Solar model</strong> that matches where you are.`,
   },
   {
     icon: '🎯',
-    title: 'Choose a profile',
-    body: html`Tap <strong>Places</strong>, <strong>Activities</strong> or <strong>Work</strong>
-      to instantly load the columns that matter for your situation — like Beach, Cycling or
-      Farming.`,
+    title: 'Pick a profile',
+    body: html`<strong>Places</strong>, <strong>Activities</strong> or <strong>Work</strong> —
+      Beach, Cycling, Farming and more — loads the right columns instantly.`,
   },
   {
     icon: '⚙️',
     title: 'Make it yours',
-    body: html`Hit <strong>Edit columns</strong> to add or remove any data you like — UV and
-      sunburn time, vehicle interior, soil, air quality and more.`,
+    body: html`Every profile brings its own columns — UV, sunburn time, vehicle interior, soil,
+      air quality. <strong>Edit columns</strong> (Extra) lets you pick your own.`,
   },
 ];
 
@@ -59,9 +57,8 @@ export function WelcomeModal({ onClose }) {
           <h2 class="welcome-title" id="welcome-title">How to read the sky in 3 steps</h2>
         </div>
         <p class="welcome-intro">
-          This isn't your usual weather forecast. SunScope goes deeper than temperature alone —
-          it shows how the environment affects you: sun exposure, wind chill, UV intensity, and more.
-          For the best results, pick the <strong>environment</strong> that matches where you'll be.
+          Not your usual forecast — SunScope shows how the weather affects
+          <strong>you</strong>: sun, wind chill, UV and more.
         </p>
         <ol class="welcome-steps">
           ${STEPS.map((s, i) => html`
@@ -74,7 +71,11 @@ export function WelcomeModal({ onClose }) {
               </span>
             </li>`)}
         </ol>
-        <p class="welcome-remember">💾 Don't worry — SunScope remembers your choices for next time.</p>
+        <p class="welcome-remember">
+          ✨ <strong>SunScope Extra</strong> unlocks the 🔒 profiles and custom columns,
+          £2/month — tap any locked one to subscribe.
+        </p>
+        <p class="welcome-note">💾 SunScope remembers your choices for next time.</p>
         <button class="welcome-cta" onClick=${onClose}>Got it</button>
       </div>
     </div>`;