Marketing Website

frontend/src/marketing/pages/Waitlist.tsx

@@ -0,0 +1,96 @@
+import React from "react";
+import SectionHeading from "../components/SectionHeading";
+import CTASection from "../components/CTASection";
+
+const roadmapItems = [
+  {
+    title: "One-click workflows",
+    description: "Trigger keywords → ideas → drafts directly inside Planner and Writer with new automation toggles.",
+  },
+  {
+    title: "Schedule intelligence",
+    description: "Plan automation cycles by day and time with credit-aware throttling and fallback rules.",
+  },
+  {
+    title: "AI quality scoring",
+    description: "Monitor readability, compliance, and SERP alignment across AI-generated content with automated fixes.",
+  },
+];
+
+const Waitlist: React.FC = () => {
+  return (
+    <div className="bg-[#050913] text-white">
+      <section className="max-w-4xl mx-auto px-6 pt-24 pb-12">
+        <SectionHeading
+          eyebrow="Roadmap preview"
+          title="Get early access to upcoming Igny8 releases."
+          description="We’re releasing a wave of automation upgrades and AI scoring tools. Join the waitlist to test features before they ship."
+        />
+      </section>
+
+      <section className="max-w-5xl mx-auto px-6 pb-24 grid grid-cols-1 lg:grid-cols-2 gap-12">
+        <div className="rounded-3xl border border-white/10 bg-white/5 p-10 space-y-6">
+          <h3 className="text-lg font-semibold text-white">Join the waitlist</h3>
+          <p className="text-sm text-white/70">
+            Share your details and we’ll invite you to beta cohorts with onboarding resources and direct feedback loops to our product team.
+          </p>
+          <form className="space-y-4">
+            <input
+              type="text"
+              placeholder="Name"
+              className="w-full rounded-xl border border-white/15 bg-slate-950/60 px-4 py-3 text-sm text-white placeholder:text-white/40 focus:outline-none focus:border-brand-400"
+            />
+            <input
+              type="email"
+              placeholder="Work email"
+              className="w-full rounded-xl border border-white/15 bg-slate-950/60 px-4 py-3 text-sm text-white placeholder:text-white/40 focus:outline-none focus:border-brand-400"
+            />
+            <textarea
+              rows={4}
+              placeholder="Tell us about your current workflow and why you're excited."
+              className="w-full rounded-xl border border-white/15 bg-slate-950/60 px-4 py-3 text-sm text-white placeholder:text-white/40 focus:outline-none focus:border-brand-400 resize-none"
+            />
+            <button
+              type="submit"
+              className="inline-flex items-center justify-center rounded-full bg-brand-500 hover:bg-brand-400 px-6 py-3 text-sm font-semibold"
+            >
+              Join waitlist
+            </button>
+          </form>
+        </div>
+
+        <div className="space-y-6">
+          <div className="rounded-3xl border border-white/10 bg-white/5 p-8 space-y-4">
+            <h4 className="text-lg font-semibold text-white">What’s coming</h4>
+            <ul className="space-y-3 text-sm text-white/70">
+              {roadmapItems.map((item) => (
+                <li key={item.title} className="flex gap-3">
+                  <span className="mt-1 size-1.5 rounded-full bg-brand-300" />
+                  <div>
+                    <div className="font-semibold text-white">{item.title}</div>
+                    <div>{item.description}</div>
+                  </div>
+                </li>
+              ))}
+            </ul>
+          </div>
+          <div className="rounded-3xl border border-white/10 bg-white/5 p-8 text-sm text-white/70 space-y-3">
+            <h4 className="text-lg font-semibold text-white">How the beta works</h4>
+            <p>We onboard new features to the waitlist in weekly waves. You’ll receive playbooks, sample workflows, and a feedback channel with our product team.</p>
+            <p>Participants also get extended credits to experiment with automation scenarios.</p>
+          </div>
+        </div>
+      </section>
+
+      <CTASection
+        title="Prefer to explore now?"
+        description="Start your Igny8 trial and you’ll get notified the moment new automation releases are ready."
+        primaryCta={{ label: "Start free", href: "https://app.igny8.com/signup" }}
+        secondaryCta={{ label: "Contact us", href: "/contact" }}
+      />
+    </div>
+  );
+};
+
+export default Waitlist;
+