Contact components

Author: realstoman

src/components/AppHeader.js

@@ -1,6 +1,6 @@
 import { Link } from 'react-router-dom';
 
-import logoLight from '../images/logo-light.svg';
+// import logoLight from '../images/logo-light.svg';
 import logoDark from '../images/logo-dark.svg';
 
 const AppHeader = () => {

src/components/ContactDetails.js

@@ -0,0 +1,9 @@
+const ContactDetails = () => {
+	return (
+		<div>
+			<h1>Contact details</h1>
+		</div>
+	);
+};
+
+export default ContactDetails;

src/components/ContactForm.js

@@ -0,0 +1,9 @@
+const ContactForm = () => {
+	return (
+		<div>
+			<h1>Contact form</h1>
+		</div>
+	);
+};
+
+export default ContactForm;

src/pages/Contact.js

@@ -1,8 +1,6 @@
 const Contact = () => {
 	return (
-		<div>
-			<h1>This is the contact page</h1>
-		</div>
+		<div className="container mx-auto sm:flex py-5 sm:py-10 mt-10 sm:mt-20"></div>
 	);
 };