updated footer for every page and changed its route

Author: saimadhav24

components/generator/array/arrayGenerator.js

@@ -19,6 +19,7 @@ import DownloadIcon from "@mui/icons-material/GetApp";
 import toast, { Toaster } from "react-hot-toast";
 
 import ArrayGeneratorFunc from "components/generator/array/arrayGeneratorFunc";
+import Footer from "@/pages/footer";
 
 const options = [
   "Negative Outputs",
@@ -376,6 +377,7 @@ const GenerateArray = () => {
           </StyledComponents.StyledCardContent>
         </StyledComponents.StyledCard>
       </Grid>
+      <Footer/>
     </StyledComponents.StyledGrid>
   );
 };

components/generator/binaryTreeGenerator.js

@@ -15,6 +15,7 @@ import FileCopyIcon from "@mui/icons-material/FileCopy";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import GenerateIcon from "@mui/icons-material/PlayArrow";
 import { styled } from "@mui/material/styles";
+import Footer from "@/pages/footer";
 
 const StyledCard = styled(Card)(({ theme }) => ({
   background: "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)",
@@ -275,6 +276,8 @@ const BinaryTreeGenerator = () => {
           </StyledCard>
         </Grid>
       </StyledGrid>
+      
+      <Footer/>
     </>
   );
 };

components/generator/graph/graphGenerator.js

@@ -18,6 +18,7 @@ import DownloadIcon from "@mui/icons-material/GetApp";
 import toast, { Toaster } from "react-hot-toast";
 
 import GraphGeneratorFunc from "components/generator/graph/graphGeneratorFunc.js";
+import Footer from "@/pages/footer";
 
 const options = [
   "Show Total Cases",
@@ -437,6 +438,7 @@ const GenerateGraph = () => {
           </StyledComponents.StyledCardContent>
         </StyledComponents.StyledCard>
       </Grid>
+      <Footer/>
     </StyledComponents.StyledGrid>
   );
 };

components/generator/integer/integerGenerator.js

@@ -8,7 +8,7 @@ import GenerateIcon from "@mui/icons-material/PlayArrow";
 import DownloadIcon from "@mui/icons-material/GetApp";
 
 import toast, { Toaster } from "react-hot-toast";
-
+import Footer from "@/pages/footer";
 import IntegerGeneratorFunc from "components/generator/integer/integerGeneratorFunc";
 
 const options = ["Show Total Cases"];
@@ -174,6 +174,7 @@ const GenerateInteger = () => {
           </StyledComponents.StyledCardContent>
         </StyledComponents.StyledCard>
       </Grid>
+      <Footer/>
     </StyledComponents.StyledGrid>
   );
 };

components/generator/linkedList/linkedListGenerator.js

@@ -1,5 +1,5 @@
 import { StyledComponents } from "components/style";
-
+import Footer from "@/pages/footer";
 import {
   Grid,
   Tooltip,
@@ -584,6 +584,7 @@ const GenerateLinkedList = () => {
                                 : "")
                             : "Empty List"}
                         </div>
+                        
                       ))
                     : null}
                 </StyledComponents.StyledTypography>
@@ -592,7 +593,10 @@ const GenerateLinkedList = () => {
           </StyledComponents.StyledCardContent>
         </StyledComponents.StyledCard>
       </Grid>
+      
+      <Footer/>
     </StyledComponents.StyledGrid>
+    
   );
 };
 

components/generator/matrixGenerator.js

@@ -21,6 +21,7 @@ import {
 import GenerateIcon from "@mui/icons-material/PlayArrow";
 // import DownloadIcon from "@mui/icons-material/GetApp";
 import { styled } from "@mui/material/styles";
+import Footer from "@/pages/footer";
 
 const StyledCard = styled(Card)(({ theme }) => ({
   background: "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)",
@@ -608,6 +609,7 @@ const GenerateMatrix = () => {
           </StyledCardContent>
         </StyledCard>
       </Grid>
+      <Footer/>
     </StyledGrid>
   );
 };

components/generator/palindrome/palindromeGenerator.js

@@ -18,6 +18,7 @@ import DownloadIcon from "@mui/icons-material/GetApp";
 import toast, { Toaster } from "react-hot-toast";
 
 import PalindromeGeneratorFunc from "components/generator/palindrome/palindromeGeneratorFunc.js";
+import Footer from "@/pages/footer";
 
 const options = ["Show Total Cases", "Show Length"];
 
@@ -331,6 +332,7 @@ const PalindromeGenerator = () => {
           </StyledComponents.StyledCardContent>
         </StyledComponents.StyledCard>
       </Grid>
+      <Footer/>
     </StyledComponents.StyledGrid>
   );
 };

components/generator/string/stringGenerator.js

@@ -19,6 +19,7 @@ import DownloadIcon from "@mui/icons-material/GetApp";
 import toast, { Toaster } from "react-hot-toast";
 
 import StringGeneratorFunc from "components/generator/string/stringGeneratorFunc";
+import Footer from "@/pages/footer";
 
 const options = [
   "Hide Length",
@@ -359,6 +360,7 @@ const GenerateString = () => {
           </StyledComponents.StyledCardContent>
         </StyledComponents.StyledCard>
       </Grid>
+      <Footer/>
     </StyledComponents.StyledGrid>
   );
 };

pages/_app.js

@@ -2,6 +2,6 @@ import '@/styles/globals.css'
 import Footer from './footer.js'
 export default function App({ Component, pageProps }) {
   return <>
-  <Component {...pageProps} /><Footer/>
+  <Component {...pageProps} /><br/><br/>
   </>
 }

pages/about.js

@@ -1,6 +1,6 @@
 import Link from 'next/link'
 import styles from "@/styles/Home.module.css";
-
+import Footer from './footer';
 export default function about() {
     return (
         <>
@@ -20,7 +20,7 @@ export default function about() {
                     </div>
                 </nav>
             </div>
-
+            <Footer/>
         </>
     )
 }