Contact us page

src/assets/css/main.css

@@ -886,7 +886,7 @@ p {
   background: linear-gradient(90deg, #6b1fcd 0%, #374ede 100%);
 }
 .appie-header-area.appie-header-page-area.appie-sticky.sticky {
-  background: #0a44b9;
+  background: #4687ba;
 }
 .appie-header-area.appie-header-7-area.appie-sticky.sticky {
   background: #290645;
@@ -7389,7 +7389,7 @@ blockquote cite {
 .contact-form input[type="submit"] {
   height: 50px;
   border-radius: 3px;
-  background: #2b70fa;
+  background: #4687ba;
   color: #fff;
   text-align: center;
   border: none;

src/components/Contact/Forms.js

@@ -9,20 +9,20 @@ function Forms() {
                         <div className="col-md-4">
                             <div className="contact--info-area">
                                 <h3>Get in touch</h3>
-                                <p>Looking for help? Fill the form and start a new adventure.</p>
+                                <p>Looking for help? Fill the form and start a new discussion.</p>
                                 <div className="single-info">
                                     <h5>Headquaters</h5>
                                     <p>
                                         <i className="fal fa-home"></i>
-                                        744 New York Ave, Brooklyn, Kings,
-                                        <br /> New York 10224
+                                        Cumberland Pkwy, Atlanta
+                                        <br /> GA 30339
                                     </p>
                                 </div>
                                 <div className="single-info">
                                     <h5>Phone</h5>
                                     <p>
                                         <i className="fal fa-phone"></i>
-                                        (+642) 245 356 432
+                                        (+) 404 855-7966
                                         <br />
                                         (+420) 336 476 328
                                     </p>
@@ -31,17 +31,16 @@ function Forms() {
                                     <h5>Support</h5>
                                     <p>
                                         <i className="fal fa-envelope"></i>
-                                        bisy@support.com
-                                        <br />
-                                        help@education.com
+                                        support@wrenchboard.com
+                                       
                                     </p>
                                 </div>
                                 <div className="ab-social">
                                     <h5>Follow Us</h5>
-                                    <a className="fac" href="#">
+                                    <a className="fac" href="https://www.facebook.com/wrenchboard">
                                         <i className="fab fa-facebook-f"></i>
                                     </a>
-                                    <a className="twi" href="#">
+                                    <a className="twi" href="https://www.twitter.com/wrenchboard/">
                                         <i className="fab fa-twitter"></i>
                                     </a>
                                     <a className="you" href="#">

src/components/Contact/index.js

@@ -14,10 +14,10 @@ function Contact() {
             <Drawer drawer={drawer} action={drawerAction.toggle} />
             <HeaderNews drawer={drawer} action={drawerAction.toggle} />
             <HeroNews
-                title="Blogs"
+                title="Contact us"
                 breadcrumb={[
                     { link: '/', title: 'home' },
-                    { link: '/news', title: 'Blogs' },
+                    { link: '/contact', title: 'Contact' },
                 ]}
             />
             <Forms />
@@ -28,3 +28,4 @@ function Contact() {
 }
 
 export default Contact;
+