Add remotesetups link

components/charts.jsx

@@ -2,6 +2,7 @@ import { useContext } from "react";
 import styled from 'styled-components'
 import { SpotifyContext } from '../lib/spotify'
 import { IoIosPlay, IoIosArrowForward } from "react-icons/io";
+import RemoteSetups from './remoteSetups'
 
 const Container = styled.div`
   display: grid;
@@ -214,7 +215,9 @@ const Charts = () => {
         <ChartColumn className='artists' contentType={contentType}>
           {artists}
         </ChartColumn>
+
       </Container>
+      <RemoteSetups />
     </>
   )
 }

components/login.jsx

@@ -1,4 +1,5 @@
 import styled from 'styled-components'
+import RemoteSetups from './remoteSetups'
 
 const Container = styled.div`
   display: grid;
@@ -46,6 +47,17 @@ const GreenButton = styled.a`
   }
 `
 
+const AdPanel = styled.div`
+  margin: 50px 0 0 0;
+  border: 2px solid ${props => props.theme.theme.border.secondary}; 
+  padding: 10px 30px;
+  border-radius: 15px;
+
+  a {
+    color: ${props => props.theme.theme.colors.spotifyBlue}; 
+  }
+`
+
 const Login = () => {
   return(
     <Container>
@@ -58,6 +70,7 @@ const Login = () => {
         You can also save your top tracks as a playlist. 
       </Tagline>
         <GreenButton href='/login' >Connect With Spotify</GreenButton>
+        <RemoteSetups />
     </Container>
   )
 }

components/remoteSetups.jsx

@@ -0,0 +1,31 @@
+import styled from 'styled-components'
+
+const AdPanel = styled.div`
+  margin: 50px 0 0 0;
+  border: 2px solid ${props => props.theme.theme.border.secondary}; 
+  padding: 10px 30px;
+  border-radius: 15px;
+
+  a {
+    color: ${props => props.theme.theme.colors.spotifyBlue}; 
+  }
+`
+
+const Container = styled.div`
+  display: grid;
+  justify-items: center;
+`
+
+const RemoteSetups = () => {
+
+  return(
+    <Container>
+      <AdPanel>
+        Listening and working from home? Checkout my other project, <a href="https://remotesetups.com" target="_blank">RemoteSetups.com</a> for desk setup inspiration, gear lists, and tips.
+      </AdPanel>
+    </Container>
+  )
+
+}
+
+export default RemoteSetups