4.2.1 final fixes

src/lib/components/PricingPage.svelte

@@ -104,18 +104,25 @@
         rel="noopener"
         aria-label="Read our 5-star Google reviews"
       >
+        <img
+          class="pricing-trust-logo"
+          src="/images/google-g-logo.svg"
+          alt=""
+          width="18"
+          height="19"
+        />
         <span class="pricing-trust-stars" aria-hidden="true">
           {#each Array(5) as _}
             <Icon name="fas fa-star" />
           {/each}
         </span>
-        <span class="pricing-trust-label">30+ five-star Google reviews</span>
+        <span class="pricing-trust-label">30+ 5-star Google reviews, trusted by Auckland dog owners</span>
         <Icon name="fas fa-arrow-right" className="pricing-trust-arrow" />
       </a>
     </div>
   </section>
 
-  {#each pageContent.sections as section}
+  {#each pageContent.sections as section, index}
     <section use:reveal class="pricing-section reveal-block">
       <div class="pricing-inner">
         <div class="pricing-section-heading">
@@ -133,7 +140,8 @@
               class={`btn pricing-section-link ${section.detailCta.variant === 'yellow' ? 'btn-yellow' : section.detailCta.variant === 'outline' ? 'btn-outline' : 'btn-green'}`}
               href={section.detailCta.href}
             >
-              {section.detailCta.label}
+              <span>{section.detailCta.label}</span>
+              <Icon name="fas fa-arrow-right" />
             </a>
           {/if}
         </div>
@@ -159,6 +167,25 @@
             </article>
           {/each}
         </div>
+
+        <a class="btn btn-yellow pricing-section-mobile-cta" href="#newlead">
+          Book a Meet &amp; Greet
+        </a>
+
+        {#if index === 0}
+          <aside class="pricing-mobile-consult" aria-label="Need help choosing the right option?">
+            <span class="pricing-mobile-consult-kicker">
+              <Icon name="fas fa-comment-dots" />
+              Not sure which option fits?
+            </span>
+            <p>
+              Book a free Meet &amp; Greet and we’ll help you choose the right walk or visit for your dog.
+            </p>
+            <a class="btn btn-outline btn-outline-green pricing-mobile-consult-cta" href="#newlead">
+              Talk it through with us
+            </a>
+          </aside>
+        {/if}
       </div>
     </section>
   {/each}
@@ -238,6 +265,12 @@
       transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
   }
 
+  .pricing-trust-logo {
+    width: 18px;
+    height: 19px;
+    flex: 0 0 auto;
+  }
+
   .pricing-trust:hover {
     background: rgba(255, 255, 255, 0.18);
     transform: translateY(-1px);
@@ -307,6 +340,9 @@
   }
 
   .pricing-section-link {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
     margin-top: 18px;
   }
 
@@ -395,6 +431,11 @@
     font-family: var(--font-head);
   }
 
+  .pricing-section-mobile-cta,
+  .pricing-mobile-consult {
+    display: none;
+  }
+
   .meet-greet-prompt {
     position: fixed;
     right: 24px;
@@ -559,6 +600,12 @@
       font-size: 34px;
     }
 
+    .pricing-trust {
+      gap: 10px;
+      padding: 10px 14px;
+      font-size: 13px;
+    }
+
     .pricing-section-heading h2 {
       font-size: 26px;
     }
@@ -568,7 +615,7 @@
     }
 
     .pricing-section-heading {
-      margin-bottom: 20px;
+      margin-bottom: 26px;
     }
 
     .pricing-section-blurb {
@@ -576,6 +623,11 @@
       line-height: 1.55;
     }
 
+    .pricing-section-link {
+      margin-top: 22px;
+      margin-bottom: 8px;
+    }
+
     .pricing-plan-grid,
     .pricing-plan-grid-three {
       grid-template-columns: 1fr;
@@ -594,6 +646,51 @@
       font-size: 46px;
     }
 
+    .pricing-plan-cta {
+      display: none;
+    }
+
+    .pricing-section-mobile-cta {
+      display: flex;
+      width: fit-content;
+      margin: 18px auto 0;
+      font-family: var(--font-head);
+    }
+
+    .pricing-mobile-consult {
+      display: block;
+      margin-top: 18px;
+      padding: 22px 20px;
+      border-radius: 24px;
+      background: linear-gradient(180deg, #fffaf0 0%, #f9f4e7 100%);
+      box-shadow: 0 12px 28px rgba(17, 20, 24, 0.05);
+      text-align: left;
+    }
+
+    .pricing-mobile-consult-kicker {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 10px;
+      color: var(--green);
+      font-family: var(--font-head);
+      font-size: 12px;
+      font-weight: 700;
+      letter-spacing: 0.04em;
+      text-transform: uppercase;
+    }
+
+    .pricing-mobile-consult p {
+      margin: 0;
+      color: #34363a;
+      font-size: 15px;
+      line-height: 1.55;
+    }
+
+    .pricing-mobile-consult-cta {
+      margin-top: 16px;
+    }
+
     .meet-greet-prompt {
       right: 16px;
       left: 16px;