overhaul

src/pages/Home.jsx

@@ -1,35 +1,22 @@
 import { Link } from "react-router-dom";
-import { capabilities, company } from "../data";
+import { capabilities } from "../data";
 import {
   Action,
   Arrow,
   Eyebrow,
   SectionHeading,
   Textile,
-  WhatsAppAction,
 } from "../components/Primitives";
 import { ContactBanner } from "../components/Layout";
 import Gallery from "../components/Gallery";
 import Stats from "../components/Stats";
 import "./Home.css";
 
-const processItems = [
-  {
-    ...capabilities[0],
-    image: "fine",
-    href: "/fabrics#developments",
-  },
-  {
-    ...capabilities[2],
-    image: "structured",
-    href: "/fabrics#circular-knitting",
-  },
-  {
-    ...capabilities[1],
-    image: "natural",
-    href: "/fabrics#production",
-  },
-];
+const processItems = capabilities.map((capability, index) => ({
+  ...capability,
+  image: ["fine", "natural", "structured", "fine"][index],
+  href: index < 2 ? "/fabrics#applications" : "/fabrics#production",
+}));
 
 export default function Home() {
   return (
@@ -45,29 +32,35 @@ export default function Home() {
         />
         <div className="home-hero__shade" />
         <div className="home-hero__content">
-          <Eyebrow>Circular knitted fabrics · RRS</Eyebrow>
+          <Eyebrow>Specialist circular-knitting manufacturer · RRS</Eyebrow>
           <h1 className="home-hero__title">
             Built to develop.
             <br />
             <em>Built to repeat.</em>
           </h1>
-          <p className="home-hero__description">{company.description}</p>
+          <p className="home-hero__description">
+            Greige 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">
               Explore our fabrics
             </Action>
-            <WhatsAppAction variant="ghost">Talk to RRS</WhatsAppAction>
+            <Action to="/contact#whatsapp" variant="ghost">
+              Request a quote
+            </Action>
           </div>
         </div>
         <div className="home-hero__bottom">
           <span className="home-hero__tagline">
-            Consistency at scale. Continuous development.
+            Development · Circular knitting · Bulk production
           </span>
           <span className="home-hero__image-note">
-            Illustrative texture · Photography to follow
+            Factory photography scheduled for content handover
           </span>
         </div>
       </section>
+      <Stats />
       <Gallery preview />
       <section className="home-intro">
         <div className="home-intro__heading">
@@ -98,21 +91,20 @@ export default function Home() {
           </Link>
         </div>
       </section>
-      <Stats />
       <section className="process">
         <SectionHeading
-          label="How we work"
+          label="Manufacturing process"
           title={
             <>
-              Behind the fabric:
+              From requirement
               <br />
-              <em>our process.</em>
+              <em>to repeat production.</em>
             </>
           }
         >
           <p>
-            Development, circular knitting and repeatable bulk production work
-            as one discipline.
+            A direct sequence connects fabric development with dependable
+            commercial manufacturing.
           </p>
         </SectionHeading>
         <div className="process__list">
@@ -123,7 +115,7 @@ export default function Home() {
                 <h3 className="process__title">{subtitle}</h3>
                 <p className="process__text">{text}</p>
                 <Link className="process__link" to={href}>
-                  Explore this capability <Arrow diagonal />
+                  See our capability <Arrow diagonal />
                 </Link>
               </div>
               <Textile className="process__visual" kind={image} />