Update contact and about pages

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
     "githubPullRequests.ignoredPullRequestBranches": [
+        "master",
         "master"
     ]
 }

src/App.js

@@ -11,6 +11,8 @@ import Footer from './Components/Footer/Footer';
 import men_banner from './Components/Assets/banner_mens.png'
 import women_banner from './Components/Assets/banner_women.png'
 import kids_banner from './Components/Assets/banner_kids.png'
+import About from './Pages/About';
+import Contact from './Pages/Contact';
 
 function App() {
   return (
@@ -27,6 +29,8 @@ function App() {
         </Route>
         <Route path='/cart' element={<Cart/>} />
         <Route path='/login' element={<LoginSignup/>} />
+        <Route path='/about' element={<About/>} />
+        <Route path='/contact' element={<Contact/>} />
       </Routes>
       <Footer/>
       </BrowserRouter>

src/Components/Footer/Footer.jsx

@@ -17,8 +17,8 @@ const Footer = () => {
                 <li>Company</li>
                 <li>Products</li>
                 <li>Offices</li>
-                <li>About</li>
-                <li>Contact</li>
+                <li> <Link className="link" to='/about'>About</Link></li>
+                <li> <Link className="link" to='/contact'>Contact Us</Link></li>
             </ul>
             <div className="footer-social-icon">
                 <div className="footer-icons-container">

src/Pages/Contact.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import './CSS/Contact.css'
+
+const Contact = () => {
+  return (
+    <div className="container-my">
+      <h1 id="myheading">
+        Contact Us
+      </h1>
+      <p>
+      This is the official page of Shopnix, where you can share all your queries, feedback, complaints, or any concern you may have about our products.
+      </p>
+      <p>
+      In Case of any grievance, don't hesitate to get in touch with us on our official contact number xxxxxxxxxx. Or you can write to us at xyz@gmail.com.
+      </p>
+
+      </div>
+  );
+};
+
+export default Contact;