Merge pull request #23 from mohitjoping/mohitjoping

Error fixed

src/components/Professor.tsx

@@ -4,9 +4,11 @@
 import React, { useState, useEffect, ChangeEvent } from 'react';
 import { FaSearch, FaStar } from 'react-icons/fa';
 import { HoverEffect } from '../components/ui/card-hover-effect';
+import { Navbar } from './Navbar';
 
 interface Professor {
   professor: string;
+  title:string;
   subject: string;
   review: string;
   star: number;
@@ -49,30 +51,29 @@ export function Professor() {
   }
 
   return (
-    <div className="min-h-screen bg-black flex flex-col items-center pt-10">
+    <><Navbar /><div className="min-h-screen bg-black flex flex-col items-center pt-10">
       {/* Search Bar */}
       <div className="w-full flex justify-center mb-8 ">
         <div className="relative">
           <input
             type="text"
-            placeholder="Search Professors"
-            className="rounded-full p-3 text-white w-80 shadow-lg bg-slate-700 border-2 border-blue-500 shadow-xl "  // searchbar color 
+            placeholder="Search Professors..."
+            className="rounded-full min-w-[40vw] pl-14 p-3 my-10 mt-16 text-white/80 w-80 shadow-lg  border-[1px] border-blue-500 bg-transparent focus:outline-none" // searchbar color 
             value={searchQuery}
-            onChange={handleSearchChange}
-          />
-          <button className="absolute right-2 top-1/2 transform -translate-y-1/2 p-2 bg-slate-700 rounded-full shadow-lg">
-            <FaSearch className="w-4 h-4 text-slate-100" />
+            onChange={handleSearchChange} />
+          <button className="absolute left-3 top-[11vh] transform -translate-y-1/2 p-2 bg-transparent rounded-full shadow-lg">
+            <FaSearch className="w-6 h-6 text-blue-500/80 text-sm" />
           </button>
         </div>
       </div>
 
       {/* Professors Grid with HoverEffect */}
-      <div className="max-w-5xl mx-auto px-8">
+      <div className="max-w-5xl mx-auto px-8 ">
         <HoverEffect
           items={filteredProfessors.map(prof => ({
             title: ` ${prof.professor}`,
             description: (
-              <div className="text-white">
+              <div className="">
                 <p>Subject: {prof.subject}</p>
                 <p>Review: {prof.review}</p>
                 <div className="flex items-center mt-2">
@@ -87,11 +88,10 @@ export function Professor() {
               </div>
             ),
             link: 'https://via.placeholder.com/150', // Placeholder image, replace with actual link if available
-            img: 'https://via.placeholder.com/150',  // Placeholder image, replace with actual image if available
-          }))}
-        />
+            img: 'https://via.placeholder.com/150', // Placeholder image, replace with actual image if available
+          }))} />
       </div>
-    </div>
+    </div></>
   );
 }
 

src/components/ui/card-hover-effect.tsx

@@ -9,7 +9,7 @@ export const HoverEffect = ({
 }: {
   items: {
     title: string;
-    description: string;
+    description: React.ReactNode; 
     link: string;
   }[];
   className?: string;

src/components/ui/faq.tsx

@@ -12,15 +12,15 @@ export default function FAQ() {
 
     <Accordion type="single" collapsible className="w-full">
       <AccordionItem value="item-1">
-        <AccordionTrigger >What is 'GuruNimbus'?</AccordionTrigger>
+        <AccordionTrigger >What is GuruNimbus?</AccordionTrigger>
         <AccordionContent>
-        GuruNimbus" is a web app that uses Next.js, OpenAI, and Pinecone to deliver personalized professor and mentor insights. It goes beyond conventional rating systems by leveraging AI to offer detailed evaluations, helping students make informed decisions about their courses and instructors.
+        GuruNimbus is a web app that uses Next.js, OpenAI, and Pinecone to deliver personalized professor and mentor insights. It goes beyond conventional rating systems by leveraging AI to offer detailed evaluations, helping students make informed decisions about their courses and instructors.
         </AccordionContent>
       </AccordionItem>
       <AccordionItem value="item-4">
-        <AccordionTrigger >Can I submit my own review on "GuruNimbus"?</AccordionTrigger>
+        <AccordionTrigger >Can I submit my own review on GuruNimbus?</AccordionTrigger>
         <AccordionContent>
-        GuruNimbus" does not accept user-submitted reviews. Instead, the platform uses RAG to provide feedback based on a curated list of reviews already in our pincone database.
+        GuruNimbus does not accept user-submitted reviews. Instead, the platform uses RAG to provide feedback based on a curated list of reviews already in our pincone database.
         </AccordionContent>
       </AccordionItem>
       <AccordionItem value="item-5">
@@ -32,13 +32,13 @@ export default function FAQ() {
       <AccordionItem value="item-2">
         <AccordionTrigger>How can I contact if I have an issue?</AccordionTrigger>
         <AccordionContent>
-        If you have any issues or questions, please use the "Contact Us" section on the site. Fill out the contact form, and our support team will get back to you as soon as possible.
+        If you have any issues or questions, please use the Contact Us section on the site. Fill out the contact form, and our support team will get back to you as soon as possible.
         </AccordionContent>
       </AccordionItem>
       <AccordionItem value="item-3">
         <AccordionTrigger>How can I contribute to GuruNimbus?</AccordionTrigger>
         <AccordionContent>
-        Well, thanks for taking time to contribute to "GuruNimbus", You can check our GitHub repository to read the guidlines to contribute.
+        Well, thanks for taking time to contribute to GuruNimbus, You can check our GitHub repository to read the guidlines to contribute.
         </AccordionContent>
       </AccordionItem>
     </Accordion>