fixed page - 85% ready if you asked me

src/components/Gallery.jsx

@@ -2,7 +2,15 @@ import { developments } from "../data";
 import { Action, SectionHeading } from "./Primitives";
 import "./Gallery.css";
 
-const textures = ["fine", "natural", "structured"];
+const textures = [
+  "/images/refined/gallery/Gemini_Generated_Image_gwchf4gwchf4gwch.jpeg",
+  "/images/refined/gallery/Gemini_Generated_Image_n36uden36uden36u.jpeg",
+  "/images/refined/gallery/Gemini_Generated_Image_v9lfrwv9lfrwv9lf.jpeg",
+  "/images/library/gallery-01.jpeg",
+  "/images/library/gallery-02.jpeg",
+  "/images/library/gallery-03.jpeg",
+  "/images/library/gallery-04.jpeg",
+];
 
 export default function Gallery({ preview = false }) {
   const items = preview ? developments.slice(0, 3) : developments;
@@ -22,7 +30,7 @@ export default function Gallery({ preview = false }) {
             </>
           ) : (
             <>
-              From greige
+              From grey
               <br />
               <em>to possibility.</em>
             </>
@@ -32,7 +40,7 @@ export default function Gallery({ preview = false }) {
         <p className="gallery__intro">
           {preview
             ? "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."}
+            : "Selected developments are processed separately as reference samples to explore how a construction can translate after dyeing and finishing. RRS commercially manufactures grey fabric only."}
         </p>
         {preview && (
           <Action to="/fabrics#developments" variant="outline">
@@ -46,13 +54,12 @@ export default function Gallery({ preview = false }) {
             <div className="sample__visual">
               <img
                 className="sample__image"
-                src={`/images/knit-${textures[index % textures.length]}.jpg`}
-                alt={`Illustrative placeholder for ${name}; RRS sample photograph not yet supplied`}
+                src={textures[index]}
+                alt={`${name} fabric sample`}
                 width="1600"
                 height="1200"
                 loading="lazy"
               />
-              <span className="sample__badge">Image placeholder</span>
             </div>
             <div className="sample__heading">
               <h3 className="sample__name">{name}</h3>
@@ -75,7 +82,7 @@ export default function Gallery({ preview = false }) {
             When supplied, processed images will be labelled{" "}
             <strong>Processed Development Reference</strong>. Processed samples
             are for visual reference; RRS commercially manufactures and supplies
-            greige fabric only. Finished appearance may vary depending on the
+            grey fabric only. Finished appearance may vary depending on the
             buyer’s processing and finishing method.
           </p>
         </div>