Updated the footer

client/src/App.jsx

@@ -43,6 +43,9 @@ import Admin from "./Pages/AdminPage/Admin";
 import Contact from "./Components/Contact";
 import PrivacyPolicy from "./Pages/PrivacyPolicy";
 import Licensing from "./Pages/Licensing";
+import TermsOfUse from "./Pages/TermsOfUse";
+import AboutUs from "./Pages/AboutUs";
+import OurTeam from "./Pages/OurTeam";
 
 function App() {
  // const token = cookies.get("TOKEN");
@@ -133,6 +136,9 @@ const locomotiveScroll = new LocomotiveScroll();
  <Route path="/Disscussion" element={<Disscussion />}></Route>
  <Route path="/privacypolicy" element={<PrivacyPolicy/>}/>
  <Route path="/licensing" element={<Licensing/>}/>
+ <Route path="/TermsOfUse" element={<TermsOfUse/>}/>
+ <Route path="/AboutUs" element={<AboutUs/>}/>
+ <Route path="/OurTeam" element={<OurTeam/>}/>
  <Route path="/SubDisscussion" element={<SubDisscussion />}></Route>
  <Route path="/Chart" element={<Charts />}></Route>
 

client/src/Components/Footer.jsx

@@ -1,14 +1,19 @@
-/** @format */
-
 import React from "react";
 import { Link } from "react-router-dom";
 
 export default function Footer() {
+ const scrollToTop = () => {
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+ };
+
  return (
- <footer class="bg-white shadow dark:bg-gray-900 ">
- <div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
- <div class="sm:flex sm:items-center sm:justify-between">
- <a href="/" className="flex items-center logo">
+ <footer className="bg-white shadow dark:bg-gray-900">
+ <div className="w-full max-w-screen-xl mx-auto p-4 md:py-8">
+ <div className="sm:flex sm:items-center sm:justify-between">
+  <Link to="/" className="flex items-center logo" onClick={scrollToTop}>
  <img
  src="https://cdn-icons-png.flaticon.com/512/3413/3413535.png"
  className="h-8 mr-3"
@@ -17,50 +22,57 @@ export default function Footer() {
  <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">
  ElectiveHub
  </span>
- </a>
- <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
+ </Link>
+ <ul className="flex flex-wrap items-center mb-6 text-sm font-medium text-black sm:mb-0 dark:text-black">
+ <li>
+ <Link to="/" className="mr-4 hover:underline md:mr-6" onClick={scrollToTop}>
+ Home
+ </Link>
+ </li>
  <li>
- <a href="/Contact" class="mr-4 hover:underline md:mr-6 ">
- About
- </a>
+ <Link to="/AboutUs" className="mr-4 hover:underline md:mr-6" onClick={scrollToTop}>
+ About Us
+ </Link>
  </li>
  <li>
- <a href="/privacypolicy" class="mr-4 hover:underline md:mr-6">
+ <Link to="/OurTeam" className="mr-4 hover:underline md:mr-6" onClick={scrollToTop}>
+ Our Team
+ </Link>
+ </li>
+ <li>
+ <Link to="/privacypolicy" className="mr-4 hover:underline md:mr-6" onClick={scrollToTop}>
  Privacy Policy
- </a>
+ </Link>
  </li>
  <li>
- <a href="/licensing" class="mr-4 hover:underline md:mr-6 ">
+ <Link to="/licensing" className="mr-4 hover:underline md:mr-6" onClick={scrollToTop}>
  Licensing
- </a>
+ </Link>
  </li>
  <li>
- <a href="/Contact" class="hover:underline">
- Contact
- </a>
+ <Link to="/TermsOfUse" className="mr-4 hover:underline md:mr-6" onClick={scrollToTop}>
+ Terms of Use
+ </Link>
  </li>
  <li>
- <a
- href="https://github.com/TechNodes2-0"
- className="hover:underline flex items-center mr-4 md:mr-6"
- >
- <img
- src="https://cdn-icons-png.flaticon.com/512/733/733553.png"
- className="h-6 ml-5 mr-4 md:mr-6"
- alt="GitHub Logo"
- />
- </a>
+ <Link to="/contact" className="hover:underline" onClick={scrollToTop}>
+ Contact Us
+ </Link>
  </li>
  </ul>
+ <div className="flex space-x-4 mt-6 sm:mt-0">
+ <a href="https://github.com/TechNodes2-0/ElectiveHub" target="_blank" rel="noopener noreferrer" className="text-gray-600 hover:text-gray-800">
+ <img
+ src="https://cdn-icons-png.flaticon.com/512/25/25231.png"
+ alt="GitHub"
+ className="h-6 w-6 transform transition-transform hover:scale-110"
+ />
+ </a>
+ </div>
+ </div>
+ <div className="mt-8 border-t border-gray-200 pt-8 text-center text-sm text-gray-500 dark:text-gray-400">
+ &copy; 2023 ElectiveHub. All rights reserved.
  </div>
- <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
- <span class="block text-sm text-gray-500 sm:text-center dark:text-gray-400" style={{paddingTop:'5%'}}>
- © {new Date().getFullYear()}{" "}
- <Link to="/" class="hover:underline">
- ElectiveHub™
- </Link>
- . All Rights Reserved.
- </span>
  </div>
  </footer>
  );

client/src/Pages/AboutUs.jsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import Navbar from '../Components/Navbar';
+
+const AboutUs = () => {
+ return (
+ <div className='bg-gray-900 text-white min-h-screen'>
+ <Navbar />
+ <div className='lg:w-3/4 w-full block m-auto'>
+ <div className='container mx-auto px-4 py-8'>
+ <h1 className='text-3xl font-bold mb-4 text-center'>About Us</h1>
+
+ <p className='mb-4'>
+ <strong>Welcome to ElectiveHub!</strong> Our mission is to revolutionize the way educational institutions manage student information and elective subject selection. We understand the challenges faced by students, teachers, and administrators, and have developed a comprehensive Education Management System to address these needs effectively.
+ </p>
+
+ <h2 className='text-2xl font-semibold mb-2'>Who We Are</h2>
+ <p className='mb-4'>
+ ElectiveHub is a cutting-edge Education Management System designed to simplify and enhance the management of student information and elective subject selection in educational institutions. We offer a suite of applications tailored for students, teachers, and administrators, providing a user-friendly platform that streamlines educational processes and promotes efficiency.
+ </p>
+
+ <h2 className='text-2xl font-semibold mb-2'>Our Mission</h2>
+ <p className='mb-4'>
+ Our mission is to empower educational institutions with innovative tools that facilitate seamless management of academic processes. By leveraging technology, we aim to enhance the educational experience for students, improve administrative efficiency, and support teachers in delivering quality education.
+ </p>
+
+ <h2 className='text-2xl font-semibold mb-2'>What We Offer</h2>
+ <p className='mb-4'>
+ ElectiveHub provides a comprehensive suite of applications, including:
+ </p>
+ <ul className='list-disc list-inside mb-4'>
+ <li>Student Information Management: Efficiently manage student records, enrollment, attendance, and performance data.</li>
+ <li>Elective Subject Selection: Simplify the process of selecting and managing elective subjects for students.</li>
+ <li>Teacher and Administrator Tools: Provide powerful tools for educators and administrators to manage their tasks and responsibilities effectively.</li>
+ <li>Communication and Collaboration: Facilitate communication between students, teachers, and administrators to enhance collaboration and support.</li>
+ <li>Analytics and Reporting: Generate detailed reports and analytics to gain insights into academic performance and institutional efficiency.</li>
+ </ul>
+
+ <h2 className='text-2xl font-semibold mb-2'>Why Choose ElectiveHub?</h2>
+ <p className='mb-4'>
+ At ElectiveHub, we are committed to delivering a high-quality education management solution that meets the evolving needs of educational institutions. Here are some reasons to choose us:
+ </p>
+ <ul className='list-disc list-inside mb-4'>
+ <li>User-Friendly Interface: Our platform is designed with a focus on ease of use, ensuring a smooth experience for all users.</li>
+ <li>Comprehensive Features: We offer a wide range of features that cover all aspects of education management.</li>
+ <li>Reliable Support: Our dedicated support team is always ready to assist you with any questions or issues.</li>
+ <li>Continuous Improvement: We continuously update and enhance our platform to incorporate the latest technological advancements and feedback from our users.</li>
+ <li>Secure and Scalable: We prioritize data security and provide a scalable solution that grows with your institution.</li>
+ </ul>
+
+ <h2 className='text-2xl font-semibold mb-2'>Contact Us</h2>
+ <p className='mb-4'>
+ If you have any questions or would like to learn more about ElectiveHub, please don't hesitate to contact us. We are here to help you make the most of our education management system.
+ </p>
+ <p>
+ Email us at <a href="mailto:[email protected]" className='text-blue-300'>[email protected]</a>
+ </p>
+ </div>
+ </div>
+ </div>
+ );
+}
+
+export default AboutUs;

client/src/Pages/OurTeam.jsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import Navbar from '../Components/Navbar';
+import yash from '../assets/yash.png';
+import nishit from '../assets/nishit.png';
+import vinayak from '../assets/vinayak.png';
+import jayesh from '../assets/jayesh.png';
+
+const teamData = [
+ {
+ name: 'Yash Suthar',
+ image: yash,
+ github: 'https://github.com/Yash636261',
+ },
+ {
+ name: 'Nishit Bariya',
+ image: nishit,
+ github: 'https://github.com/Nishitbaria',
+ },
+ {
+ name: 'Vinayak Vispute',
+ image: vinayak,
+ github: 'https://github.com/VinayakVispute',
+ },
+ {
+ name: 'Jayesh Yadav',
+ image: jayesh,
+ github: 'https://github.com/JayeshYadav99',
+ },
+];
+
+const OurTeam = () => {
+ return (
+ <div className='bg-gray-900 text-white min-h-screen'>
+ <Navbar />
+ <div className='lg:w-3/4 w-full block m-auto'>
+ <div className='container mx-auto px-4 py-8'>
+ <h1 className='text-3xl font-bold mb-8 text-center'>Our Team</h1>
+ <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8'>
+ {teamData.map((member, index) => (
+ <div key={index} className='text-center'>
+ <div className='relative w-40 h-40 m-auto mb-4'>
+ <img
+ src={member.image}
+ alt={member.name}
+ className='w-full h-full object-cover rounded-full'
+ />
+ </div>
+ <h2 className='text-xl font-semibold mb-2'>{member.name}</h2>
+ <a
+ href={member.github}
+ target='_blank'
+ rel='noopener noreferrer'
+ className='text-blue-300'
+ >
+ GitHub
+ </a>
+ </div>
+ ))}
+ </div>
+ </div>
+ </div>
+ </div>
+ );
+};
+
+export default OurTeam;