From c271d50ec05862a9f9941987490c579d3c3fef16 Mon Sep 17 00:00:00 2001
From: Jason I <jason.ibrahim@dfinity.org>
Date: Fri, 8 Dec 2023 11:05:16 -0800
Subject: [PATCH 1/3] chore: update placeholder text

---
 src/components/DocsHome/AskAIWidget.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/DocsHome/AskAIWidget.tsx b/src/components/DocsHome/AskAIWidget.tsx
index b7c814509b..a6c99a2fbb 100644
--- a/src/components/DocsHome/AskAIWidget.tsx
+++ b/src/components/DocsHome/AskAIWidget.tsx
@@ -22,6 +22,7 @@ export function AskAIWidget() {
             data-project-logo="https://s3.coinmarketcap.com/static-gravity/image/2fb1bc84c1494178beef0822179d137d.png"
             data-button-hide="true"
             data-modal-override-open-class="ask-ai-widget-trigger"
+            data-modal-ask-ai-input-placeholder="Ask me a question about the Internet Computer Protocol"
           />
         </Head>
         <button

From 752d0022c256d04f365334d69e1d0e3ba744efa7 Mon Sep 17 00:00:00 2001
From: Jason I <jason.ibrahim@dfinity.org>
Date: Thu, 4 Jan 2024 15:36:33 -0800
Subject: [PATCH 2/3] chore: add quick start guides to dev docs home

---
 src/components/DocsHome/index.tsx | 69 +++++++++++++++++++++++++++++++
 static/img/docs/react.svg         |  9 ++++
 2 files changed, 78 insertions(+)
 create mode 100644 static/img/docs/react.svg

diff --git a/src/components/DocsHome/index.tsx b/src/components/DocsHome/index.tsx
index 1e171b24ed..101673760d 100644
--- a/src/components/DocsHome/index.tsx
+++ b/src/components/DocsHome/index.tsx
@@ -248,6 +248,75 @@ const DocsHomePage: FC = () => {
         </div>
       </section>
 
+      <section className="mt-10">
+        <div
+          className="
+          py-8 sm:p-10 border border-white border-solid rounded-lg bg-white/70
+          grid
+          grid-cols-1
+          sm:grid-cols-2
+          md:grid-cols-6
+          px-0
+          pb-5 sm:pb-10
+        "
+        >
+          <div className="border-0 border-b sm:border-b-0 md:border-r border-solid border-black/10 mx-6 sm:mx-0 md:pr-8 flex flex-col sm:flex-row md:flex-col sm:col-span-2 md:col-span-1 pb-10 sm:pb-10 md:pb-0">
+            <div className="h-[100px] md:h-[200px] flex-1">
+              <h3 className="tw-heading-6 mb-10 sm:mb-0">
+                Quick Start
+                <br />
+                Guides
+              </h3>
+            </div>
+            <div className="flex-1 flex flex-col">
+              <p className="tw-paragraph text-black/80 mb-6 flex-1">
+                Whether you're new to coding or an experienced developer, our
+                documentation portal has everything you need. We provide
+                easy-to-follow guides, tutorials, code samples, and API
+                references for multiple languages like JavaScript, Python, Java,
+                Go, Rust, C++ and more.
+              </p>
+              <p className="mb-0">
+                <Link
+                  href="/docs/current/developer-docs/backend/choosing-language"
+                  className="link-primary link-with-icon"
+                >
+                  View all <LinkArrowRight />
+                </Link>
+              </p>
+            </div>
+          </div>
+          <div className="snap-x flex sm:contents overflow-auto scroll-m-10 pb-5 border-0  border-solid border-black/10 docs-home-languages-scrollbar">
+            <div className="snap-center min-w-[80vw] sm:min-w-0 border-0 border-r sm:border-t md:border-t-0 border-solid border-black/10 px-6 sm:pl-0 sm:pr-8 md:px-6 pt-10 sm:pb-10 md:pb-0 md:pt-0 flex flex-col">
+              <div className="mb-16 md:mb-0 md:h-[200px]">
+                <img
+                  src="/img/docs/react.svg"
+                  alt="React quick start"
+                  className="w-10 h-10"
+                  loading="lazy"
+                />
+              </div>
+              <div className="flex-1 flex flex-col">
+                <h4 className="tw-heading-5 mb-6">React</h4>
+                <p className="tw-paragraph text-black/80 mb-6 flex-1">
+                  Start here if you're coming to the Internet Computer Protocol
+                  as a React developer.
+                </p>
+                <p className="mb-0">
+                  <Link
+                    href="/docs/current/developer-docs/setup/react-quickstart"
+                    className="link-primary"
+                    title="Go to Quickstart for React Devs"
+                  >
+                    <LinkArrowRight />
+                  </Link>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
       <section className="mt-10">
         <Blog></Blog>
       </section>
diff --git a/static/img/docs/react.svg b/static/img/docs/react.svg
new file mode 100644
index 0000000000..ea77a618d9
--- /dev/null
+++ b/static/img/docs/react.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
+  <title>React Logo</title>
+  <circle cx="0" cy="0" r="2.05" fill="#61dafb"/>
+  <g stroke="#61dafb" stroke-width="1" fill="none">
+    <ellipse rx="11" ry="4.2"/>
+    <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
+    <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
+  </g>
+</svg>

From dcbdca406065b87a44a8492c935098042fc0e273 Mon Sep 17 00:00:00 2001
From: Jason <98767015+dfx-json@users.noreply.github.com>
Date: Mon, 8 Jan 2024 10:38:24 -0800
Subject: [PATCH 3/3] Update src/components/DocsHome/index.tsx

Co-authored-by: Jessie Mongeon <133128541+jessiemongeon1@users.noreply.github.com>
---
 src/components/DocsHome/index.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/DocsHome/index.tsx b/src/components/DocsHome/index.tsx
index 101673760d..d7bf0258c0 100644
--- a/src/components/DocsHome/index.tsx
+++ b/src/components/DocsHome/index.tsx
@@ -270,11 +270,10 @@ const DocsHomePage: FC = () => {
             </div>
             <div className="flex-1 flex flex-col">
               <p className="tw-paragraph text-black/80 mb-6 flex-1">
-                Whether you're new to coding or an experienced developer, our
-                documentation portal has everything you need. We provide
-                easy-to-follow guides, tutorials, code samples, and API
-                references for multiple languages like JavaScript, Python, Java,
-                Go, Rust, C++ and more.
+                If you're a seasoned developer looking to deploy code on ICP, 
+                getting started is easy. Our developer Quick Start guides are designed 
+                to jumpstart your developer experience on the Internet Computer Protocol
+                using your preferred programming language.
               </p>
               <p className="mb-0">
                 <Link