diff --git a/components/link/index.js b/components/link/index.js new file mode 100644 index 000000000..2bff4492e --- /dev/null +++ b/components/link/index.js @@ -0,0 +1,13 @@ +import styled from 'styled-components'; + +export const StrongLink = styled.a` + border-bottom: 2px solid currentColor; + position: relative; + transition: background-color 120ms; + text-decoration: none; + font-weight: 600; + + &:hover { + text-decoration: none; + } +`; diff --git a/components/mark/index.js b/components/mark/index.js new file mode 100644 index 000000000..14efd018c --- /dev/null +++ b/components/mark/index.js @@ -0,0 +1,11 @@ +import styled from 'styled-components'; + +export const Mark = styled.span` + background: #1b1e21; + color: #fff; + display: inline-block; + font-size: 18px; + font-weight: 600; + margin: 0 4px; + padding: 0 6px 0 7px; +`; diff --git a/pages/sponsors/index.js b/pages/sponsors/index.js index 8ca5b9a04..0998d1e77 100644 --- a/pages/sponsors/index.js +++ b/pages/sponsors/index.js @@ -2,7 +2,9 @@ import Helmet from 'components/helmet'; import SiteNav from 'components/site-nav'; import PageFooter from 'components/page-footer'; import DefaultLayout from 'layouts/default/index'; -import PageLogoHeader from 'components/page-logo-header'; +import { HeaderWrap, Logo, Subtitle, Title } from 'components/page-logo-header/style'; +import { Mark } from 'components/mark'; +import { StrongLink } from 'components/link'; const PageTitle = 'Advertise with Us'; const PageDescription = 'Place your ad in front of 200,000 developers'; @@ -11,19 +13,52 @@ const Sponsors = () => ( - + + + Sponsor Us + Help us build and place your ad in front of 300,000 developers +
-
+
-

roadmap.sh is the #1 place for developers to get the idea about the tech landscape, find out the what they are missing, get the ideas about how and what to learn and stay up to date.

+

roadmap.sh and developer-roadmap are the #1 place for developers to get the idea about the tech landscape, find out the what they are missing, get the ideas about how and what to learn and stay up to date.

-

The roadmap.sh audience consists of over 200,000 developers who visit the site an average of 150,000 times per month. They're developers of all seniority levels and domains including frontend, backend, fullstack, web and mobile, engineering managers, product managers and CTOs.

+

The roadmap.sh audience consists of over 300,000 developers who visit the site an average of 150,000 times per month. They're developers of all seniority levels and domains including frontend, backend, fullstack, web and mobile, engineering managers, product managers and CTOs.

-

Email kamran@roadmap.sh to get in touch about connecting with your potential customers!

+

Email kamran@roadmap.sh to get in touch about connecting with your potential customers!

-

Depending on your product or service, your budget, and your goals, there are several options to choose from when advertising on roadmap.sh and/or github.com/kamranahmedse/developer-roadmap

+

Depending on your product or service, your budget, and your goals, there are several options to choose from when advertising on roadmap.sh and developer-roadmap

+ +

Newsletter Promo

+

Drive a quick burst of traffic

+
    +
  • Appear in the monthly email newsletter delivered to 13000+ subscribers.
  • +
  • Costs $200 per email
  • +
  • Appears as a link with 2 lines of supporting text beneath.
  • +
+ +

Everywhere Package

+

Higher traffic and get in front of more eyes

+
    +
  • Shown as a bold sticky banner on the top of the website on all the pages.
  • +
  • You will be mentioned and thanked in the monthly newsletter sent to 13000+ subscribers.
  • +
  • Your will be added as a sponsor to the footer of GitHub Project
  • +
  • Costs 500$ per week
  • +
  • On website there are 2000 unique sessions daily on average. An average user spends around 3 minutes on the website after landing and the bounce rate is pretty low (2.76% at the moment) so it is a great option to get your product in front of more and more eyes.
  • +
  • Github repository gets around 5000 visits per day
  • +
+ +

Partner Package

+

High continuous traffic for a month

+
    +
  • Sponsor reference will be added to the roadmap images and PDFs for the sponsorship period. It will stay with people who download/print them for that period
  • +
  • You will be added as a sponsor to the header of the repository
  • +
  • You will be mentioned in the monthly email sent to 13000+ subscribers
  • +
  • A banner will be added to the top of the website
  • +
  • Costs 4000$ per month
  • +