Modify Navbar

frontend/src/components/Navbar/Navbar.css

@@ -194,11 +194,19 @@
   }
 }
 .nav-link {
+  border-radius: 10px;
+  padding: 6px 9px;
+  border: 2px solid #6a6060;
   display: inline-block;
   text-decoration: none;
   position: relative;
   vertical-align: bottom;
 }
+.nav-link:hover{
+  background-color: #039aff;
+  color: black;
+  border: 2px solid black;
+}
 
 .nav-link::after {
   content: '';

frontend/src/pages/Contributor/ContributorsPage.jsx

@@ -1,239 +1,3 @@
-import React, { useEffect, useState } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
-
-const ContributorCard = ({ login, avatar_url, html_url, contributions, type: initialType }) => {
-  const [type, setType] = useState(initialType);
-
-  useEffect(() => {
-    if (login === 'skmirajulislam') {
-      setType('Admin');
-    } else {
-      setType(initialType);
-    }
-  }, [login, initialType]);
-
-  return (
-    <motion.div
-    whileHover={{ y: -5, boxShadow: '0 10px 30px -15px rgba(0, 0, 0, 0.3)' }}
-    transition={{ type: 'spring', stiffness: 300 }}
-    className="overflow-hidden bg-white rounded-lg shadow-lg"
-  >
-    <div className="p-6 text-center">
-      <img src={avatar_url} alt={login} className="w-24 h-24 mx-auto mb-4 border-4 border-blue-500 rounded-full" />
-      <h3 className="text-xl font-bold text-gray-800">{login}</h3>
-      <p className="mb-2 text-sm text-blue-600">{type}</p>
-      <div className="inline-block px-4 py-2 mt-4 bg-blue-100 rounded-full">
-        <span className="font-semibold text-blue-800">{contributions} contributions</span>
-      </div>
-    </div>
-    <div className="flex items-center justify-between px-6 py-3 bg-gray-100">
-      <a 
-        href={html_url} 
-        target="_blank" 
-        rel="noopener noreferrer" 
-        className="flex items-center text-blue-600 transition-colors hover:text-blue-800"
-      >
-        <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
-          <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" />
-          <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" />
-        </svg>
-        View Profile
-      </a>
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-gray-600">
-        <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
-      </svg>
-    </div>
-  </motion.div>
-  )
-};
-
-
-const StatCard = ({ label, value, icon }) => (
-  <motion.div 
-    initial={{ opacity: 0, y: 20 }}
-    animate={{ opacity: 1, y: 0 }}
-    transition={{ duration: 0.5 }}
-    className="flex items-center p-6 bg-white rounded-lg shadow-lg"
-  >
-    <div className="p-3 mr-4 bg-blue-100 rounded-full">
-      {icon}
-    </div>
-    <div>
-      <h3 className="text-3xl font-bold text-gray-800">{value}</h3>
-      <p className="text-gray-600">{label}</p>
-    </div>
-  </motion.div>
-);
-
-const ContributorsPage = () => {
-  const [contributors, setContributors] = useState([]);
-  const [repoStats, setRepoStats] = useState({});
-  const [loading, setLoading] = useState(true);
-  const [email, setEmail] = useState('');
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const contributorsResponse = await fetch('https://api.github.com/repos/Vin205/Enyanjyoti/contributors');
-        const contributorsData = await contributorsResponse.json();
-        setContributors(contributorsData);
-
-        const repoResponse = await fetch('https://api.github.com/repos/Vin205/Enyanjyoti');
-        const repoData = await repoResponse.json();
-        setRepoStats({
-          stars: repoData.stargazers_count,
-          forks: repoData.forks_count,
-          openIssues: repoData.open_issues_count,
-        });
-      } catch (error) {
-        console.error('Error fetching data:', error);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, []);
-
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    console.log('Submitted email:', email);
-    setEmail('');
-  };
-
-  return (
-    <>
-    <div className="min-h-screen bg-gray-50">
-      {/* Hero Section */}
-      <section className="relative flex items-center justify-center text-center bg-gradient-to-r from-blue-600 to-purple-600" style={{ height: "90vh" }}>
-        <div className="absolute inset-0 bg-black opacity-50" />
-        <div className="relative z-10 max-w-4xl px-4 mx-auto space-y-6">
-          <motion.h1 
-            className="text-5xl font-bold text-white sm:text-6xl md:text-7xl"
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.8 }}
-          >
-            Our Amazing Contributors
-          </motion.h1>
-          <motion.p 
-            className="text-xl text-blue-200 sm:text-2xl"
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.8, delay: 0.2 }}
-          >
-            Shaping the future of Enyanjyoti, one commit at a time
-          </motion.p>
-          <motion.div
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.8, delay: 0.4 }}
-          >
-            <a 
-              href="#contribute" 
-              className="inline-block px-8 py-4 mt-8 font-bold text-blue-600 transition duration-300 ease-in-out bg-white rounded-full shadow-lg hover:bg-blue-100"
-            >
-              Become a Contributor
-            </a>
-          </motion.div>
-        </div>
-      </section>
-
-      {/* Stats Section */}
-      <section className="px-4 py-16 bg-white sm:px-6 lg:px-8">
-        <div className="mx-auto max-w-7xl">
-          <h2 className="mb-12 text-3xl font-bold text-center text-gray-900">Project Statistics</h2>
-          <div className="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4">
-            <StatCard 
-              label="Contributors" 
-              value={contributors.length} 
-              icon={<svg xmlns="http://www.w3.org/2000/svg" className="w-8 h-8 text-blue-500" viewBox="0 0 20 20" fill="currentColor">
-                <path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" />
-              </svg>}
-            />
-            <StatCard 
-              label="Total Contributions" 
-              value={contributors.reduce((sum, contributor) => sum + contributor.contributions, 0)} 
-              icon={<svg xmlns="http://www.w3.org/2000/svg" className="w-8 h-8 text-blue-500" viewBox="0 0 20 20" fill="currentColor">
-                <path fillRule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clipRule="evenodd" />
-              </svg>}
-            />
-            <StatCard 
-              label="GitHub Stars" 
-              value={repoStats.stars || 0} 
-              icon={<svg xmlns="http://www.w3.org/2000/svg" className="w-8 h-8 text-blue-500" viewBox="0 0 20 20" fill="currentColor">
-                <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
-              </svg>}
-            />
-            <StatCard 
-              label="Forks" 
-              value={repoStats.forks || 0} 
-              icon={<svg xmlns="http://www.w3.org/2000/svg" className="w-8 h-8 text-blue-500" viewBox="0 0 20 20" fill="currentColor">
-                <path fillRule="evenodd" d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clipRule="evenodd" />
-              </svg>}
-            />
-          </div>
-        </div>
-      </section>
-
-      {/* Contributors Grid */}
-      <section className="px-4 py-16 bg-gray-100 sm:px-6 lg:px-8">
-        <div className="mx-auto max-w-7xl">
-          <h2 className="mb-12 text-4xl font-bold text-center text-gray-900">Meet Our Contributors</h2>
-          <AnimatePresence>
-            {loading ? (
-              <motion.div
-                initial={{ opacity: 0 }}
-                animate={{ opacity: 1 }}
-                exit={{ opacity: 0 }}
-                className="flex items-center justify-center h-64"
-              >
-                <div className="w-32 h-32 border-t-2 border-b-2 border-blue-500 rounded-full animate-spin"></div>
-              </motion.div>
-            ) : (
-              <motion.div
-                initial={{ opacity: 0 }}
-                animate={{ opacity: 1 }}
-                exit={{ opacity: 0 }}
-                className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
-              >
-                {contributors.map((contributor) => (
-                  <ContributorCard key={contributor.id} {...contributor} />
-                ))}
-              </motion.div>
-            )}
-          </AnimatePresence>
-        </div>
-      </section>
-
-      {/* Call to Action */}
-      <section id="contribute" className="px-4 py-16 text-white bg-blue-600 sm:px-6 lg:px-8">
-        <div className="max-w-4xl mx-auto text-center">
-          <h2 className="mb-8 text-4xl font-bold">Join Our Contributors</h2>
-          <p className="mb-6 text-lg">
-            Be a part of something great! Whether you're fixing bugs, adding features, or creating new ideas, your contributions matter.
-          </p>
-          <form onSubmit={handleSubmit} className="flex flex-col items-center justify-center space-y-4">
-            <input
-              type="email"
-              value={email}
-              onChange={(e) => setEmail(e.target.value)}
-              placeholder="Enter your email"
-              className="w-full max-w-md px-4 py-2 text-gray-800 border border-gray-300 rounded-lg focus:ring focus:ring-blue-500"
-              required
-            />
-            <button
-              type="submit"
-              className="inline-block px-8 py-4 font-bold text-blue-600 transition duration-300 ease-in-out bg-white rounded-full shadow-lg hover:bg-blue-100"
-            >
-              Submit Email
-            </button>
-          </form>
-        </div>
-      </section>
-    </div>
-    </>
-  );
-}
-
-export default ContributorsPage;
+version https://git-lfs.github.com/spec/v1
+oid sha256:4816026ca73fee7339c01c0bff28d36d566e2fe1aa565101ea5eef5c3aaaad13
+size 10710

frontend/src/pages/Home/Faqs.jsx

@@ -1,82 +1,3 @@
-import React, { useState } from "react";
-import "./Faqs.css";
-import { Link } from "react-router-dom";
-
-export default function Faqs() {
-  const [activeIndex, setActiveIndex] = useState(null);
-
-  const faqs = [
-    {
-      question: "What is the platform all about?",
-      answer: (
-        <span>
-          Our platform offers a wide range of courses, career advice, and
-          information about loans and grants to help you succeed. For more
-          details, visit our{" "}
-          <Link to="/about" className="faq-link">
-            About Us
-          </Link>{" "}
-          page.
-        </span>
-      ),
-    },
-    {
-      question: "How can I sign up for a course?",
-      answer: (
-        <span>
-          To sign up, click on the{" "}
-          <Link to="/signup" className="faq-link">
-            Sign Up
-          </Link>{" "}
-          button at the top of the page, create an account, and explore
-          available courses.
-        </span>
-      ),
-    },
-    {
-      question: "What are the benefits of enrolling?",
-      answer:
-        "By enrolling, you gain access to exclusive learning materials, career guidance, and personalized support.",
-    },
-    {
-      question: "How do I apply for loans and grants?",
-      answer: (
-        <span>
-          Visit the{" "}
-          <Link to="/loan" className="faq-link">
-            Loans and Grants
-          </Link>{" "}
-          section of our platform for a detailed guide on how to apply easily.
-        </span>
-      ),
-    },
-  ];
-
-  const toggleAnswer = (index) => {
-    setActiveIndex(activeIndex === index ? null : index);
-  };
-
-  return (
-    <div className="faqs-container">
-      <h1 className="faqs-title">FAQs</h1>
-      <div className="faqs-list">
-        {faqs.map((faq, index) => (
-          <div
-            key={index}
-            className="faq-item"
-            onMouseEnter={() => setActiveIndex(index)}
-            onMouseLeave={() => setActiveIndex(null)}
-          >
-            <div className="faq-question" onClick={() => toggleAnswer(index)}>
-              <h3>{faq.question}</h3>
-              <span>{activeIndex === index ? "-" : "+"}</span>
-            </div>
-            {activeIndex === index && (
-              <p className="faq-answer">{faq.answer}</p>
-            )}
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
+version https://git-lfs.github.com/spec/v1
+oid sha256:986bea77dcc842e1d2e4c3491637d478262823c7e4207695d52e9fda05581f1d
+size 2339