Marketing Website

frontend/src/marketing/components/LogoCloud.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+
+const logos = [
+  "launchpad",
+  "northbeam",
+  "scaleops",
+  "pathfinder",
+  "catalyst",
+  "orbit",
+];
+
+const LogoCloud: React.FC = () => {
+  return (
+    <section className="py-16 bg-slate-950/70 border-y border-white/5">
+      <div className="max-w-5xl mx-auto px-6 flex flex-col gap-6 items-center">
+        <span className="text-xs uppercase tracking-[0.28em] text-white/40">
+          Trusted by modern SEO + content teams
+        </span>
+        <div className="flex flex-wrap justify-center gap-8 md:gap-12">
+          {logos.map((name) => (
+            <div
+              key={name}
+              className="h-8 md:h-10 opacity-70 hover:opacity-100 transition"
+            >
+              <img
+                src={`/marketing/images/logo-${name}.svg`}
+                alt={`${name} logo`}
+                className="h-full w-auto"
+              />
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default LogoCloud;
+