Changing pages to class component

src/pages/PDP/PDP.jsx

-import React from 'react';
+import React, { Component } from 'react';
 import styles from './PDP.module.scss';
 
-function PDPPage() {
+class PDPPage extends Component {
+    render() {
         return (
             <section className={styles.PDPPage}>
                 PDP Page!
             </section>
         );
+    }
 }
 
 export default PDPPage;
\ No newline at end of file

src/pages/PLP/PLP.jsx

-import React from 'react';
+import React, { Component } from 'react';
 import styles from './PLP.module.scss';
 
-function PLPPage() {
+class PLPPage extends Component {
+    render() {
         return (
             <section className={styles.PLPPage}>
                 PLP Page!
             </section>
         );
+    }
 }
 
 export default PLPPage;

src/styles/_variables.scss

@@ -3,5 +3,4 @@ $primary : #866347;
 $primary-black : #333333;
 $gray : #F5F6F8;
 
-
 $large-footer-height: 60px;
\ No newline at end of file