initial commit

Author: Shelly011s

Diff for: .gitignore

@@ -20,3 +20,7 @@ dist
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.yarn
+.yarnrc.yml
+example/.yarn

Diff for: example/src/App.js

@@ -6,8 +6,8 @@ import {
   ProgressBar,
   ComplexComponent,
   PortfolioHome,
-  TeamMembers
-
+  TeamMembers,
+  ContactUs
 
 
 } from 'dezenix-react'
@@ -20,6 +20,7 @@ import {members} from "./data/members.json"
 
 
 
+
 const App = () => {
   return (
     <HashRouter>
@@ -45,7 +46,7 @@ const App = () => {
         <Route path='/complex' element={<ComplexComponent />} />
         <Route path='/portfoliohome' element={<PortfolioHome pic={img1} />} />
         <Route path='/team' element={<TeamMembers img={user} members={members}  />} />
-       
+        <Route path='/contactus' element={<ContactUs />} />
       </Routes>
     </HashRouter>
   )

Diff for: example/src/components/Home.js

@@ -37,7 +37,9 @@ const Home = () => {
           <Link to='/team' className='component'>
             <h2>Team members</h2>
           </Link>
-         
+          <Link to='/contactus' className='component'>
+            <h2>Contact Us</h2>
+          </Link>
         </div>
       </div>
     </div>

Diff for: example/yarn.lock

@@ -61,5 +61,6 @@
   "dependencies": {
     "react-icons": "^4.3.1",
     "styled-components": "^5.3.3"
-  }
+  },
+  "packageManager": "[email protected]"
 }

Diff for: package-lock.json

@@ -5,3 +5,4 @@ export { default as ProgressBar } from './lib-components/progress_bar'
 export { default as ComplexComponent } from './lib-components/complexComponent'
 export { default as PortfolioHome } from './lib-components/portfolio_home'
 export { default as TeamMembers } from './lib-components/team_members'
+export { default as ContactUs} from './lib-components/contact_us'

Diff for: package.json

@@ -0,0 +1,56 @@
+import React from "react";
+import { FaPaperPlane } from "react-icons/fa";
+import styles from "./index.module.css";
+const ContactUs = () => {
+  return (
+    <div className={styles.contact}>
+      <h1 className={styles["section-header"]}>Contact Us</h1>
+
+      <div className={styles["contact-wrapper"]}>
+        <form
+          id={styles["contact-form"]}
+          className={styles["form-horizontal"]}
+          role="form"
+        >
+          <input
+            type="text"
+            id="name"
+            placeholder="NAME"
+            name="name"
+            required
+          />
+
+          <input
+            type="email"
+            id="email"
+            placeholder="EMAIL"
+            name="email"
+            required
+          />
+
+          <textarea
+            rows="10"
+            placeholder="MESSAGE"
+            name="message"
+            required
+          ></textarea>
+
+          <button
+            className={styles["send-button"]}
+            id="submit"
+            type="submit"
+            value="SEND"
+          >
+            <div className={styles["alt-send-button"]}>
+              <FaPaperPlane color= "#fff"/>
+
+              <span className={styles["send-text"]}>SEND</span>
+            </div>
+          </button>
+        </form>
+      </div>
+    </div>
+  );
+};
+
+export default ContactUs;