Copy updates (#1041)

inngest · Jan 10, 2025 · 67c6be4 · 67c6be4
1 parent 980c29f
commit 67c6be4
Show file tree

Hide file tree

Showing 2 changed files with 90 additions and 13 deletions.
diff --git a/app/compare-to-legacy-queues/page.tsx b/app/compare-to-legacy-queues/page.tsx
@@ -7,6 +7,7 @@ import Heading from "src/components/LandingPage/Header";
 import Tiles from "src/components/LandingPage/Tiles";
 import Comparison from "src/components/LandingPage/Comparison";
 import CTA from "src/components/LandingPage/CTA";
+import Button from "src/components/LandingPage/Button";
 import MasonryGrid from "src/components/LandingPage/MasonryGrid";
 import LanguagesAndPlatforms from "src/components/LandingPage/LanguagesAndPlatforms";
 import FeaturesCodeBlocks from "src/components/LandingPage/FeaturesCodeBlocks";
@@ -19,6 +20,8 @@ export const metadata: Metadata = generateMetadata({
 });
 
 const baseCTA = "compare-to-legacy-queues";
+const demoURL =
+  "https://savvycal.com/inngest/demo?utm_source=website&utm_medium=landing-page&utm_campaign=compare-to-legacy-queues";
 
 export default function Page() {
   return (
@@ -42,6 +45,38 @@ export default function Page() {
             kind: "link",
           },
         ]}
+        logos={[
+          {
+            src: "/assets/customers/soundcloud-logo-white-horizontal.svg",
+            name: "SoundCloud",
+            scale: 1.5,
+          },
+          {
+            src: "/assets/customers/tripadvisor.svg",
+            name: "TripAdvisor",
+            scale: 1.4,
+          },
+          {
+            src: "/assets/customers/resend.svg",
+            name: "Resend",
+            scale: 0.9,
+          },
+          {
+            src: "/assets/customers/11x-logo.svg",
+            name: "11x.ai",
+            scale: 0.8,
+          },
+          {
+            src: "/assets/customers/gitbook-logo-white.svg",
+            name: "Gitbook",
+            scale: 1.3,
+          },
+          {
+            src: "/assets/customers/zamp-logo.svg",
+            name: "Zamp",
+            scale: 0.7,
+          },
+        ]}
       />
       {/* Overtake the hero bg with z-index */}
       <section className="relative z-10 mb-14">
@@ -99,10 +134,7 @@ export default function Page() {
           ]}
         />
 
-        <CTA
-          text="Chat with a solutions expert"
-          href={`/contact?ref=${baseCTA}-comparison`}
-        />
+        <CTA text="Contact us" href={`/contact?ref=${baseCTA}-comparison`} />
       </section>
       <section className="my-28 py-14 bg-codeEditor">
         <Heading
@@ -190,10 +222,13 @@ export default function Page() {
         />
         <LanguagesAndPlatforms />
 
-        <CTA
-          text="Chat with a solutions expert"
-          href={`/contact?ref=${baseCTA}`}
-        />
+        {/* <CTA text="Contact us" href={`/contact?ref=${baseCTA}`} /> */}
+        <div className="flex items-center justify-center">
+          <Button href={`/contact?ref=${baseCTA}`}>Contact us</Button>
+          {/* <Button href={demoURL} variant="link">
+            Schedule a demo
+          </Button> */}
+        </div>
       </section>
       <section className="my-28 py-14">
         <Heading
@@ -336,10 +371,12 @@ export default function Page() {
           title="Chat with our team today"
           description="Speak with a solutions engineer to learn if Inngest is right for your queuing and orchestration needs."
         />
-        <CTA
-          text="Chat with a solutions expert"
-          href={`/contact?ref=${baseCTA}`}
-        />
+        <div className="flex items-center justify-center">
+          <Button href={`/contact?ref=${baseCTA}`}>Contact us</Button>
+          {/* <Button href={demoURL} variant="link">
+            Schedule a demo
+          </Button> */}
+        </div>
       </section>
     </>
   );

diff --git a/components/LandingPage/Hero.tsx b/components/LandingPage/Hero.tsx
@@ -1,10 +1,14 @@
 import Link from "next/link";
+import Image from "next/image";
 import React from "react";
+import clsx from "clsx";
 
 export default function Hero({
   headline,
   subheadline,
   ctas = [],
+  logosHeading = "Trusted by modern software teams worldwide:",
+  logos = [],
   children,
 }: {
   headline: string;
@@ -14,6 +18,12 @@ export default function Hero({
     text: string | React.ReactNode;
     kind: "button" | "link";
   }[];
+  logosHeading?: string;
+  logos?: {
+    src: string;
+    name: string;
+    scale?: number;
+  }[];
   children?: React.ReactElement;
 }) {
   return (
@@ -28,7 +38,12 @@ export default function Hero({
           }}
         ></div>
       </div>
-      <div className="relative z-10 max-w-4xl mx-auto py-28 px-4 sm:px-8 text-basis text-center text-balance">
+      <div
+        className={clsx(
+          "relative z-10 max-w-4xl mx-auto py-28 px-4 sm:px-8 text-basis text-center text-balance",
+          logos?.length > 0 ? "pt-28 pb-12" : "py-28"
+        )}
+      >
         <h1 className="text-5xl leading-tight md:text-6xl md:leading-tight font-semibold bg-clip-text text-transparent bg-gradient-to-bl from-[rgb(var(--color-carbon-300))] to-[rgb(var(--color-carbon-50))]">
           {headline}
         </h1>
@@ -61,6 +76,31 @@ export default function Hero({
         </div>
         {children}
       </div>
+      {logos?.length > 0 && (
+        <div className="relative z-10 my-12 flex flex-col gap-6 items-center sm:pb-8">
+          <p className="mx-8 text-sm text-balance text-subtle">
+            {logosHeading}
+          </p>
+          <div className="grid grid-cols-2 sm:flex flex-wrap lg:flex-nowrap gap-x-4 sm:gap-x-10 gap-y-6 sm:gap-y-8 mx-8">
+            {logos.map(({ src, name, scale = 1 }, idx) => (
+              <Image
+                key={idx}
+                src={src}
+                alt={name}
+                title={name}
+                width={120 * 0.8 * scale}
+                height={30 * 0.8 * scale}
+                className={clsx(
+                  "m-auto width-auto transition-all grayscale opacity-80 invert dark:invert-0",
+                  `max-h-[${36 * scale}px]`,
+                  idx === 4 && "hidden sm:block",
+                  idx > 4 && "hidden xl:block"
+                )}
+              />
+            ))}
+          </div>
+        </div>
+      )}
       <span className="block mx-auto h-0.5 w-[84px] bg-[rgba(var(--color-foreground-base)/0.3)]"></span>
     </header>
   );