final website is ready babeeehhhh

src/components/Gallery.jsx

@@ -15,7 +15,11 @@ const textures = [
 export default function Gallery({ preview = false }) {
   const items = preview ? developments.slice(0, 3) : developments;
   return (
-    <section className="gallery" id="developments" tabIndex={-1}>
+    <section
+      className={`gallery${preview ? " gallery--preview" : ""}`}
+      id="developments"
+      tabIndex={-1}
+    >
       <SectionHeading
         centered
         label={
@@ -40,7 +44,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 grey fabric only."}
+            : "Selected developments are processed separately as 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">
@@ -63,7 +67,6 @@ export default function Gallery({ preview = false }) {
             </div>
             <div className="sample__heading">
               <h3 className="sample__name">{name}</h3>
-              <span className="sample__detail">Development reference</span>
             </div>
           </article>
         ))}