remove christmas app

Author: pglejzer

docs/App-clear.js

@@ -1,10 +1,7 @@
 import React, { Component } from 'react';
-import { MDBBtn, MDBCol, MDBContainer, MDBRow } from 'mdbreact';
+import { MDBBtn, MDBCol, MDBContainer, MDBRow, MDBIcon } from 'mdbreact';
 import './index.css';
 import logo from './logo.png';
-import image from './christmas.png';
-
-// remove body styles in index.css too
 
 class App extends Component {
   render() {
@@ -13,37 +10,25 @@ class App extends Component {
         <MDBRow center style={{ height: '100vh' }}>
           <MDBCol middle={true} md='6' className='text-center'>
             <img src={logo} alt='logo' style={{ width: '10rem' }} />
-            <h1 style={{ color: '#6a8255' }}>Welcome to Your MDB React App</h1>
-            <p className='mb-2' style={{ color: '#6a8255' }}>
-              The application is configured and ready to import our components.
-            </p>
+            <h1 className='text-white'>Welcome to Your MDB React App</h1>
+            <p className='mb-2 text-white'>The application is configured and ready to import our components.</p>
             <MDBBtn href='https://mdbootstrap.com/docs/react/' target='blank' color='light-blue'>
               <strong>Check out our docs!</strong>
             </MDBBtn>
           </MDBCol>
-          <MDBCol middle={true} md='6' className='text-center '>
+          <MDBCol middle={true} md='6' className='text-center'>
             <div className='d-flex mt-5'>
-              <div className='text-center w-100'>
-                <h1 className='text-one' style={{ color: '#6a8255' }}>
-                  CHRISTMAS SALE!
-                </h1>
-
-                <img src={image} alt='christmas' />
-
-                <p className='mt-4 text-two'>
-                  Get Templates & Plugins as a gift!
+              <div className='text-center'>
+                <h2 className='h1 mb-5'>CYBER MONDAY SALE!</h2>
+                <MDBIcon icon='calendar-day cyan-text' size='10x' />
+                <p className='mt-2 text-white'>
+                  Check what we have prepared and start using the richest UI Kit today.
                   <br />
-                  Hurry up & don't lose your chance.
+                  Hurry up & don't loose your chance.
                 </p>
-                <a
-                  type='button'
-                  className='btn btn-danger text-white btn-rounded btn-lg'
-                  rel='noreferrer'
-                  target='_blank'
-                  href='https://mdbootstrap.com/sale/'
-                >
-                  <i className='fas fa-gifts'></i> GET Your gift
-                </a>
+                <MDBBtn color='cyan' href='https://mdbootstrap.com/sale/' target='_blank'>
+                  CLAIM OFFER
+                </MDBBtn>
               </div>
             </div>
           </MDBCol>

docs/index.js

@@ -4,14 +4,14 @@ import '@fortawesome/fontawesome-free/css/all.min.css';
 import 'bootstrap-css-only/css/bootstrap.min.css';
 import '../dist/css/mdb.css';
 import './index.css';
-// import App from './App';
-import AppClear from './App-clear';
+import App from './App';
+// import AppClear from './App-clear';
 
 import registerServiceWorker from './registerServiceWorker';
 
 ReactDOM.render(
   <React.StrictMode>
-    <AppClear />
+    <App />
   </React.StrictMode>,
   document.getElementById('root')
 );