add Github button + small copy change (#29)

frontend/package-lock.json

@@ -24,6 +24,7 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-ga4": "^2.1.0",
+        "react-github-btn": "^1.4.0",
         "react-icons": "^4.10.1",
         "react-intersection-observer": "9.5.1",
         "react-pdf": "6.2.2",
@@ -3111,6 +3112,11 @@
         "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
     },
+    "node_modules/github-buttons": {
+      "version": "2.27.0",
+      "resolved": "https://registry.npmjs.org/github-buttons/-/github-buttons-2.27.0.tgz",
+      "integrity": "sha512-PmfRMI2Rttg/2jDfKBeSl621sEznrsKF019SuoLdoNlO7qRUZaOyEI5Li4uW+79pVqnDtKfIEVuHTIJ5lgy64w=="
+    },
     "node_modules/glob": {
       "version": "7.1.7",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
@@ -4952,6 +4958,17 @@
       "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz",
       "integrity": "sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ=="
     },
+    "node_modules/react-github-btn": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/react-github-btn/-/react-github-btn-1.4.0.tgz",
+      "integrity": "sha512-lV4FYClAfjWnBfv0iNlJUGhamDgIq6TayD0kPZED6VzHWdpcHmPfsYOZ/CFwLfPv4Zp+F4m8QKTj0oy2HjiGXg==",
+      "dependencies": {
+        "github-buttons": "^2.22.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.3.0"
+      }
+    },
     "node_modules/react-icons": {
       "version": "4.10.1",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.10.1.tgz",

frontend/package.json

@@ -25,6 +25,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-ga4": "^2.1.0",
+    "react-github-btn": "^1.4.0",
     "react-icons": "^4.10.1",
     "react-intersection-observer": "9.5.1",
     "react-pdf": "6.2.2",

frontend/src/components/landing-page/TitleAndDropdown.tsx

@@ -2,6 +2,7 @@ import { useRouter } from "next/router";
 import React, { useEffect, useState } from "react";
 
 import { FiTrash2 } from "react-icons/fi";
+import GitHubButton from "react-github-btn";
 
 import cx from "classnames";
 import type { SelectOption } from "~/types/selection";
@@ -74,7 +75,7 @@ export const TitleAndDropdown = () => {
       <div className="absolute right-4 top-4">
         <a href="https://www.llamaindex.ai/" target="_blank">
           <button className="flex items-center justify-center font-nunito text-lg font-bold ">
-            Built with LlamaIndex
+            Built by LlamaIndex
             <img src="logo-black.svg" className="mx-2 rounded-lg" width={40} />
           </button>
         </a>
@@ -90,6 +91,9 @@ export const TitleAndDropdown = () => {
             and 10-Qs.
           </div>
         </div>
+        <div className="mt-4 flex items-center justify-center">
+          <GitHubButton href="https://github.com/run-llama/sec-insights">Open-Sourced on Github</GitHubButton>
+        </div>
       </div>
       {isMobile ? (
         <div className="mt-12 flex h-1/5 w-11/12 rounded border p-4 text-center">