Content Rewrite

src/lib/components/TestimonialsSection.svelte

@@ -6,8 +6,9 @@
   import type { TestimonialContent } from '$lib/types';
 
   export let testimonials: TestimonialContent[];
-  export let heading = 'Why people choose us!';
-  export let blurb = 'Busy parents get peace of mind. Dogs come home tired and happy. See why 30+ Auckland families trust the Tiny Gang — follow along on Instagram for daily adventures, wagging tails and the odd zoomie.';
+  export let eyebrow = '30+ five-star reviews';
+  export let heading = 'Proof your dog is in good hands';
+  export let blurb = 'Peace of mind for busy Auckland dog owners. Happier dogs, smoother routines, and a team owners trust with the important stuff.';
   export let instagramHref = 'https://www.instagram.com/goodwalk.nz/';
   export let instagramLabel = 'goodwalk.nz';
 
@@ -30,7 +31,7 @@
     },
     Ross: {
       reviewer: 'Ross',
-      detail: "Otis's Dad",
+      detail: "Otis's dad",
       quote:
         'Truly the best dog walker in Auckland! I feel so lucky to have found Aless and my little terrier Otis absolutely adores her. He enjoys his regular weekly walks and always comes back happy & tired. Love the updates on social media so I can see how my dog is enjoying his day! Aless makes logistics so easy too. Highly highly recommend, there’s a reason she has 5 stars!',
       imageUrl: '/images/otis-auckland-dog-walking-review.png'
@@ -123,6 +124,7 @@
 
 <section id="testimonials" use:reveal={{ delay: 40 }} class="reveal-block">
   <div class="testimonials-inner">
+    <span class="testimonials-eyebrow">{eyebrow}</span>
     <h2 class="section-heading">{heading}</h2>
     <div class="testimonials-intro">
       <p>{blurb}</p>
@@ -244,6 +246,21 @@
 </section>
 
 <style>
+  .testimonials-eyebrow {
+    display: block;
+    width: fit-content;
+    margin: 0 auto 10px;
+    padding: 7px 12px;
+    border-radius: 999px;
+    background: rgba(33, 48, 33, 0.08);
+    color: var(--gw-green);
+    font-size: 12px;
+    font-weight: 800;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.05);
+  }
+
   .testimonials-intro {
     max-width: 760px;
     margin: 18px auto 0;
@@ -266,7 +283,7 @@
     padding: 10px 16px;
     border-radius: 999px;
     background: rgba(33, 48, 33, 0.06);
-    color: var(--green);
+    color: var(--gw-green);
     font-weight: 700;
     text-decoration: none;
     box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.06);
@@ -297,9 +314,16 @@
   .testimonials-carousel {
     position: relative;
     margin-top: 48px;
+    padding: 0 38px;
   }
 
   @media (max-width: 768px) {
+    .testimonials-eyebrow {
+      margin-bottom: 8px;
+      padding: 6px 10px;
+      font-size: 11px;
+    }
+
     .testimonials-intro {
       margin-top: 14px;
     }
@@ -555,11 +579,11 @@
   }
 
   .testimonial-arrow-left {
-    left: -38px;
+    left: 0;
   }
 
   .testimonial-arrow-right {
-    right: -38px;
+    right: 0;
   }
 
   @media (max-width: 1024px) {
@@ -588,6 +612,7 @@
   @media (max-width: 767px) {
     .testimonials-carousel {
       margin-top: 32px;
+      padding: 0;
     }
 
     .testimonial-stage {