Q:

Got parsing error: Unexpected token, expected ";" even though there is already a semi-colon

I am new to React, and am trying to create a portfolio project. While I was doing this, I got an error that I need to add a semi-colon on line 3 even though I already added a semi-colon to this line. Does anyone know how to fix this?
import React, { Component } from 'react';
export default class Footer extends Component {
  render: function(); {
  return (

  <footer>
    <div className="row">
      <div className="twelve columns">
        <ul className="social-links">
          <li><a href="#"><i className="fa fa-facebook" /></a></li>
          <li><a href="#"><i className="fa fa-twitter" /></a></li>
          <li><a href="#"><i className="fa fa-google-plus" /></a></li>
          <li><a href="#"><i className="fa fa-linkedin" /></a></li>
          <li><a href="#"><i className="fa fa-instagram" /></a></li>
          <li><a href="#"><i className="fa fa-dribbble" /></a></li>
          <li><a href="#"><i className="fa fa-skype" /></a></li>
        </ul>
        <ul className="copyright">
          <li>© Copyright 2014 CeeVee</li>
          <li>Design by <a title="Styleshout" href="http://www.styleshout.com/">Styleshout</a></li>   
        </ul>
      </div>
      <div id="go-top"><a className="smoothscroll" title="Back to Top" href="#home"><i className="icon-up-open" /></a></div>
    </div>
  </footer> {/* Footer End*/}
);
}
};
  </React.Fragment>
);
}
}

A:

I think the issue is here,
render: function(); {   //This `;` is the issue which is end of line and syntax error

it should be 
render: function() {

