message: Scroll to Premium
diff: import React, { Component } from 'react';
  import styled from 'styled-components';
  -import { GenericButton as Button } from 'react/components/UI/GenericButton';
  +import { GenericButtonLink as Button } from 'react/components/UI/GenericButton';
  import Box from 'react/components/UI/Box';
  import Tabs from 'react/components/UI/Tabs';
  @@ -28,6 +28,15 @@ const CTA = styled(Box)`
  `;
  export default class EducationPage extends Component {
  + premiumRef = React.createRef()
  +
  + scrollToPremium = () => {
  + window.scrollTo({
  + top: this.premiumRef.current.offsetTop - 100,
  + behavior: 'smooth',
  + });
  + }
  +
  render() {
  return (
  <Container>
  @@ -38,6 +47,9 @@ export default class EducationPage extends Component {
  <Subheadline>
  Are.na helps students and educators share knowledge by making connections together.
  </Subheadline>
  + <Button f={2} mt={6} onClick={this.scrollToPremium} color="state.premium">
  + Get 50% off Are.na Premium
  + </Button>
  </CenterBox>
  <Tabs>
  <TabContent label="For Educators">
  @@ -47,6 +59,7 @@ export default class EducationPage extends Component {
  <ForStudentsTab />
  </TabContent>
  </Tabs>
  + <div ref={this.premiumRef}>
  <CTA >
  <CenterBox my={10}>
  <Subheadline>
  @@ -61,6 +74,7 @@ export default class EducationPage extends Component {
  </Button>
  </CenterBox>
  </CTA>
  + </div>
  <UniversityLogoCta />
  <CaseStudiesCta />
  <CTA>
  