Add newsletter, fix some dark-mode styles

Author: wkirby

data/cases/respell.md

@@ -0,0 +1,42 @@
+---
+logo: "/img/logos/respell.webp"
+client: Respell
+title: Scaling AI Automation from Startup to Acquisition
+subtitle: Building the infrastructure that powered Respell's growth to 10,000+ users and acquisition by Salesforce Agentforce
+---
+
+![test|aligncenter img-l svg--blue](cases/respell/hero.svg)
+
+### The Challenge
+
+In 2023, Respell launched an AI automation platform designed to help businesses eliminate repetitive tasks through no-code AI workflows. The startup quickly gained traction with individual professionals and enterprise teams who needed to automate everything from email responses to complex data analysis without writing code.
+
+Rapid growth brought new challenges. Respell needed a platform that could scale efficiently while supporting advanced features like social authentication, team collaboration, and flexible payment processing. As larger organizations showed interest, the pressure mounted to meet enterprise-grade security and reliability standards. All while maintaining the development velocity that early adopters expected.
+
+With thousands of users creating hundreds of thousands of automations, Respell partnered with Apsis Labs to strengthen their platform's foundation without compromising their aggressive product roadmap.
+
+### The Solution
+
+![test|alignright img-s svg--green](cases/respell/chart.svg)
+
+**1\. Hardening the Platform for Enterprise Scale**
+At Apsis, our first priority was reinforcing Respell's development workflow to handle their rapid user growth. We implemented automated testing pipelines, established clear release processes, and added comprehensive monitoring tools. These improvements reduced system breakages and gave the team confidence to ship features quickly as their user base expanded from hundreds to thousands.
+
+**2\. Streamlining Infrastructure and Developer Operations**
+We completely reworked Respell's deployment and build systems to be faster, more reliable, and more predictable. By simplifying operations and creating tighter feedback loops, we freed up engineering time previously spent on debugging and fire drills. The team could focus on building features that users needed rather than maintaining fragile infrastructure.
+
+![test|alignleft img-s svg--pink](cases/respell/gears.svg)
+
+**3\. Building Enterprise-Ready Features**
+To support Respell's growing enterprise customer base, we developed critical platform features including social login integration, sophisticated team management capabilities, and flexible payment processing systems. These upgrades made the platform more attractive to teams evaluating it for mission-critical business automation.
+
+**4\. Enabling Scalable Data Analysis**
+As users created more complex automations, Respell needed robust analytics to understand platform usage and optimize performance. We built a scalable data infrastructure that could handle insights across hundreds of thousands of workflows while maintaining fast query performance. This analytics foundation became crucial for understanding user behavior and guiding product development decisions.
+
+![test|aligncenter img-m svg--gold](cases/respell/bot.svg)
+
+### The Results
+
+Respell evolved into a more reliable, scalable, and enterprise-ready platform without sacrificing innovation speed. The engineering team spent less time fighting infrastructure fires and more time delivering user value. New enterprise features unlocked access to larger customer segments, while improved platform resilience allowed smooth scaling alongside explosive user demand. This enhanced stability and enterprise capabilities helped position Respell as a leader in AI automation. By early 2025, Respell was serving over 10,000 users who had created more than 250,000 automations across sales, marketing, operations, and recruiting workflows.
+
+In January 2025, Salesforce acquired the entire Respell team for their Agentforce division. The acquisition recognized the strength of Respell's platform and technology, marking their transition from a promising startup to a core component of the world's leading CRM company's AI agent strategy.

public/img/cases/respell/bot.svg

@@ -2,6 +2,9 @@ import { Row } from "components/Row";
 import Link from "next/link";
 import styles from "styles/components/Footer.module.scss";
 import { LogoType } from "./LogoType";
+import { Button } from "./Button";
+import { ChevronRight } from "lucide-react";
+import { NewsletterForm } from "./forms/NewsletterForm";
 
 const now = new Date();
 
@@ -70,6 +73,8 @@ export const Footer = () => (
         </small>
       </div>
 
+
+
       <div className={styles.footer__tagline_container}>
         <h4 className={styles.footer__tagline}>
           Distributed &amp; Horizontally Scalable

public/img/cases/respell/chart.svg

@@ -0,0 +1,22 @@
+import clsx from "clsx";
+import { NewsletterForm } from "components/forms/NewsletterForm";
+import Link from "next/link";
+import styles from "styles/components/NewsletterCTA.module.scss";
+
+export const NewsletterCTA = () => {
+  return (
+    <div className={styles.newsletter_signup__root}>
+      <header className={styles.newsletter_signup__header}>
+        <h2 className={styles.newsletter_signup__title}>Want to stay up to date with apsis?</h2>
+        <h3 className={styles.newsletter_signup__subtitle}>You're in luck, we have a newsletter.</h3>
+      </header>
+
+      <NewsletterForm />
+
+      <small className={styles.newsletter_signup__disclaimer}>
+        👌 Your data is safe with us:{" "}
+        <Link href="privacy">we will never sell your information</Link>.
+      </small>
+    </div>
+  );
+};

public/img/cases/respell/gears.svg

@@ -14,6 +14,7 @@ export const SiteLayout: React.FC<
     navGuides?: boolean;
     wide?: boolean;
     cta?: CtaProps;
+    footer?: React.ReactNode
   }
 > = ({
   children,
@@ -23,6 +24,7 @@ export const SiteLayout: React.FC<
   wide = false,
   navGuides = false,
   cta,
+  footer,
 }) => {
   return (
     <>
@@ -53,6 +55,8 @@ export const SiteLayout: React.FC<
         )}
       </main>
 
+      {footer}
+
       {cta && (
         <Section theme="blue" bordered>
           <Cta {...cta} />