From 8887b20ab813c3997742f4893e7fd9f3749160ec Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Wed, 10 Sep 2025 12:58:51 +0100
Subject: [PATCH 1/4] Add new ai button on landing page

---
 src/components/button/styles.module.scss | 2 +-
 src/pages/index.tsx                      | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/button/styles.module.scss b/src/components/button/styles.module.scss
index 00dabfa345..7f64558981 100644
--- a/src/components/button/styles.module.scss
+++ b/src/components/button/styles.module.scss
@@ -11,7 +11,7 @@
   line-height: 20px;
   text-align: center;
   .leftIcon {
-    margin-right: 4px;
+    margin-right: 8px;
   }
   .fa-arrow-right {
     transition: all 150ms ease-in-out;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 7f2c3a2c94..f6eb73ec3d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -11,6 +11,7 @@ import clsx from "clsx";
 import { useRef, useState } from "react";
 
 import Badge from "../components/button/Badge";
+import Button from "../components/button/Button";
 import { SquareLogo } from "../components/GettingStarted";
 import { Tooltip } from "../components/tooltip/Tooltip";
 import CodeBlock from "../theme/CodeBlock";
@@ -205,6 +206,7 @@ function HomepageHeroSection() {
           <CodeBlock className={clsx("language-terminal", styles["hero-code"])}>
             npx prisma init --db
           </CodeBlock>
+          <Button variant="link" color="teal" leftIcon="fa-regular fa-robot" label={"Get Started with Prisma & AI"} link="/ai" style={{ fontSize: `18px` }} />
         </div>
         {/* <Badge
           link="/"

From 95e302c68fcd74339cde085aa3185dcb3e4f78ca Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Fri, 12 Sep 2025 10:01:26 +0100
Subject: [PATCH 2/4] Trigger Build


From d750b467372c6f88b0b35f0bc6b93349a125d2f9 Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Fri, 12 Sep 2025 10:23:02 +0100
Subject: [PATCH 3/4] Update distance

---
 src/pages/index.module.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index b14465c88d..24ed82a826 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -50,6 +50,7 @@
       line-height: 120%;
     }
     .hero-code-wrapper {
+      margin-top: -8px;
       pre[class*="language-"] {
         background: #121521 !important;
         code span {
@@ -83,6 +84,9 @@
             top: 50%;
             transform: translateY(-50%);
           } 
+          code {
+            font-size: 18px;
+          }
         }
         &:hover {
           outline: 1px solid;

From e7548222082da01a341d60930c41419a729b2aa4 Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Fri, 12 Sep 2025 10:29:27 +0100
Subject: [PATCH 4/4] update code button padding

---
 src/theme/CodeBlock/Content/styles.module.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/theme/CodeBlock/Content/styles.module.scss b/src/theme/CodeBlock/Content/styles.module.scss
index 744dbef2c4..9c11d8e7a8 100644
--- a/src/theme/CodeBlock/Content/styles.module.scss
+++ b/src/theme/CodeBlock/Content/styles.module.scss
@@ -53,7 +53,7 @@
   column-gap: 0.2rem;
   position: absolute;
   /* rtl:ignore */
-  right: calc(var(--ifm-pre-padding) / 2);
+  right: 15px;
   top: calc(var(--ifm-pre-padding) / 2);
 }