--fix: minor fixes | errror resolved

.babelrc

@@ -0,0 +1,4 @@
+{
+	"presets": ["next/babel"],
+	"plugins": [["styled-components", { "ssr": true }]]
+}

components/About.js

@@ -319,11 +319,7 @@ const About = () => {
 							>
 								<title>ReactJS</title>
 								<circle cx="0" cy="0" r="2.05" fill="#61dafb" />
-								<g
-									stroke="#61dafb"
-									stroke-width="1"
-									fill="none"
-								>
+								<g stroke="#61dafb" strokeWidth="1" fill="none">
 									<ellipse rx="11" ry="4.2" />
 									<ellipse
 										rx="11"
@@ -363,9 +359,9 @@ const About = () => {
 							>
 								<title>MongoDB</title>
 								<path
-									clip-rule="evenodd"
+									clipRule="evenodd"
 									fill="#4faa41"
-									fill-rule="evenodd"
+									fillRule="evenodd"
 									d="M 82.803 34.23 c -2.604 -8.108 -6.781 -15.284 -12.667 -21.459 c -1.488 -1.562 -3.142 -2.993 -4.18 -4.936 c -0.656 -1.23 -1.281 -2.477 -1.92 -3.715 l -0.406 -1.021 l -0.113 0.402 c -0.053 2.02 -1.197 3.389 -2.621 4.668 c -1.604 1.438 -3.096 3 -4.636 4.509 l -4.736 6.229 l -3.829 7.042 l -2.561 6.915 l -0.077 0.107 c -1.409 4.629 -2.104 9.389 -2.445 14.195 c -0.129 1.807 0.019 3.639 0.12 5.455 c 0.145 2.596 0.596 5.147 1.272 7.66 c 2.457 9.126 7.444 16.695 14.263 23.127 c 1.266 1.195 2.635 2.282 3.956 3.418 l 0.585 2.008 l 0.544 3.116 l 0.26 3.253 c -0.003 0.66 -0.03 1.323 0.009 1.981 c 0.011 0.169 0.231 0.325 0.355 0.487 l 1.104 0.388 l 1.149 0.447 l -0.197 -2.891 l -0.009 -2.848 l 0.397 -4.338 l 0.288 -0.944 l 0.825 -1.461 c 1.018 -0.818 2.109 -1.562 3.036 -2.473 c 1.677 -1.647 3.351 -3.317 4.852 -5.122 c 1.947 -2.341 3.623 -4.896 4.969 -7.636 c 0.899 -1.833 1.747 -3.703 2.448 -5.618 c 0.618 -1.688 1.001 -3.463 1.488 -5.2 l 0.128 -0.375 c 1.005 -4.688 1.174 -9.424 0.805 -14.19 c -0.297 -3.841 -1.2 -7.548 -2.456 -11.18 Z m -19.9 50.275 c 0.154 -0.771 0.345 -1.538 0.484 -2.312 c -0.139 0.774 -0.329 1.541 -0.484 2.312 Z m 3.417 0.532 l -0.646 -1.415 l 0.646 1.415 l 0.949 0.811 l -0.949 -0.811 Z M 106.474 102.964 c -0.826 -1.583 -2.038 -2.785 -3.64 -3.574 c -1.342 -0.66 -2.785 -0.95 -4.269 -0.992 c -1.112 -0.032 -2.228 0.025 -3.342 0.039 c -0.989 0.012 -1.979 0.029 -2.968 0.02 c -1.163 -0.012 -2.326 -0.047 -3.489 -0.08 c -0.193 -0.006 -0.33 0.033 -0.42 0.229 c -0.141 0.305 -0.308 0.599 -0.481 0.933 l 0.194 0.062 c 0.577 0.102 1.157 0.189 1.731 0.304 c 0.738 0.147 1.07 0.571 1.104 1.193 c 0.05 0.886 0.07 1.774 0.067 2.662 c -0.015 3.514 -0.04 7.028 -0.066 10.541 c -0.002 0.232 -0.006 0.474 -0.069 0.692 c -0.073 0.252 -0.152 0.578 -0.34 0.702 c -0.325 0.216 -0.728 0.362 -1.115 0.425 c -0.561 0.092 -0.655 0.117 -0.83 0.669 l -0.076 0.276 c -0.084 0.301 -0.039 0.36 0.275 0.363 c 1.802 0.02 3.603 0.059 5.404 0.053 c 1.643 -0.006 3.286 0.094 4.923 -0.215 c 1.547 -0.291 2.991 -0.801 4.309 -1.664 c 1.71 -1.121 2.94 -2.619 3.589 -4.574 c 0.524 -1.579 0.641 -3.19 0.463 -4.841 c -0.121 -1.139 -0.427 -2.212 -0.954 -3.223 Z m -3.157 9.661 c -0.964 1.794 -2.402 2.992 -4.457 3.308 c -1.287 0.197 -2.576 0.14 -3.803 -0.347 c -0.777 -0.308 -1.066 -0.979 -1.09 -1.772 c -0.023 -0.777 -0.032 -1.555 -0.033 -2.332 c -0.004 -2.734 -0.004 -5.468 0 -8.201 c 0.002 -0.861 0.017 -1.724 0.031 -2.586 c 0.01 -0.606 0.137 -0.809 0.728 -0.858 c 2.596 -0.218 5.073 0.062 7.13 1.889 c 1.272 1.13 1.996 2.571 2.297 4.226 c 0.125 0.69 0.163 1.396 0.241 2.096 c -0.063 1.598 -0.279 3.153 -1.044 4.577 Z M 125.106 109.664 c -0.512 -1.246 -1.482 -2.027 -2.701 -2.527 c -0.416 -0.171 -0.845 -0.312 -1.294 -0.478 l 0.157 -0.1 c 0.485 -0.311 1.025 -0.562 1.443 -0.945 c 1.016 -0.931 1.438 -2.102 1.24 -3.493 c -0.188 -1.323 -0.848 -2.294 -2.027 -2.924 c -1.07 -0.57 -2.224 -0.778 -3.418 -0.777 c -2.066 0.002 -4.133 0.033 -6.199 0.037 c -0.712 0.001 -1.424 -0.052 -2.136 -0.062 c -0.138 -0.002 -0.343 0.033 -0.402 0.125 c -0.163 0.25 -0.271 0.538 -0.387 0.816 c -0.067 0.162 -0.001 0.251 0.184 0.275 c 0.497 0.068 0.993 0.153 1.491 0.227 c 0.688 0.103 1.021 0.461 1.063 1.154 l 0.009 0.411 c 0.001 2.155 0.008 4.31 -0.001 6.465 c -0.011 2.151 -0.035 4.304 -0.061 6.456 c -0.003 0.271 -0.04 0.543 -0.079 0.812 c -0.059 0.406 -0.276 0.686 -0.692 0.774 l -1.177 0.232 c -0.139 0.028 -0.34 0.024 -0.397 0.11 c -0.216 0.323 -0.39 0.676 -0.366 1.102 l 0.121 0.033 l 3.953 0.097 l 0.793 -0.003 c 1.368 -0.016 2.738 0.011 4.104 -0.059 c 1.479 -0.074 2.868 -0.513 4.152 -1.268 c 1.367 -0.805 2.419 -1.866 2.793 -3.462 c 0.24 -1.019 0.241 -2.044 -0.166 -3.028 Z m -10.043 -9.181 c 0.006 -0.433 0.197 -0.621 0.627 -0.632 c 1.059 -0.029 2.111 -0.023 3.133 0.342 c 1.322 0.472 2.135 1.612 2.12 3.005 c -0.007 0.535 0.001 1.065 -0.196 1.579 c -0.389 1.012 -1.135 1.546 -2.193 1.65 c -0.552 0.056 -1.109 0.062 -1.601 0.088 l -1.642 -0.072 c -0.218 -0.008 -0.313 -0.104 -0.312 -0.328 l 0.064 -5.632 Z m 6.806 13.494 c -0.529 1.151 -1.493 1.756 -2.7 1.966 c -0.965 0.168 -1.938 0.119 -2.892 -0.127 c -0.706 -0.181 -0.994 -0.748 -1.135 -1.377 c -0.095 -0.421 -0.079 -0.922 -0.087 -1.36 c -0.013 -0.676 -0.003 -2.079 -0.003 -2.079 h -0.014 c 0 -1 0.003 -1.866 -0.003 -2.825 c -0.001 -0.207 0.034 -0.31 0.287 -0.302 c 0.898 0.027 1.799 0.042 2.697 0.077 c 0.803 0.031 1.555 0.269 2.262 0.65 c 1.076 0.58 1.724 1.468 1.902 2.688 c 0.136 0.925 0.078 1.835 -0.314 2.689 Z M 23.282 115.055 l 0.019 -5.437 c 0.003 -0.818 -0.101 -1.62 -0.369 -2.396 c -0.739 -2.137 -2.777 -3.11 -4.899 -2.343 c -0.965 0.349 -1.83 0.878 -2.656 1.478 c -0.481 0.35 -0.481 0.35 -0.829 -0.149 c -0.985 -1.412 -2.392 -1.895 -4.03 -1.374 c -1.059 0.336 -1.985 0.911 -2.862 1.579 c -0.082 0.062 -0.247 0.131 -0.296 0.094 c -0.082 -0.061 -0.139 -0.206 -0.137 -0.315 l 0.06 -0.966 c 0.005 -0.203 -0.034 -0.407 -0.054 -0.62 c -0.396 0.137 -0.712 0.274 -1.043 0.354 c -1.023 0.25 -2.053 0.48 -3.082 0.715 c -0.249 0.057 -0.512 0.132 -0.536 0.418 c -0.025 0.281 0.246 0.328 0.456 0.412 c 0.442 0.178 0.881 0.367 1.318 0.559 c 0.367 0.162 0.504 0.455 0.502 0.849 c -0.007 1.685 0.004 3.368 -0.006 5.053 c -0.004 0.685 -0.036 1.369 -0.067 2.054 c -0.028 0.607 -0.235 0.861 -0.823 1.014 c -0.312 0.082 -0.629 0.137 -0.943 0.211 c -0.069 0.016 -0.187 0.06 -0.188 0.094 c -0.013 0.297 -0.029 0.601 0.021 0.89 c 0.01 0.052 0.324 0.052 0.498 0.072 l 0.117 -0.007 c 1.212 -0.018 2.424 -0.037 3.637 -0.05 c 0.643 -0.007 1.285 -0.001 1.983 -0.001 l 0.075 -0.97 c -0.4 -0.073 -0.757 -0.128 -1.109 -0.205 c -0.549 -0.12 -0.783 -0.411 -0.797 -0.965 l -0.01 -0.793 c -0.006 -2.057 -0.014 -4.113 -0.014 -6.17 c 0 -0.299 0.124 -0.536 0.387 -0.715 c 0.557 -0.376 1.145 -0.675 1.796 -0.842 c 1.372 -0.351 2.562 0.137 3.09 1.304 c 0.167 0.368 0.298 0.775 0.335 1.175 c 0.194 2.062 0.11 4.126 -0.007 6.188 c -0.025 0.445 -0.234 0.669 -0.673 0.778 l -1.032 0.218 c -0.083 0.021 -0.204 -0.035 -0.21 0.034 c -0.023 0.285 -0.01 0.722 -0.01 0.722 h 0.246 l 3.142 0.103 c 0.861 -0.002 1.723 0.102 2.583 0.124 c 0.154 0.003 0.291 0.026 0.3 -0.152 c 0.014 -0.282 0.002 -0.547 -0.011 -0.829 l -0.164 -0.029 l -0.885 -0.199 c -0.597 -0.141 -0.803 -0.368 -0.805 -0.972 c -0.007 -1.489 0.013 -2.977 0 -4.465 c -0.007 -0.851 -0.04 -1.702 -0.095 -2.551 c -0.015 -0.226 0.02 -0.374 0.2 -0.501 c 0.53 -0.378 1.103 -0.669 1.732 -0.835 c 1.935 -0.51 3.519 0.551 3.619 2.546 c 0.098 1.924 0.057 3.855 0.042 5.783 c -0.005 0.671 -0.227 0.874 -0.888 1.054 l -0.228 0.059 c -0.677 0.162 -0.671 0.162 -0.631 0.881 c 0.013 0.225 0.075 0.283 0.315 0.277 c 1.379 -0.031 2.758 -0.039 4.137 -0.051 c 0.564 -0.005 1.128 0 1.742 0 l 0.125 -0.936 c -0.539 -0.143 -1.036 -0.249 -1.516 -0.406 c -0.424 -0.144 -0.574 -0.4 -0.572 -0.848 Z M 70.771 106.814 c 0.568 -0.527 0.572 -1.223 0.413 -1.996 c -0.45 0.471 -0.954 0.688 -1.529 0.729 c -0.771 0.055 -1.528 -0.012 -2.246 -0.319 c -1.942 -0.834 -3.854 -0.775 -5.76 0.14 c -1.603 0.768 -2.589 1.965 -2.688 3.78 c -0.063 1.163 0.155 2.264 0.931 3.189 c 0.465 0.554 1.062 0.913 1.735 1.161 c 0.29 0.107 0.312 0.245 0.069 0.43 c -0.178 0.137 -0.367 0.261 -0.557 0.38 c -0.406 0.255 -0.815 0.507 -1.226 0.754 c -0.241 0.146 -0.323 0.332 -0.244 0.617 c 0.231 0.838 0.826 1.322 1.57 1.675 l 0.271 0.189 l -0.237 0.237 c -0.729 0.591 -1.487 1.149 -2.185 1.776 c -0.586 0.527 -0.775 1.233 -0.598 2.012 c 0.357 1.555 1.388 2.517 2.851 2.959 c 2.557 0.774 4.958 0.33 7.147 -1.185 c 1.298 -0.899 2.229 -2.069 2.512 -3.679 c 0.317 -1.809 -0.688 -3.379 -2.487 -3.703 c -1.19 -0.216 -2.408 -0.278 -3.612 -0.416 c -0.562 -0.064 -1.132 -0.102 -1.679 -0.231 c -0.465 -0.11 -0.696 -0.489 -0.653 -0.859 c 0.043 -0.364 0.43 -0.703 0.873 -0.738 c 0.892 -0.072 1.766 -0.211 2.588 -0.587 c 2.178 -0.996 3.189 -2.74 2.936 -5.088 c -0.033 -0.316 -0.105 -0.628 -0.17 -0.996 c 0.697 0.117 1.41 0.294 1.975 -0.231 Z m -6.609 11.017 c 0.886 0.026 1.894 0.081 2.868 0.366 c 0.857 0.25 1.562 0.688 1.77 1.645 c 0.251 1.156 -0.305 2.306 -1.424 2.924 c -1.048 0.578 -2.186 0.626 -3.34 0.507 c -0.988 -0.102 -1.877 -0.444 -2.589 -1.174 c -0.938 -0.961 -0.943 -2.291 -0.004 -3.249 c 0.839 -0.856 1.288 -1.033 2.719 -1.019 Z m 2.217 -6.962 c -0.516 1.651 -2.018 1.879 -3.195 1.351 c -1.003 -0.449 -1.44 -1.333 -1.669 -2.342 c -0.089 -0.388 -0.11 -0.791 -0.162 -1.188 c 0.021 -0.569 0.115 -1.115 0.36 -1.627 c 0.751 -1.577 2.596 -1.483 3.617 -0.769 c 0.438 0.306 0.743 0.722 0.934 1.215 c 0.424 1.104 0.467 2.229 0.115 3.36 Z M 57.009 116.132 c -0.355 -0.057 -0.712 -0.131 -1.057 -0.236 c -0.608 -0.186 -0.682 -0.3 -0.689 -0.943 c -0.018 -1.792 -0.03 -3.584 -0.05 -5.375 c -0.01 -0.806 -0.106 -1.601 -0.353 -2.371 c -0.65 -2.03 -2.641 -3.12 -4.633 -2.521 c -1.104 0.333 -2.052 0.952 -2.935 1.679 l -0.322 0.247 l 0.001 -0.331 c 0.021 -0.381 0.062 -0.762 0.059 -1.143 c -0.002 -0.199 -0.078 -0.399 -0.115 -0.574 c -0.753 0.227 -1.428 0.455 -2.117 0.629 c -0.691 0.174 -1.396 0.292 -2.095 0.434 c -0.347 0.07 -0.602 0.28 -0.596 0.519 c 0.009 0.337 0.288 0.402 0.532 0.503 c 0.442 0.181 0.883 0.364 1.32 0.558 c 0.312 0.139 0.439 0.397 0.436 0.732 c -0.022 2.329 -0.036 4.659 -0.07 6.989 c -0.01 0.736 -0.196 0.93 -0.92 1.092 l -0.316 0.063 c -0.67 0.115 -0.689 0.142 -0.643 0.849 l 0.004 0.117 c -0.008 0.272 0.111 0.36 0.391 0.357 c 1.78 -0.021 3.561 -0.031 5.341 -0.024 c 0.763 0.003 0.845 -0.057 0.829 -0.841 l -0.036 -0.337 c -0.436 -0.073 -0.853 -0.126 -1.261 -0.216 c -0.427 -0.095 -0.58 -0.27 -0.62 -0.704 c -0.037 -0.397 -0.049 -0.8 -0.053 -1.2 c -0.02 -1.831 -0.036 -3.662 -0.045 -5.492 c -0.002 -0.461 0.083 -0.889 0.507 -1.186 c 0.643 -0.449 1.347 -0.709 2.125 -0.762 c 1.588 -0.109 2.795 0.832 2.881 2.415 c 0.106 1.953 0.074 3.913 0.099 5.87 c 0.002 0.146 -0.024 0.293 -0.044 0.438 c -0.038 0.286 -0.178 0.501 -0.468 0.575 c -0.283 0.074 -0.57 0.14 -0.859 0.184 c -0.431 0.064 -0.44 0.061 -0.473 0.496 l 0.011 0.293 c 0.051 0.506 0.052 0.491 0.564 0.486 c 1.722 -0.014 3.443 -0.023 5.164 -0.021 c 0.72 0.002 0.771 -0.032 0.777 -0.774 l -0.002 -0.176 c 0.011 -0.19 -0.074 -0.267 -0.269 -0.298 Z M 81.061 104.809 c -1.805 -0.441 -3.517 -0.113 -5.143 0.728 c -1.58 0.817 -2.636 2.08 -3.038 3.824 c -0.406 1.763 -0.212 3.483 0.567 5.12 c 0.507 1.063 1.287 1.885 2.349 2.419 c 2.486 1.252 5.527 0.684 7.477 -0.991 c 1.539 -1.321 2.104 -3.08 2.138 -5.257 c -0.021 -0.218 -0.042 -0.638 -0.1 -1.054 c -0.327 -2.37 -1.968 -4.231 -4.25 -4.789 Z m 1.367 9.155 c -0.479 1.886 -2.11 2.724 -3.95 2.076 c -0.939 -0.33 -1.641 -0.961 -2.113 -1.814 c -1.086 -1.96 -1.295 -4.044 -0.677 -6.182 c 0.412 -1.424 1.584 -2.203 2.978 -2.105 c 1.246 0.087 2.204 0.685 2.907 1.699 c 0.741 1.07 1.027 2.287 1.103 3.565 c 0.013 0.205 0.002 0.41 0.002 0.616 l 0.088 0.01 c -0.11 0.713 -0.162 1.44 -0.338 2.135 Z M 35.664 104.778 c -1.899 -0.434 -3.678 -0.005 -5.326 0.96 c -1.425 0.834 -2.346 2.08 -2.699 3.708 c -0.331 1.521 -0.196 3.016 0.343 4.473 c 0.328 0.888 0.825 1.669 1.554 2.278 c 1.535 1.281 3.329 1.605 5.238 1.248 c 1.616 -0.303 3.036 -1.021 4.068 -2.364 c 0.966 -1.256 1.334 -2.698 1.372 -4.261 c -0.057 -0.495 -0.071 -0.999 -0.176 -1.482 c -0.522 -2.411 -1.932 -4.003 -4.374 -4.56 Z m 1.549 9.18 c -0.463 1.876 -2.12 2.735 -3.947 2.087 c -1.173 -0.417 -1.937 -1.276 -2.42 -2.377 c -0.774 -1.769 -0.932 -3.61 -0.431 -5.476 c 0.384 -1.427 1.541 -2.478 3.312 -2.226 c 1.087 0.154 1.935 0.709 2.567 1.592 c 0.854 1.191 1.135 2.555 1.174 3.988 v 0.293 l 0.072 0.011 c -0.105 0.704 -0.157 1.42 -0.327 2.108 Z"
 								/>
 							</svg>
@@ -395,15 +391,15 @@ const About = () => {
 								xmlns="http://www.w3.org/2000/svg"
 							>
 								<title>Flutter</title>
-								<g fill="none" fill-rule="evenodd">
+								<g fill="none" fillRule="evenodd">
 									<path
 										d="m48.75 95.97-25.91-25.74 14.32-14.57 40.39 40.31z"
 										fill="#02539a"
 									/>
 									<g fill="#45d1fd">
 										<path
 											d="m22.52 70.25 25.68-25.68h28.87l-39.95 39.95z"
-											fill-opacity=".85"
+											fillOpacity=".85"
 										/>
 										<path d="m.29 47.85 14.58 14.57 62.2-62.2h-29.02z" />
 									</g>
@@ -427,12 +423,12 @@ const About = () => {
 										id="a"
 									>
 										<stop
-											stop-color="#455A64"
-											stop-opacity=".965"
+											stopColor="#455A64"
+											stopOpacity=".965"
 											offset="0%"
 										/>
 										<stop
-											stop-color="#2A253C"
+											stopColor="#2A253C"
 											offset="100%"
 										/>
 									</linearGradient>
@@ -444,13 +440,13 @@ const About = () => {
 										id="b"
 									>
 										<stop
-											stop-color="#FFF"
-											stop-opacity="0"
+											stopColor="#FFF"
+											stopOpacity="0"
 											offset="0%"
 										/>
 										<stop
-											stop-color="#FFF"
-											stop-opacity=".2"
+											stopColor="#FFF"
+											stopOpacity=".2"
 											offset="100%"
 										/>
 									</linearGradient>
@@ -464,7 +460,7 @@ const About = () => {
 										id="g"
 									/>
 								</defs>
-								<g fill="none" fill-rule="evenodd">
+								<g fill="none" fillRule="evenodd">
 									<g transform="translate(0 5)">
 										<circle
 											fill="url(#a)"
@@ -475,22 +471,22 @@ const About = () => {
 										<path
 											d="M131 337.759L212.759 256"
 											stroke="url(#b)"
-											stroke-width="15"
-											stroke-linecap="square"
+											strokeWidth="15"
+											strokeLinecap="square"
 											transform="rotate(-180 171.88 296.88)"
 										/>
 										<path
 											d="M109.488 312.512l81.759-81.759"
 											stroke="url(#b)"
-											stroke-width="22"
-											stroke-linecap="square"
+											strokeWidth="22"
+											strokeLinecap="square"
 											transform="rotate(-180 150.367 271.633)"
 										/>
 										<path
 											d="M53.488 337.512l81.759-81.759"
 											stroke="url(#b)"
-											stroke-width="35"
-											stroke-linecap="square"
+											strokeWidth="35"
+											strokeLinecap="square"
 											transform="rotate(-180 94.367 296.633)"
 										/>
 										<circle

components/Layout.js

@@ -1,24 +1,26 @@
 import Head from "next/head";
 import Navbar from "./Navbar";
+import Footer from "./Footer";
 
 const Layout = props => (
 	<div>
 		<Head>
 			<title>DSC KIET</title>
 			<link rel="shortcut icon" href="static/images/favicon.png" />
-			<link
+			{/* <link
 				rel="stylesheet"
 				href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
 				integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
 				crossorigin="anonymous"
-			/>
+			/> */}
 			<link
 				href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap"
 				rel="stylesheet"
 			></link>
 		</Head>
 		<Navbar />
 		<div>{props.children}</div>
+		<Footer />
 	</div>
 );
 

components/Navbar.js

@@ -12,7 +12,7 @@ const Nav = styled.nav`
 	font-family: Sen !important;
 `;
 
-const Navbar = ({ theme, toggleTheme }) => {
+const Navbar = () => {
 	return (
 		<Nav className="navbar navbar-expand-lg navbar-light">
 			<div className="container">
@@ -59,28 +59,13 @@ const Navbar = ({ theme, toggleTheme }) => {
 									to="/"
 									style={{ fontWeight: "600" }}
 									className="nav-link"
-									exact
-									activeClassName="active"
+									exact="true"
+									// activeClassName="active"
 								>
 									Home
 								</a>
 							</Link>
 						</li>
-						<li
-							className="nav-item m-1"
-							style={{ fontWeight: "600" }}
-						>
-							<Link href="/events">
-								<a
-									to="/events"
-									style={{ fontWeight: "600" }}
-									className="nav-link"
-									activeClassName="active"
-								>
-									Events
-								</a>
-							</Link>
-						</li>
 
 						<li
 							className="nav-item m-1"
@@ -91,7 +76,7 @@ const Navbar = ({ theme, toggleTheme }) => {
 									to="/about"
 									style={{ fontWeight: "600" }}
 									className="nav-link"
-									activeClassName="active"
+									// activeClassName="active"
 								>
 									About
 								</a>
@@ -107,7 +92,7 @@ const Navbar = ({ theme, toggleTheme }) => {
 									to="/team"
 									style={{ fontWeight: "600" }}
 									className="nav-link"
-									activeClassName="active"
+									// activeClassName="active"
 								>
 									Team
 								</a>
@@ -122,7 +107,7 @@ const Navbar = ({ theme, toggleTheme }) => {
 									to="/contact"
 									style={{ fontWeight: "600" }}
 									className="nav-link"
-									activeClassName="active"
+									// activeClassName="active"
 								>
 									Contact
 								</a>

package.json

@@ -13,6 +13,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "babel-plugin-styled-components": "^1.10.7",
     "bootstrap": "^4.5.0",
     "next": "^9.4.2",
     "react": "^16.13.1",

pages/_app.js

@@ -0,0 +1,5 @@
+import "bootstrap/dist/css/bootstrap.min.css";
+
+export default function MyApp({ Component, pageProps }) {
+	return <Component {...pageProps} />;
+}

pages/about.js

@@ -1,15 +1,10 @@
 import Layout from "../components/Layout";
+import AboutSection from "../components/About";
 
 const About = () => (
 	<Layout>
-		<div>
-			<h1>About us</h1>
-			<p>
-				Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nisi
-				alias saepe voluptatibus officiis corporis nihil ipsa fuga,
-				soluta, nesciunt expedita et fugiat! Rerum reiciendis at magnam,
-				molestiae earum hic fuga.
-			</p>
+		<div className="container">
+			<AboutSection />
 		</div>
 	</Layout>
 );

pages/index.js

@@ -12,7 +12,6 @@ const Index = props => (
 			<Notice />
 			<About />
 			<JoinSection />
-			<Footer />
 			{/* <Prices bpi={props.bpi} /> */}
 		</div>
 	</Layout>

yarn.lock

@@ -1340,7 +1340,7 @@ babel-plugin-dynamic-import-node@^2.3.3:
   dependencies:
     object.assign "^4.1.0"
 
-"babel-plugin-styled-components@>= 1":
+"babel-plugin-styled-components@>= 1", babel-plugin-styled-components@^1.10.7:
   version "1.10.7"
   resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.10.7.tgz#3494e77914e9989b33cc2d7b3b29527a949d635c"
   integrity sha512-MBMHGcIA22996n9hZRf/UJLVVgkEOITuR2SvjHLb5dSTUyR4ZRGn+ngITapes36FI3WLxZHfRhkA1ffHxihOrg==