tenext redesign

components/shared/PartnerLogosSection.tsx

@@ -1,18 +1,15 @@
-"use client";
-
 import { PageContainer } from "@/components/shared/PageContainer";
 import { SectionContainer } from "@/components/shared/SectionContainer";
+import { industries } from "@/data/site-pages";
 
+/**
+ * Industries trust strip.
+ *
+ * Replaces the template's fabricated partner-logo carousel. Tenext does
+ * not publish client logos here, so this presents the real industries it
+ * serves. Swap in a genuine client-logo row once approved logos exist.
+ */
 export function PartnerLogosSection() {
-  const logos = [
-    "/images/tenext/partners-1.png",
-    "/images/tenext/partners-2.png",
-    "/images/tenext/partners-1.png",
-    "/images/tenext/partners-2.png",
-    "/images/tenext/partners-1.png",
-    "/images/tenext/partners-2.png",
-  ];
-
   return (
     <SectionContainer
       paddingY="lg"
@@ -28,25 +25,18 @@ export function PartnerLogosSection() {
             lineHeight: 1.2,
           }}
         >
-          Our trusted collaborators in progress and success
+          Trusted to deliver across the industries we serve
         </h3>
 
-        <div className="flex flex-wrap justify-center gap-8 md:gap-16 lg:gap-24 opacity-60">
-          {logos.map((src, index) => (
-            <div
-              key={index}
-              className="flex h-12 items-center justify-center grayscale transition-all hover:grayscale-0"
+        <div className="flex flex-wrap items-center justify-center gap-x-10 gap-y-6 md:gap-x-16">
+          {industries.map((industry) => (
+            <span
+              key={industry.id}
+              className="text-[18px] font-semibold text-white/70 transition-colors hover:text-tenext-teal md:text-[22px]"
+              style={{ fontFamily: "var(--font-sora)" }}
             >
-              <img
-                src={src}
-                alt={`Partner ${index + 1}`}
-                className="h-full w-auto object-contain"
-                onError={(e) => {
-                  (e.target as HTMLImageElement).src =
-                    "/images/tenext/logo-dark.png";
-                }}
-              />
-            </div>
+              {industry.title}
+            </span>
           ))}
         </div>
       </PageContainer>