fixed page - 85% ready if you asked me

src/pages/Home.jsx

@@ -9,12 +9,18 @@ import {
 } from "../components/Primitives";
 import { ContactBanner } from "../components/Layout";
 import Gallery from "../components/Gallery";
+import ImageCarousel from "../components/ImageCarousel";
 import Stats from "../components/Stats";
 import "./Home.css";
 
 const processItems = capabilities.map((capability, index) => ({
   ...capability,
-  image: ["fine", "natural", "structured", "fine"][index],
+  image: [
+    "/images/library/polyester-04.jpeg",
+    "/images/library/polyester-05.jpeg",
+    "/images/library/exclusive-04-madagascar.jpeg",
+    "/images/library/exclusive-05-premium-structure.jpeg",
+  ][index],
   href: index < 2 ? "/fabrics#applications" : "/fabrics#production",
 }));
 
@@ -22,14 +28,7 @@ export default function Home() {
   return (
     <>
       <section className="home-hero">
-        <img
-          className="home-hero__image"
-          src="/images/knit-natural.jpg"
-          alt="Original illustrative macro knit texture, pending RRS photography"
-          width="1600"
-          height="1200"
-          fetchPriority="high"
-        />
+        <ImageCarousel className="home-hero__carousel" />
         <div className="home-hero__shade" />
         <div className="home-hero__content">
           <Eyebrow>Specialist circular-knitting manufacturer · RRS</Eyebrow>
@@ -39,15 +38,15 @@ export default function Home() {
             <em>Built to repeat.</em>
           </h1>
           <p className="home-hero__description">
-            Greige knitted fabrics developed around yarn, structure and
+            Grey knitted fabrics developed around yarn, structure and
             application—then manufactured for consistent commercial supply.
           </p>
           <div className="home-hero__actions">
-            <Action to="/fabrics" variant="light">
+            <Action to="/fabrics" variant="dark">
               Explore our fabrics
             </Action>
-            <Action to="/contact#whatsapp" variant="ghost">
-              Request a quote
+            <Action to="/contact#whatsapp" variant="outline">
+              Talk to us
             </Action>
           </div>
         </div>
@@ -66,14 +65,14 @@ export default function Home() {
         <div className="home-intro__heading">
           <Eyebrow>Our fabrics</Eyebrow>
           <h2 className="home-intro__title">
-            Greige is where
+            Grey is where
             <br />
             <em>it begins.</em>
           </h2>
         </div>
         <div className="home-intro__body">
           <p className="home-intro__lead">
-            RRS specialises in circular-knitted greige fabrics developed for
+            RRS specialises in circular-knitted grey fabrics developed for
             varied apparel applications.
           </p>
           <p className="home-intro__text">
@@ -118,7 +117,7 @@ export default function Home() {
                   See our capability <Arrow diagonal />
                 </Link>
               </div>
-              <Textile className="process__visual" kind={image} />
+              <Textile className="process__visual" src={image} />
             </article>
           ))}
         </div>