Marketing Website

frontend/src/marketing/pages/Partners.tsx

@@ -0,0 +1,109 @@
+import React from "react";
+import SectionHeading from "../components/SectionHeading";
+import CTASection from "../components/CTASection";
+
+const tiers = [
+  {
+    title: "Certified Agency",
+    benefits: [
+      "Co-branded marketing assets and listing in partner directory.",
+      "Dedicated partner manager and quarterly business reviews.",
+      "Access to automation templates and think tank sessions.",
+    ],
+  },
+  {
+    title: "Technology Partner",
+    benefits: [
+      "API access, sandbox environments, and technical documentation.",
+      "Joint integration roadmap planning and go-to-market support.",
+      "Shared lead programs and launch promotion campaigns.",
+    ],
+  },
+  {
+    title: "Affiliate & Advocate",
+    benefits: [
+      "Performance-based revenue share with lifetime attribution.",
+      "Early access to new features and partner community channels.",
+      "Custom reporting dashboards to track referred accounts.",
+    ],
+  },
+];
+
+const Partners: React.FC = () => {
+  return (
+    <div className="bg-[#050913] text-white">
+      <section className="max-w-6xl mx-auto px-6 pt-24 pb-16">
+        <SectionHeading
+          eyebrow="Partners"
+          title="Grow faster together—build services and solutions on Igny8."
+          description="Join our partner ecosystem to co-create automations, deliver measurable results, and co-market AI-driven success stories."
+        />
+      </section>
+
+      <section className="max-w-6xl mx-auto px-6 pb-24 grid grid-cols-1 md:grid-cols-3 gap-8">
+        {tiers.map((tier) => (
+          <div
+            key={tier.title}
+            className="rounded-3xl border border-white/10 bg-white/5 p-8 flex flex-col gap-5"
+          >
+            <span className="text-xs uppercase tracking-[0.3em] text-white/40">
+              Program
+            </span>
+            <h3 className="text-xl font-semibold text-white">{tier.title}</h3>
+            <ul className="space-y-3 text-sm text-white/70">
+              {tier.benefits.map((benefit) => (
+                <li key={benefit} className="flex gap-3">
+                  <span className="mt-1 size-1.5 rounded-full bg-brand-300" />
+                  {benefit}
+                </li>
+              ))}
+            </ul>
+          </div>
+        ))}
+      </section>
+
+      <section className="bg-slate-950/70 border-y border-white/5">
+        <div className="max-w-6xl mx-auto px-6 py-24 grid grid-cols-1 lg:grid-cols-2 gap-12">
+          <div className="space-y-6">
+            <SectionHeading
+              eyebrow="API & integrations"
+              title="Embed Igny8 intelligence into your workflows."
+              description="Use Igny8 APIs and webhooks to power your own products, analytics, or client portals. Automate keyword ingestion, content creation, asset delivery, and reporting."
+              align="left"
+            />
+            <div className="rounded-3xl border border-white/10 bg-white/5 p-6 text-sm text-white/60">
+              API docs placeholder (download at `/marketing/images/api-docs.png`, 1100×720).
+            </div>
+          </div>
+          <div className="rounded-3xl border border-white/10 bg-white/5 p-10 space-y-6">
+            <h4 className="text-lg font-semibold text-white">Partner resources</h4>
+            <ul className="space-y-4 text-sm text-white/70">
+              <li className="flex gap-3">
+                <span className="mt-1 size-1.5 rounded-full bg-brand-300" />
+                Sales playbooks, ROI calculators, and demo environments.
+              </li>
+              <li className="flex gap-3">
+                <span className="mt-1 size-1.5 rounded-full bg-brand-300" />
+                Shared Slack channels with Igny8 product and marketing teams.
+              </li>
+              <li className="flex gap-3">
+                <span className="mt-1 size-1.5 rounded-full bg-brand-300" />
+                Quarterly partner labs to showcase launches and integrations.
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <CTASection
+        title="Become an Igny8 partner."
+        description="Apply today to co-create automations, launch integrations, and grow with our shared go-to-market engine."
+        primaryCta={{ label: "Apply now", href: "/contact" }}
+        secondaryCta={{ label: "Download partner deck", href: "/marketing/images/partner-program.png" }}
+      />
+    </div>
+  );
+};
+
+export default Partners;
+