diff --git a/components/page-logo-header/index.js b/components/page-logo-header/index.js new file mode 100644 index 000000000..196c33277 --- /dev/null +++ b/components/page-logo-header/index.js @@ -0,0 +1,13 @@ +import { HeaderWrap, Subtitle, Title, Logo } from './style'; + +const PageLogoHeader = ({ title, subtitle, children, }) => ( + + + { title } + + + { children } + +); + +export default PageLogoHeader; diff --git a/components/page-logo-header/style.js b/components/page-logo-header/style.js new file mode 100644 index 000000000..9ab9562f0 --- /dev/null +++ b/components/page-logo-header/style.js @@ -0,0 +1,30 @@ +import styled from 'styled-components'; + +export const HeaderWrap = styled.div` + text-align: center; + padding: 45px 30px; +`; + +export const Title = styled.h1` + font-size: 40px; + font-weight: 700; + margin-bottom: 12px; +`; + +export const Subtitle = styled.p` + font-size: 16px; + color: #444; + margin-bottom: 0; + + a { + color: inherit; + font-weight: 700; + } +`; + + +export const Logo = styled.img` + width: 75px; + height: 75px; + margin-bottom: 26px; +`; diff --git a/components/site-nav/index.js b/components/site-nav/index.js index 8c9aa897b..842d8570e 100644 --- a/components/site-nav/index.js +++ b/components/site-nav/index.js @@ -11,7 +11,7 @@ const SiteNav = () => (
Roadmaps Guides - Jobs + Sponsors FAQ Subscribe
diff --git a/pages/guides/index.js b/pages/guides/index.js index 1eb4455d5..7ac556a11 100644 --- a/pages/guides/index.js +++ b/pages/guides/index.js @@ -13,7 +13,7 @@ import Helmet from 'components/helmet'; const PageTitle = "Programming Guides"; const PageDescription = "Easy to follow guides on complex topics written and maintained by the community"; -const Roadmap = () => ( +const GuidesList = () => ( @@ -46,4 +46,4 @@ const Roadmap = () => ( ); -export default Roadmap; +export default GuidesList; diff --git a/pages/sponsors/index.js b/pages/sponsors/index.js new file mode 100644 index 000000000..e0dd23d0a --- /dev/null +++ b/pages/sponsors/index.js @@ -0,0 +1,35 @@ +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'; + +const PageTitle = 'Advertise with Us'; +const PageDescription = 'Place your ad in front of 200,000 developers'; + +const Sponsors = () => ( + + + + + +
+
+
+
+

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.

+ +

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 levels (beginner, intermediate, senior) 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!

+ +

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

+
+
+
+
+ +
+); + +export default Sponsors;