Add project creation page

src/pages/AddProject/styles.ts

@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+
+type WrapperProps = {
+  color?: 'client' | 'productOwner' | 'developer' | 'admin';
+};
+
+export const Wrapper = styled.div<WrapperProps>`
+  .carousel-arrow {
+    background: none;
+    border: none;
+    align-self: center;
+    cursor: pointer;
+
+    svg {
+      stroke: ${({ theme, color }) => theme.colors[color || 'client'].main};
+    }
+  }
+`;

src/pages/index.tsx

@@ -18,6 +18,7 @@ import AddTemplate from './AddTemplate';
 import CategorySettings from './CategorySettings';
 import FeatureSettings from './FeatureSettings';
 import TemplateSettings from './TemplateSettings';
+import AddProject from './AddProject';
 
 export {
   Login,
@@ -40,4 +41,5 @@ export {
   CategorySettings,
   FeatureSettings,
   TemplateSettings,
+  AddProject,
 };