overhaul

src/components/Gallery.jsx

@@ -10,13 +10,15 @@ export default function Gallery({ preview = false }) {
     <section className="gallery" id="developments" tabIndex={-1}>
       <SectionHeading
         centered
-        label="Selected developments"
+        label={
+          preview ? "Featured fabric developments" : "Selected developments"
+        }
         title={
           preview ? (
             <>
-              Structure changes
+              What we make.
               <br />
-              <em>everything.</em>
+              <em>What we can develop.</em>
             </>
           ) : (
             <>
@@ -29,12 +31,12 @@ export default function Gallery({ preview = false }) {
       >
         <p className="gallery__intro">
           {preview
-            ? "From subtle surface structures to more expressive knitted textures, different yarn combinations and machine setups produce entirely different fabric characteristics."
+            ? "A selection of knitted structures showing how yarn, composition and machine setup shape the final fabric character."
             : "Selected developments are processed separately as reference samples to explore how a construction can translate after dyeing and finishing. RRS commercially manufactures greige fabric only."}
         </p>
         {preview && (
           <Action to="/fabrics#developments" variant="outline">
-            View developments
+            Explore all fabrics
           </Action>
         )}
       </SectionHeading>