add move to cloud guide part 1

website/docs/docs/core/about-core-setup.md

@@ -14,7 +14,9 @@ dbt Core is an [open-source](https://github.com/dbt-labs/dbt-core) tool that ena
 - [Connecting to a data platform](/docs/core/connect-data-platform/profiles.yml)
 - [How to run your dbt projects](/docs/running-a-dbt-project/run-your-dbt-projects)
 
-To learn about developing dbt projects in dbt Cloud, refer to [Develop with dbt Cloud](/docs/cloud/about-develop-dbt).
-  - dbt Cloud provides a command line interface with the [dbt Cloud CLI](/docs/cloud/cloud-cli-installation). Both dbt Core and the dbt Cloud CLI are command line tools that let you run dbt commands. The key distinction is the dbt Cloud CLI is tailored for dbt Cloud's infrastructure and integrates with all its [features](/docs/cloud/about-cloud/dbt-cloud-features).
+If you're interested in using a command line interface to [develop dbt projects in dbt Cloud](/docs/cloud/about-develop-dbt), the [dbt Cloud CLI](/docs/cloud/cloud-cli-installation) lets you run dbt commands locally. The dbt Cloud CLI is tailored for dbt Cloud's infrastructure and integrates with all its [features](/docs/cloud/about-cloud/dbt-cloud-features).
 
 If you need a more detailed first-time setup guide for specific data platforms, read our [quickstart guides](https://docs.getdbt.com/guides).
+
+## Related docs
+- [Move from dbt Core to dbt Cloud](/guides/core-to-cloud-1?step=1)

website/docs/docs/core/installation-overview.md

@@ -50,3 +50,6 @@ Most command-line tools, including dbt, have a `--help` flag that you can use to
 — `dbt run --help`: Lists the flags available for the `run` command
 
 :::
+
+## Related docs
+- [Move from dbt Core to dbt Cloud](/guides/core-to-cloud-1?step=1)

website/docs/guides/manual-install-qs.md

@@ -10,7 +10,9 @@ hide_table_of_contents: true
 ---
 ## Introduction
 
-When you use dbt Core to work with dbt, you will be editing files locally using a code editor, and running projects using a command line interface (CLI). If you'd rather edit files and run projects using the web-based Integrated Development Environment (IDE), you should refer to the [dbt Cloud quickstarts](/guides). You can also develop and run dbt commands using the [dbt Cloud CLI](/docs/cloud/cloud-cli-installation) — a dbt Cloud powered command line.
+When you use dbt Core to work with dbt, you will be editing files locally using a code editor, and running projects using a command line interface (CLI). 
+
+If you want to edit files and run projects using the web-based dbt Integrated Development Environment (IDE), refer to the [dbt Cloud quickstarts](/guides). You can also develop and run dbt commands using the [dbt Cloud CLI](/docs/cloud/cloud-cli-installation) — a dbt Cloud powered command line.
 
 ### Prerequisites
 
@@ -23,6 +25,9 @@ When you use dbt Core to work with dbt, you will be editing files locally using
 
 After setting up BigQuery to work with dbt, you are ready to create a starter project with example models, before building your own models.
 
+### Related docs
+- [Move from dbt Core to dbt Cloud](/guides/core-to-cloud-1?step=1)
+
 ## Create a repository
 
 The following steps use [GitHub](https://github.com/) as the Git provider for this guide, but you can use any Git provider. You should have already [created a GitHub account](https://github.com/join).

website/package.json

@@ -19,6 +19,7 @@
     "@stoplight/elements": "^7.7.17",
     "@svgr/webpack": "^6.0.0",
     "axios": "^0.27.2",
+    "canvas-confetti": "^1.9.2",
     "classnames": "^2.3.1",
     "clsx": "^1.1.1",
     "color": "^3.1.2",

website/src/components/confetti/index.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import confetti from 'canvas-confetti';
+
+const ConfettiTrigger = ({ children }) => {
+    const triggerConfetti = (event) => {
+      if (event?.target?.closest('a, h2, h3')) {
+            // Do nothing if the click is on these elements
+            return;
+          }
+        // config for the confetti w spread operator
+        const confettiCount = 200;
+        const confettiSettings = {
+              spread: 70,
+              startVelocity: 30,
+              scalar: 0.7,
+              gravity: 1.5,
+              decay: 0.9,
+        }
+
+      // Launch confetti from multiple points
+      for (let i = 0; i < 5; i++) {
+        confetti({
+          angle: 60,
+          particleCount: confettiCount / 5,
+          origin: { y: 0.6, x: (i + 1) * 0.2 - 0.1 },
+          zIndex: 9999,
+          ...confettiSettings,
+        });
+      }
+    };
+  // add an OnClick event to trigger the confetti instead of listing EventListeners with useEffect
+  return (
+    <div onClick={triggerConfetti} style={{ width: '100%' }}>
+      {children} {/* Render children passed to the component */}
+      </div>
+  );
+};
+
+export default ConfettiTrigger;

website/src/css/custom.css

@@ -2090,6 +2090,7 @@ h2.anchor.clicked a.hash-link:before {
   display: none;
 }
 
+
 @media (max-width: 996px) {
   .quickstart-container {
     flex-direction: column;

website/src/theme/MDXComponents/index.js

@@ -45,6 +45,7 @@ import Icon from '@site/src/components/icon';
 import Lifecycle from '@site/src/components/lifeCycle';
 import detailsToggle from '@site/src/components/detailsToggle';
 import expandable from '@site/src/components/expandable';
+import ConfettiTrigger from '@site/src/components/confetti/';
 
 const MDXComponents = {
   head: MDXHead,
@@ -96,5 +97,6 @@ const MDXComponents = {
   Lifecycle: Lifecycle,
   detailsToggle: detailsToggle,
   expandable: expandable,
+  ConfettiTrigger: ConfettiTrigger,
 };
 export default MDXComponents;