diff --git a/src/components/UnderConstruction.tsx b/src/components/UnderConstruction.tsx
new file mode 100644
index 0000000..5f216db
--- /dev/null
+++ b/src/components/UnderConstruction.tsx
@@ -0,0 +1,46 @@
+import styled from 'styled-components';
+import Button from './Button';
+import stockImage from '../static/images/Construction-pana.svg';
+
+const UnderConstruction = () => {
+ return (
+
+
+ Work illustrations by Storyset
+ We're working on this!
+ Sorry, our website is still under construction. You might be able to find what you are looking for here
+ Visit our Linktree
+
+ );
+};
+
+const UnderConstructionDiv = styled.div`
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
+ border-radius: 8px;
+ height: auto;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 36px;
+ text-align: center;
+`;
+
+const StyledLink = styled.a`
+ font-size: 8px;
+ color: #000000;
+ text-decoration: none;
+ margin-top: 24px;
+
+`;
+
+const Image = styled.img`
+ width: 250px;
+ height: auto;
+ margin: 0 0 24px 0;
+ @media ${(props) => props.theme.viewport.laptop} {
+ width: 500px;
+ }
+`;
+
+export default UnderConstruction;
\ No newline at end of file
diff --git a/src/pages/apply/Apply.tsx b/src/pages/apply/Apply.tsx
index 56a8cf0..563f468 100644
--- a/src/pages/apply/Apply.tsx
+++ b/src/pages/apply/Apply.tsx
@@ -1,17 +1,18 @@
import styled from 'styled-components';
import blueprintIcon from '../../static/images/blueprint.png';
import ApplicationText from './ApplyOptions';
+import UnderConstruction from '../../components/UnderConstruction';
const Apply = () => {
return (
-
+ {/*
blueprint
Come work with us!
-
+
-
+
I am:
{
linkText={'Learn more!'}
/>
-
+ */}
+
);
};
diff --git a/src/pages/teams/Teams.tsx b/src/pages/teams/Teams.tsx
index 37406d1..79a1b48 100644
--- a/src/pages/teams/Teams.tsx
+++ b/src/pages/teams/Teams.tsx
@@ -3,10 +3,11 @@ import { NewTitleBlock, ContentBlock } from '../../components';
import content from '../../static/json/teams';
import PersonCard from './PersonCard';
+import UnderConstruction from '../../components/UnderConstruction';
const Teams = () => (
- <>
-
+
+ {/*
<>
{content.teamsList.map((team, index) => (
@@ -17,10 +18,21 @@ const Teams = () => (
))}
-
-
+ */}
+
+
);
+const Container = styled.div`
+ margin: auto;
+ width: 80vw;
+ padding: 50px 0;
+
+ @media ${(props) => props.theme.viewport.laptop} {
+ width: 820px;
+ }
+`;
+
const TeamFlexBox = styled.div`
padding: 50px 0px;
display: flex;
diff --git a/src/static/images/Construction-pana.svg b/src/static/images/Construction-pana.svg
new file mode 100644
index 0000000..c0fae17
--- /dev/null
+++ b/src/static/images/Construction-pana.svg
@@ -0,0 +1 @@
+
\ No newline at end of file