elie222 · elie222 · Nov 11, 2025 · Nov 2, 2025 · Nov 2, 2025 · Nov 2, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -11,7 +11,7 @@
     "editor.defaultFormatter": "biomejs.biome"
   },
   "typescript.tsdk": "node_modules/typescript/lib",
-  "editor.formatOnSave": false,
+  "editor.formatOnSave": true,
   "editor.formatOnPaste": false,
   "emmet.showExpandedAbbreviation": "never",
   "editor.codeActionsOnSave": {

diff --git a/apps/web/app/(landing)/new-landing/page.tsx b/apps/web/app/(landing)/new-landing/page.tsx
@@ -0,0 +1,33 @@
+import type { Metadata } from "next";
+import { BasicLayout } from "@/components/new-landing/common/BasicLayout";
+import { FAQs } from "@/components/new-landing/sections/FAQs";
+import { Testimonials } from "@/components/new-landing/sections/Testimonials";
+import { Hero } from "@/components/new-landing/sections/Hero";
+import { Pricing } from "@/components/new-landing/sections/Pricing";
+import { Awards } from "@/components/new-landing/sections/Awards";
+import { BuyBackTime } from "@/components/new-landing/sections/BuyBackTime";
+import { EverythingElseSection } from "@/components/new-landing/sections/EverythingElseSection";
+import { StartedInMinutes } from "@/components/new-landing/sections/StartedInMinutes";
+import { BulkUnsubscribe } from "@/components/new-landing/sections/BulkUnsubscribe";
+import { OrganizedInbox } from "@/components/new-landing/sections/OrganizedInbox";
+import { PreWrittenDrafts } from "@/components/new-landing/sections/PreWrittenDrafts";
+
+export const metadata: Metadata = { alternates: { canonical: "/" } };
+
+export default function NewLanding() {
+  return (
+    <BasicLayout>
+      <Hero />
+      <OrganizedInbox />
+      <PreWrittenDrafts />
+      <StartedInMinutes />
+      <BulkUnsubscribe />
+      <EverythingElseSection />
+      <Awards />
+      <Pricing />
+      <Testimonials />
+      <BuyBackTime />
+      <FAQs />
+    </BasicLayout>
+  );
+}
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
@@ -6,7 +6,7 @@ import { SpeedInsights } from "@vercel/speed-insights/next";
 import { AxiomWebVitals } from "next-axiom";
 import { GoogleTagManager } from "@next/third-parties/google";
 import { Analytics as DubAnalytics } from "@dub/analytics/react";
-import { Inter } from "next/font/google";
+import { Inter, Geist } from "next/font/google";
 import localFont from "next/font/local";
 import type { WebApplication, WithContext } from "schema-dts";
 import "../styles/globals.css";
@@ -29,6 +29,18 @@ const calFont = localFont({
   preload: true,
   display: "swap",
 });
+const aeonikFont = localFont({
+  src: "../styles/aeonik-medium.woff",
+  variable: "--font-aeonik",
+  preload: true,
+  display: "swap",
+});
+const geist = Geist({
+  subsets: ["latin"],
+  variable: "--font-geist",
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+  display: "swap",
+});
 
 const title = "Inbox Zero | Automate and clean your inbox";
 const description =
@@ -130,7 +142,7 @@ export default async function RootLayout({
   return (
     <html lang="en" className="h-full" suppressHydrationWarning>
       <body
-        className={`h-full ${inter.variable} ${calFont.variable} font-sans antialiased`}
+        className={`h-full ${inter.variable} ${calFont.variable} ${aeonikFont.variable} ${geist.variable} font-sans antialiased`}
       >
         <Script
           id="json-ld"

diff --git a/apps/web/app/opengraph-image.png b/apps/web/app/opengraph-image.png
diff --git a/apps/web/components/new-landing/BrandScroller.tsx b/apps/web/components/new-landing/BrandScroller.tsx
@@ -0,0 +1,62 @@
+"use client";
+
+import { cx } from "class-variance-authority";
+import Image from "next/image";
+
+const brands = [
+  {
+    alt: "Diary of a CEO",
+    src: "/images/new-landing/logos/doac.svg",
+    height: "h-7 sm:h-8 md:h-10 -translate-y-1",
+  },
+  {
+    alt: "Netflix",
+    src: "/images/new-landing/logos/netflix.svg",
+  },
+  {
+    alt: "Resend",
+    src: "/images/new-landing/logos/resend.svg",
+  },
+  {
+    alt: "Zendesk",
+    src: "/images/new-landing/logos/zendesk.svg",
+  },
+  {
+    alt: "Alta",
+    src: "/images/new-landing/logos/alta.svg",
+    height: "h-6 sm:h-7 md:h-9 -translate-y-1",
+  },
+  {
+    alt: "ByteDance",
+    src: "/images/new-landing/logos/bytedance.svg",
+  },
+  {
+    alt: "Wix",
+    src: "/images/new-landing/logos/wix.svg",
+  },
+];
+
+export const BrandScroller = () => {
+  return (
+    <div className="group flex overflow-x-hidden py-10 [--gap:2rem] md:[--gap:3rem] [gap:var(--gap))] flex-row max-w-full [mask-image:linear-gradient(to_right,_rgba(0,_0,_0,_0),rgba(0,_0,_0,_1)_10%,rgba(0,_0,_0,_1)_90%,rgba(0,_0,_0,_0))]">
-    <div className="group flex overflow-x-hidden py-10 [--gap:2rem] md:[--gap:3rem] [gap:var(--gap))] flex-row max-w-full [mask-image:linear-gradient(to_right,_rgba(0,_0,_0,_0),rgba(0,_0,_0,_1)_10%,rgba(0,_0,_0,_1)_90%,rgba(0,_0,_0,_0))]">
+    <div className="group flex overflow-x-hidden py-10 [--gap:2rem] md:[--gap:3rem] [gap:var(--gap)] flex-row max-w-full [mask-image:linear-gradient(to_right,_rgba(0,_0,_0,_0),rgba(0,_0,_0,_1)_10%,rgba(0,_0,_0,_1)_90%,rgba(0,_0,_0,_0))]">
-    <div className="group flex overflow-x-hidden py-10 [--gap:2rem] md:[--gap:3rem] [gap:var(--gap))] flex-row max-w-full [mask-image:linear-gradient(to_right,_rgba(0,_0,_0,_0),rgba(0,_0,_0,_1)_10%,rgba(0,_0,_0,_1)_90%,rgba(0,_0,_0,_0))]">
+    <div className="group flex overflow-x-hidden py-10 [--gap:2rem] md:[--gap:3rem] [gap:var(--gap)] flex-row max-w-full [mask-image:linear-gradient(to_right,_rgba(0,_0,_0,_0),rgba(0,_0,_0,_1)_10%,rgba(0,_0,_0,_1)_90%,rgba(0,_0,_0,_0))]">
+      {new Array(4).fill(0).map((_, i) => (
+        <div
+          className="flex shrink-0 justify-around [margin-right:var(--gap)] [gap:var(--gap)] flex-row animate-marquee [--duration:100s] opacity-90"
+          key={i}
-      {new Array(4).fill(0).map((_, i) => (
-        <div
-          className="flex shrink-0 justify-around [margin-right:var(--gap)] [gap:var(--gap)] flex-row animate-marquee [--duration:100s] opacity-90"
-          key={i}
+      {new Array(4).fill(0).map((_, duplicateIndex) => (
+        <div
+          className="flex shrink-0 justify-around [margin-right:var(--gap)] [gap:var(--gap)] flex-row animate-marquee [--duration:100s] opacity-90"
+          key={`brand-row-${duplicateIndex}`}
+        >
-      {new Array(4).fill(0).map((_, i) => (
-        <div
-          className="flex shrink-0 justify-around [margin-right:var(--gap)] [gap:var(--gap)] flex-row animate-marquee [--duration:100s] opacity-90"
-          key={i}
+      {new Array(4).fill(0).map((_, duplicateIndex) => (
+        <div
+          className="flex shrink-0 justify-around [margin-right:var(--gap)] [gap:var(--gap)] flex-row animate-marquee [--duration:100s] opacity-90"
+          key={`brand-row-${duplicateIndex}`}
+        >
+        >
+          {brands.map(({ alt, src, height }) => (
+            <div className="flex items-start" key={alt}>
+              <Image
+                src={src}
+                alt={alt}
+                width={100}
+                height={100}
+                className={cx("w-auto", height || "h-5 sm:h-6 md:h-8")}
+              />
+            </div>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+};
diff --git a/apps/web/components/new-landing/CallToAction.tsx b/apps/web/components/new-landing/CallToAction.tsx
@@ -0,0 +1,32 @@
+import { Button } from "@/components/new-landing/common/Button";
+import { Chat } from "@/components/new-landing/icons/Chat";
+import { cx } from "class-variance-authority";
+
+interface CallToActionProps {
+  text?: string;
+  className?: string;
+  includeSalesButton?: boolean;
+}
+
+export function CallToAction({
+  text = "Get started",
+  className,
+  includeSalesButton = true,
+}: CallToActionProps) {
+  return (
+    <div
+      className={cx(
+        "flex justify-center",
+        includeSalesButton ? "items-center gap-4" : "",
+        className,
+      )}
+    >
+      <Button size="xl">{text}</Button>
+      {includeSalesButton ? (
+        <Button variant="secondary-two" size="xl" icon={<Chat />}>
+          Talk to sales
+        </Button>
+      ) : null}
+    </div>
+  );
+}
diff --git a/apps/web/components/new-landing/FooterLineLogo.tsx b/apps/web/components/new-landing/FooterLineLogo.tsx
@@ -0,0 +1,22 @@
+interface FooterLineLogoProps {
+  className?: string;
+}
+
+export function FooterLineLogo({ className }: FooterLineLogoProps) {
+  return (
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 1425 472"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <path
+        opacity="0.09"
+        d="M1080.07 0.5V0V0.5ZM1424.02 344.441H1424.52H1424.02ZM1080.07 688.383V688.883V688.383ZM806.505 552.949L806.902 552.646L806.447 552.049L806.072 552.699L806.505 552.949ZM686.682 652.445L686.848 652.917L686.682 652.445ZM547.209 665.152L547.209 665.652H547.21L547.209 665.152ZM515.496 665.176V665.676H515.496L515.496 665.176ZM0.5 665.176H0V665.676H0.5V665.176ZM0.5 382.068H0H0.5ZM24.9521 145.617L24.5066 145.39H24.5066L24.9521 145.617ZM122.993 47.5791L122.766 47.1336V47.1336L122.993 47.5791ZM359.451 23.1279L359.451 22.6279H359.451V23.1279ZM547.209 23.1514L547.21 22.6514H547.209L547.209 23.1514ZM686.682 35.8584L686.848 35.3868L686.682 35.8584ZM806.695 135.682L806.262 135.931L806.636 136.582L807.092 135.985L806.695 135.682ZM1080.07 104.657V104.157V104.657ZM840.275 344.441H839.775H840.275ZM1080.07 584.226V584.726V584.226ZM1319.86 344.441H1320.36H1319.86ZM523.448 403.478L523.802 403.831L523.448 403.478ZM313.819 403.478L313.466 403.831L313.819 403.478ZM113.694 203.363L114.048 203.01L113.454 202.416L113.215 203.221L113.694 203.363ZM107.368 243.21L106.87 243.169L107.368 243.21ZM104.66 382.068H104.16H104.66ZM104.66 561.019H104.16V561.519H104.66V561.019ZM515.496 561.019V561.519V561.019ZM652.097 554.203L652.263 554.675L652.097 554.203ZM725.546 480.749L726.018 480.915L725.546 480.749ZM732.369 344.151H732.869H732.369ZM725.546 207.555L726.018 207.389V207.389L725.546 207.555ZM723.864 203.071L724.329 202.887L724.048 202.18L723.511 202.718L723.864 203.071ZM359.451 127.285V126.785V127.285ZM220.589 129.992L220.548 129.494L220.589 129.992ZM191.389 133.755L191.292 133.264L190.372 133.445L191.035 134.108L191.389 133.755ZM387.473 329.828L387.119 330.182L387.473 329.828ZM449.795 329.828L450.148 330.182L449.795 329.828ZM647.062 132.571L647.415 132.925L648.032 132.308L647.188 132.088L647.062 132.571ZM515.496 127.285V126.785V127.285ZM1080.07 0.5V1C1269.75 1.00007 1423.52 154.764 1423.52 344.441H1424.02H1424.52C1424.52 154.212 1270.3 7.45356e-05 1080.07 0V0.5ZM1424.02 344.441H1423.52C1423.52 534.119 1269.75 687.883 1080.07 687.883V688.383V688.883C1270.3 688.883 1424.52 534.671 1424.52 344.441H1424.02ZM1080.07 688.383V687.883C968.666 687.883 869.655 634.846 806.902 552.646L806.505 552.949L806.107 553.253C869.041 635.69 968.341 688.883 1080.07 688.883V688.383ZM806.505 552.949L806.072 552.699C779.579 598.616 737.363 634.073 686.516 651.974L686.682 652.445L686.848 652.917C737.922 634.937 780.327 599.321 806.938 553.199L806.505 552.949ZM686.682 652.445L686.516 651.974C654.97 663.079 616.646 664.478 547.208 664.652L547.209 665.152L547.21 665.652C616.604 665.478 655.111 664.089 686.848 652.917L686.682 652.445ZM547.209 665.152L547.209 664.652L515.496 664.676L515.496 665.176L515.496 665.676L547.209 665.652L547.209 665.152ZM515.496 665.176V664.676H0.5V665.176V665.676H515.496V665.176ZM0.5 665.176H1V382.068H0.5H0V665.176H0.5ZM0.5 382.068H1C1 319.24 1.00041 272.148 4.05488 234.764C7.10888 197.386 13.2135 169.756 25.3976 145.844L24.9521 145.617L24.5066 145.39C12.2387 169.467 6.11726 197.242 3.0582 234.683C-0.000371695 272.117 0 319.256 0 382.068H0.5ZM24.9521 145.617L25.3976 145.844C46.8583 103.727 81.102 69.4846 123.22 48.0246L122.993 47.5791L122.766 47.1336C80.4598 68.6895 46.0632 103.085 24.5066 145.39L24.9521 145.617ZM122.993 47.5791L123.22 48.0246C147.133 35.8408 174.763 29.7364 212.143 26.6826C249.528 23.6283 296.621 23.6279 359.451 23.6279V23.1279V22.6279C296.637 22.6279 249.496 22.6275 212.061 25.6859C174.62 28.7448 146.843 34.866 122.766 47.1336L122.993 47.5791ZM359.451 23.1279L359.451 23.6279L547.209 23.6514L547.209 23.1514L547.209 22.6514L359.451 22.6279L359.451 23.1279ZM547.209 23.1514L547.208 23.6514C616.645 23.8254 654.97 25.2248 686.516 36.33L686.682 35.8584L686.848 35.3868C655.111 24.2144 616.603 22.8253 547.21 22.6514L547.209 23.1514ZM686.682 35.8584L686.516 36.33C737.484 54.2727 779.781 89.8547 806.262 135.931L806.695 135.682L807.129 135.432C780.53 89.1506 738.044 53.4097 686.848 35.3868L686.682 35.8584ZM806.695 135.682L807.092 135.985C869.855 53.9277 968.779 1 1080.07 1V0.5V0C968.455 0 869.241 53.0834 806.298 135.378L806.695 135.682ZM1080.07 104.657V104.157C947.357 104.157 839.775 211.736 839.775 344.441H840.275H840.775C840.775 212.289 947.91 105.157 1080.07 105.157V104.657ZM840.275 344.441H839.775C839.775 477.147 947.357 584.726 1080.07 584.726V584.226V583.726C947.91 583.726 840.775 476.594 840.775 344.441H840.275ZM1080.07 584.226V584.726C1212.78 584.726 1320.36 477.146 1320.36 344.441H1319.86H1319.36C1319.36 476.594 1212.22 583.726 1080.07 583.726V584.226ZM1319.86 344.441H1320.36C1320.36 211.736 1212.78 104.157 1080.07 104.157V104.657V105.157C1212.22 105.157 1319.36 212.289 1319.36 344.441H1319.86ZM523.448 403.478L523.095 403.124C465.403 460.813 371.865 460.813 314.173 403.124L313.819 403.478L313.466 403.831C371.548 461.911 465.719 461.911 523.802 403.831L523.448 403.478ZM313.819 403.478L314.173 403.124L114.048 203.01L113.694 203.363L113.341 203.717L313.466 403.831L313.819 403.478ZM113.694 203.363L113.215 203.221C110.815 211.315 108.473 223.545 106.87 243.169L107.368 243.21L107.867 243.251C109.467 223.666 111.8 211.51 114.174 203.505L113.694 203.363ZM107.368 243.21L106.87 243.169C104.239 275.377 104.16 317.541 104.16 382.068H104.66H105.16C105.16 317.524 105.239 275.408 107.867 243.251L107.368 243.21ZM104.66 382.068H104.16V561.019H104.66H105.16V382.068H104.66ZM104.66 561.019V561.519H515.496V561.019V560.519H104.66V561.019ZM515.496 561.019V561.519C564.887 561.519 595.265 561.147 615.189 560.109C635.113 559.07 644.624 557.364 652.263 554.675L652.097 554.203L651.931 553.732C644.429 556.372 635.032 558.073 615.137 559.11C595.243 560.147 564.89 560.519 515.496 560.519V561.019ZM652.097 554.203L652.263 554.675C686.753 542.532 713.875 515.404 726.018 480.915L725.546 480.749L725.074 480.583C713.032 514.787 686.135 541.69 651.931 553.732L652.097 554.203ZM725.546 480.749L726.018 480.915C728.707 473.277 730.415 463.766 731.456 443.843C732.496 423.919 732.869 393.542 732.869 344.151H732.369H731.869C731.869 393.545 731.496 423.897 730.457 443.791C729.418 463.685 727.715 473.082 725.074 480.583L725.546 480.749ZM732.369 344.151H732.869C732.869 294.762 732.496 264.385 731.456 244.461C730.415 224.538 728.707 215.027 726.018 207.389L725.546 207.555L725.074 207.721C727.715 215.222 729.418 224.619 730.457 244.513C731.496 264.407 731.869 294.759 731.869 344.151H732.369ZM725.546 207.555L726.018 207.389C725.484 205.873 724.919 204.372 724.329 202.887L723.864 203.071L723.4 203.256C723.986 204.73 724.545 206.218 725.074 207.721L725.546 207.555ZM723.864 203.071L723.511 202.718L523.095 403.124L523.448 403.478L523.802 403.831L724.218 203.425L723.864 203.071ZM359.451 127.285V126.785C294.922 126.785 252.757 126.863 220.548 129.494L220.589 129.992L220.63 130.491C252.788 127.863 294.905 127.785 359.451 127.785V127.285ZM220.589 129.992L220.548 129.494C208.095 130.511 198.621 131.827 191.292 133.264L191.389 133.755L191.485 134.246C198.768 132.817 208.204 131.506 220.63 130.491L220.589 129.992ZM191.389 133.755L191.035 134.108L387.119 330.182L387.473 329.828L387.826 329.475L191.742 133.401L191.389 133.755ZM387.473 329.828L387.119 330.182C404.524 347.586 432.743 347.586 450.148 330.182L449.795 329.828L449.441 329.475C432.427 346.488 404.841 346.488 387.826 329.475L387.473 329.828ZM449.795 329.828L450.148 330.182L647.415 132.925L647.062 132.571L646.708 132.218L449.441 329.475L449.795 329.828ZM647.062 132.571L647.188 132.088C639.317 130.031 628.514 128.708 608.636 127.897C588.754 127.085 559.761 126.785 515.496 126.785V127.285V127.785C559.762 127.785 588.736 128.085 608.595 128.896C628.46 129.706 639.173 131.027 646.935 133.055L647.062 132.571ZM515.496 127.285V126.785H359.451V127.285V127.785H515.496V127.285Z"
+        fill="#4E4E4E"
+      />
+    </svg>
+  );
+}