text: import React, { Component } from "react";
  
  import HeroNav from "../../components/Navbar/HeroNav";
  import Container from "../../components/container";
  
  import "../../assets/main.css";
  
  export default class SocialMedia extends Component {
    render() {
      return (
        <div style={{ height: `100%` }}>
          <HeroNav />
          <main>
            <Container>
              <div className="under-con">
                <h1>🔨This page is under construction! 🚜</h1>
                <p>
                  We were so excited to get our new site redesign up, we didn't have the time yet to build out this page.
                </p>
                <p>But don't you worry! Pretty soon - something awesome is going to live here.</p>
              </div>
            </Container>
          </main>
        </div>
      );
    }
  }
  