Add sponsor information

components/sponsor-banner/index.js

@@ -1,13 +1,18 @@
 import React from 'react';
-import { BannerWrap, CloseSponsor, EmojiWrap } from './style';
+import { BannerWrap, CloseSponsor, EmojiWrap, SponsorLogo } from './style';
 
 export function SponsorBanner({ onCloseBanner = () => null }){
   return (
     <div className='row'>
       <div className='col p-0'>
-        <BannerWrap href='https://google.com' target='_blank' className='alert alert-info'>
+        <BannerWrap
+            href={`https://try.digitalocean.com/developer-cloud/?utm_source=roadmapsh&utm_medium=partnerships`}
+            target='_blank'
+            className='alert alert-info'
+        >
+            <SponsorLogo src='/sponsors/do.svg' />
             Sponsored by DigitalOcean
-            <EmojiWrap>😍</EmojiWrap>
+            <EmojiWrap src={'/sponsors/heart-eyes.svg'} />
             Check them out!
 
             <CloseSponsor

components/sponsor-banner/style.js

@@ -17,10 +17,18 @@ export const BannerWrap = styled.a`
   }
 `;
 
-export const EmojiWrap = styled.span`
+export const SponsorLogo = styled.img`
+  height: 20px;
+  margin-right: 10px;
   position: relative;
-  top: 1px;
-  margin: 0 0 0 6px;
+  top: -2px;
+`;
+
+export const EmojiWrap = styled.img`
+  height: 18px;
+  position: relative;
+  top: -1px;
+  margin: 0 6px 0 6px;
 `;
 
 export const CloseSponsor = styled.span`

public/sponsors/do.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="67 175.2 176.4 176.5" style="enable-background:new 67 175.2 176.4 176.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g id="XMLID_229_">
+	<g id="XMLID_690_">
+		<g id="XMLID_691_">
+			<g>
+				<g id="XMLID_44_">
+					<g id="XMLID_48_">
+						<path id="XMLID_49_" class="st0" d="M155.2,351.7v-34.2c36.2,0,64.3-35.9,50.4-74c-5.1-14.1-16.4-25.4-30.5-30.5
+							c-38.1-13.8-74,14.2-74,50.4l0,0H67c0-57.7,55.8-102.7,116.3-83.8c26.4,8.3,47.5,29.3,55.7,55.7
+							C257.9,295.9,213,351.7,155.2,351.7z"/>
+					</g>
+					<polygon id="XMLID_47_" class="st0" points="155.3,317.6 121.3,317.6 121.3,283.6 121.3,283.6 155.3,283.6 155.3,283.6 					
+						"/>
+					<polygon id="XMLID_46_" class="st0" points="121.3,343.8 95.1,343.8 95.1,343.8 95.1,317.6 121.3,317.6 					"/>
+					<path id="XMLID_45_" class="st0" d="M95.1,317.6H73.2l0,0v-21.9l0,0h21.9l0,0V317.6z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

public/sponsors/heart-eyes.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M35.885 11.833c0-5.45-4.418-9.868-9.867-9.868-3.308 0-6.227 1.633-8.018 4.129-1.791-2.496-4.71-4.129-8.017-4.129-5.45 0-9.868 4.417-9.868 9.868 0 .772.098 1.52.266 2.241C1.751 22.587 11.216 31.568 18 34.034c6.783-2.466 16.249-11.447 17.617-19.959.17-.721.268-1.469.268-2.242z"/></svg>