✨ 🎉 social media icons added

.firebase/hosting.ZGlzdA.cache

@@ -1,6 +1,6 @@
 loadinsta.png,1698835191482,1b0e398bdc16eefd3569398b6361f3a68d2cc1134988462a7e6570884ac188d1
 load_insta.svg,1698834490521,679182ad65bf0799f7e2664401e4293c79f0e9146c8616b008ad0375555f1771
 vite.svg,1691066557720,59ec4b6085a0cb1bf712a5e48dd5f35b08e34830d49c2026c18241be04e05d5a
-index.html,1698867366842,548b8721f3991590fcdcedd6431e35b3f73b8924337d21aa41cba06ddd87c78b
-assets/index-46947951.css,1698867366842,01b3df855bba8acb4b5f5aa87320caa54cdfa7321ea2601ba2ff306ecba46562
-assets/index-3989c1ee.js,1698867366843,0212c8c5cc0aa6b32e4078d230f2dbf473d54d2161fcadd53b0f0d97acc6c1bf
+index.html,1698868073444,2345910b68ae6e1e37320ae7c184f7b0fd834b43c906e2bb9d08ca3e554e38ac
+assets/index-46947951.css,1698868073444,01b3df855bba8acb4b5f5aa87320caa54cdfa7321ea2601ba2ff306ecba46562
+assets/index-13dc91e6.js,1698868073445,c3277e19e3c7da0ebd62f68fea56817bf2c3ef0d5a1eec5ccbfac67e06576731

src/App.jsx

@@ -3,6 +3,8 @@ import Home from "./compnents/Home"
 import ErrorPage from "./compnents/ErrorPage"
 import Nav from "./compnents/Nav"
 import './App.css'
+import Footer from "./compnents/Footer"
+
 
 const App = () => {
   return (
@@ -14,6 +16,7 @@ const App = () => {
           <Route path="*" element={<ErrorPage />} />
         </Routes>
       </Router>
+      <Footer/>
     </>
   )
 }

src/compnents/Footer.jsx

@@ -0,0 +1,30 @@
+import { BsLinkedin, BsGithub, BsInstagram } from 'react-icons/bs'
+import '../styles/footer.scss'
+
+const Footer = () => {
+    return (
+        <>
+            <div className="footer_box">
+
+                <div className="about_me">
+                    Made with ❤️ by Rajdeep
+                </div>
+
+                <div className="icons">
+                    <a href="https://github.com/rajdeep010" target="_blank">
+                        <BsGithub className='icon' />
+                    </a>
+                    <a href="https://www.linkedin.com/in/rajdeep-mallick-6477381b4/" target="_blank">
+                        <BsLinkedin className='icon' />
+                    </a>
+                    <a href="https://www.instagram.com/rajdeepmallick010" target="_blank">
+                        <BsInstagram className='icon' />
+                    </a>
+                </div>
+
+            </div>
+        </>
+    )
+}
+
+export default Footer

src/compnents/Loader.jsx

@@ -3,7 +3,7 @@ import '../styles/loader.scss'
 
 const override = {
     display: "block",
-    margin: "4rem auto",
+    margin: "2rem auto",
     borderColor: "red",
 };
 

src/main.jsx

@@ -2,7 +2,6 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.jsx'
 
-
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
     <App />

src/styles/footer.scss

@@ -0,0 +1,24 @@
+.footer_box {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: #542bdd;
+    gap: 1rem;
+    padding: 0.5rem;
+
+    .about_me {
+        color: #fff;
+    }
+
+    .icons {
+        display: flex;
+        gap: 2rem;
+
+        a {
+            font-size: 1.5rem;
+            color: #fff;
+        }
+    }
+
+}

src/styles/nav.scss

@@ -23,7 +23,7 @@
 
     h1 {
         font-size: 2.3rem;
-        background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(173, 57, 155, 1) 0%, rgba(84, 43, 221, 1) 100%, rgba(255, 255, 255, 1) 100%);
+        background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(173, 57, 155, 1) 0%, #542bdd 100%, rgba(255, 255, 255, 1) 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;