I noticed that the general theme, top bar & bottom bar, and the middle body is usually the same through the two links, I recommend refactoring the styles into classes and have a custom Layout where it can be called and the white middle body will be the same. You would do this through react, exporting an custom component through a file like layout.js. No need for tailwindcss classes here.
This will make the code more readable and allows for reusablity of previously written code.
Low prioirity. As for we can just copy and paste the front page code to second page and then modify as we please. But this would be a useful task to learn react classes etc.
I noticed that the general theme, top bar & bottom bar, and the middle body is usually the same through the two links, I recommend refactoring the styles into classes and have a custom Layout where it can be called and the white middle body will be the same. You would do this through react, exporting an custom component through a file like
layout.js. No need for tailwindcss classes here.This will make the code more readable and allows for reusablity of previously written code. Low prioirity. As for we can just copy and paste the front page code to second page and then modify as we please. But this would be a useful task to learn react classes etc.