adding in the carbon components to the web app

packages/web/package.json

@@ -9,14 +9,20 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@carbon/icons-react": "10.22.0",
     "@nirvana/components": "*",
+    "carbon-components": "10.25.0",
+    "carbon-components-react": "7.25.0",
+    "carbon-icons": "7.0.7",
     "next": "12.1.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-icons": "^4.3.1",
-    "react-toastify": "^8.2.0"
+    "react-toastify": "^8.2.0",
+    "sass": "1.29.0"
   },
   "devDependencies": {
+    "@types/carbon-components-react": "^7.55.1",
     "@types/node": "17.0.23",
     "@types/react": "17.0.43",
     "@types/react-dom": "17.0.14",

packages/web/pages/_app.tsx

@@ -1,4 +1,5 @@
 import "../styles/globals.css";
+import "../styles/carbon.scss";
 import "react-toastify/dist/ReactToastify.css";
 
 import type { AppProps } from "next/app";

packages/web/pages/index.tsx

@@ -1,6 +1,7 @@
 import { BsApple, BsWindows } from "react-icons/bs";
 import { FaPeopleCarry, FaRunning } from "react-icons/fa";
 
+import { Button } from "carbon-components-react";
 import Footer from "../components/footer";
 import Header from "../components/header";
 import { MdOutlineNaturePeople } from "react-icons/md";
@@ -21,6 +22,8 @@ const Home: NextPage = () => {
               for remote startups.
             </span>
 
+            <Button>yooo</Button>
+
             <span className="text-zinc-400 text-lg md:text-xl mt-5 text-center md:text-left">
               The <span className="text-nirvanaTeal">{"'less is more'"}</span>{" "}
               approach. Skip zoom scheduling, <br></br> slack notifications, and

packages/web/styles/carbon.scss

@@ -0,0 +1 @@
+@import "carbon-components/scss/globals/scss/styles.scss";