text: import React, { Component } from "react";
  import { Link } from "react-router-dom";
  import "./Home.css";
  
  export default class Home extends Component {
    constructor(props) {
      super(props);
  
      this.state = {
        isLoading: true,
        notes: []
      };
    }
  
    async componentDidMount() {
      if (!this.props.isAuthenticated) {
        return;
      }
  
      this.setState({ isLoading: false });
    }
  
    renderLander() {
      return (
        <div className="lander">
          <h1>SED</h1>
          <p>Serverless E-commerce Dropshipping</p>
          <div>
            <Link to="/login" className="btn btn-info btn-lg">
              Login
            </Link>
            <Link to="/signup" className="btn btn-success btn-lg">
              Signup
            </Link>
          </div>
        </div>
      );
    }
  
    renderHome() {
      return (
        <div className="lander">
          <h1>SED</h1>
          <p>Serverless E-commerce Dropshipping</p>
        </div>
      );
    }
  
    render() {
      return (
        <div className="Home">
          {this.props.isAuthenticated ? this.renderHome() : this.renderLander()}
        </div>
      );
    }
  }
  