Merge pull request #21 from mohitjoping/mohitjoping

UI Content update: Some bugs have been fixed.

.env.example

@@ -21,7 +21,7 @@ CLERK_SECRET_KEY="your clerk secret key"
 # Clerk Authentication and routes
 NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
 NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
-NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/home
-NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/home
+NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
+NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
 
 

src/app/(routes)/(home)/chat/chat.tsx

@@ -68,7 +68,7 @@ export function Chat() {
     setMessages(updatedMessages);
 
     try {
-      const response = await fetch("/api/route", {
+      const response = await fetch("/api/chat", {
         method: "POST",
         headers: {
           "Content-Type": "application/json",

src/app/(routes)/(landing)/faqAndtestimonials.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import Ribon from "./ribon1";
+
 import { People } from "../../../components/ui/people";
 import FAQ from "@/components/ui/faq";
 

src/app/(routes)/(landing)/how-it-works.tsx

@@ -10,9 +10,9 @@ import { FaPlayCircle } from "react-icons/fa";
 
 export function Bttn() {
   return (
-    <div className="py-40  flex items-center justify-center">
+    <div className="py-6  flex items-center justify-center">
       <Modal>
-        <ModalTrigger className="relative px-4 py-2 backdrop-blur-sm bg-gradient-to-r  from-blue-500/70 to-blue-400/50 text-white text-center rounded-full flex flex-row justify-center items-center gap-2 group/modal-btn">
+        <ModalTrigger className="relative min-h-12 px-4 py-2 backdrop-blur-sm bg-gradient-to-r  from-blue-500/70 to-blue-400/50 text-white text-center rounded-full flex flex-row justify-center items-center gap-2 group/modal-btn">
           <span className="flex flex-row gap-2">
             <FaPlayCircle className="h-6 w-6 text-white/80" /> How it works{" "}
           </span>

src/components/Footer.tsx

@@ -11,7 +11,7 @@ export function Footer() {
 
           {/* Logo or Site Name */}
           <div className="flex flex-col items-center md:items-start md:w-1/3 space-y-2">
-            <h2 className="font-extrabold text-2xl tracking-wider">GuruNimbus</h2>
+            <h2 className="font-extrabold text-2xl tracking-wider">Guru Nimbus</h2>
             <p className="text-gray-400">Your gateway to quality education</p>
             <p className="text-sm text-gray-500">Empowering learners everywhere</p>
           </div>
@@ -25,19 +25,17 @@ export function Footer() {
           {/* Social Media Icons */}
           <div className="flex flex-col items-center md:items-end md:w-1/3 space-y-4">
             <div className="flex space-x-4">
-              <a href="https://www.facebook.com" target="_blank" rel="noopener noreferrer" className="hover:text-blue-500">
-                <FaFacebook className="h-6 w-6" />
-              </a>
-              <a href="https://www.twitter.com" target="_blank" rel="noopener noreferrer" className="hover:text-blue-500">
+
+              <a href="https://x.com/mohitjoping" target="_blank" rel="noopener noreferrer" className="hover:text-blue-500">
                 <FaTwitter className="h-6 w-6" />
               </a>
-              <a href="mailto:example@gmail.com" className="hover:text-blue-500">
+              <a href="mailto:hellomohit21@gmail.com" className="hover:text-blue-500">
                 <FaEnvelope className="h-6 w-6" />
               </a>
-              <a href="https://www.youtube.com" target="_blank" rel="noopener noreferrer" className="hover:text-blue-500">
+              <a href="https://www.youtube.com/@mohitjoping" target="_blank" rel="noopener noreferrer" className="hover:text-blue-500">
                 <FaYoutube className="h-6 w-6" />
               </a>
-              <a href="https://www.github.com" target="_blank" rel="noopener noreferrer" className="hover:text-blue-500">
+              <a href="https://github.com/Suraj-kumar00/GuruNimbus.git" target="_blank" rel="noopener noreferrer" className="hover:text-blue-500">
                 <FaGithub className="h-6 w-6" />
               </a>
             </div>
@@ -50,7 +48,7 @@ export function Footer() {
         {/* Footer Bottom */}
         <div className="mt-8 border-t border-gray-700 pt-4">
           <p className="text-center text-gray-400 text-xs">
-            &copy; {new Date().getFullYear()} GuruNimbus. All rights reserved.
+            &copy; {new Date().getFullYear()} Guru Nimbus. All rights reserved.
           </p>
         </div>
       </div>

src/components/HeroSection.tsx

@@ -4,33 +4,29 @@ import React from "react";
 import Link from "next/link";
 import { BackgroundBeamsWithCollision } from "./ui/background-beam";
 import BubbleEffect from "./ui/bubble";
-import { FaPlayCircle } from "react-icons/fa";
 import { Bttn } from "@/app/(routes)/(landing)/how-it-works";
 
 export function HeroSection() {
   const [showBubbles, setShowBubbles] = useState(false);
 
   return (
-    <div className="w-full h-screen bg-black flex items-center justify-center">
+    <div className="w-full h-screen bg-black flex items-center justify-center ">
       <BackgroundBeamsWithCollision>
-
         <div className="relative z-10 w-full max-w-2xl mx-auto flex flex-col justify-center items-center text-center px-4 md:px-8">
-          <div className="flex flex-col justify-center items-center">
           <h2
             className="text-4xl md:text-5xl lg:text-8xl font-bold text-transparent bg-gradient-to-r from-[#006dff]/10 to-[#006dff] bg-clip-text drop-shadow-lg rounded-lg"
             style={{ WebkitTextStroke: "1px #006dff" }}
           >
             GuruNimbus
           </h2>
 
-          <p className="text-gray-300 max-w-lg  text-sm md:text-base">
+          <p className="text-gray-300 max-w-lg my-2 text-sm md:text-base">
             Building GuruNimbus, an advanced AI-powered RAG chatbot that
             intelligently guides you in rating and discovering the best
             professors.
           </p>
 
-          </div>
-          <div className="flex flex-col sm:flex-row items-center gap-4 mt-6">
+          <div className="flex flex-col sm:flex-row items-center gap-6 mt-16 h-10 ">
             <Link href={"/chat"}>
               <button
                 onMouseEnter={() => setShowBubbles(true)}

src/components/Navbar.tsx

@@ -6,6 +6,7 @@ import { FloatingNav } from "../components/ui/floating-navbar";
 import { FaHome, FaComments, FaGithub, FaBlog } from "react-icons/fa"; // Import Font Awesome icons
 import Link from "next/link";
 import { link } from "fs";
+import { User, UserRoundSearch } from "lucide-react";
 
 export function Navbar() {
   const [isOpen, setIsOpen] = useState(false);
@@ -26,12 +27,22 @@ export function Navbar() {
       link: "https://github.com/Suraj-kumar00/GuruNimbus",
       icon: <FaGithub className="h-4 w-4 text-white dark:text-white" />,
     },
-
+    {
+      name: "Professor's",
+      link: "/professor",
+      icon: <User />,
+    },
+    {
+      name: "Web scrape",
+      link: "/scrape",
+      icon: <UserRoundSearch />,
+    },
+
   ];
 
   return (
-    <div className=" w-full bg-black flex">
-        <div className='hidden md:flex bg-transparent flex-row gap-4'>
+    <div className=" w-[90vw] bg-black flex">
+        <div className='hidden md:flex bg-transparent flex-row'>
       <FloatingNav navItems={navItems} />
       </div>
       <div className='md:hidden bg-transparent'>

src/components/ui/accordion.tsx

@@ -14,7 +14,7 @@ const AccordionItem = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AccordionPrimitive.Item
     ref={ref}
-    className={cn("border-b", className)}
+    className={cn("border-b-[1px]", className)}
     {...props}
   />
 ))

src/components/ui/faq.tsx

@@ -12,34 +12,33 @@ export default function FAQ() {
 
     <Accordion type="single" collapsible className="w-full">
       <AccordionItem value="item-1">
-        <AccordionTrigger >Is it accessible?</AccordionTrigger>
+        <AccordionTrigger >What is 'GuruNimbus'?</AccordionTrigger>
         <AccordionContent>
-          Yes. It adheres to the WAI-ARIA design pattern.
+        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 >Is it accessible?</AccordionTrigger>
+        <AccordionTrigger >Can I submit my own review on "GuruNimbus"?</AccordionTrigger>
         <AccordionContent>
-          Yes. It adheres to the WAI-ARIA design pattern.
+        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">
-        <AccordionTrigger >Is it accessible?</AccordionTrigger>
+        <AccordionTrigger >How do you ensure the authenticity of reviews?</AccordionTrigger>
         <AccordionContent>
-          Yes. It adheres to the WAI-ARIA design pattern.
+        We use a combination of automated and manual moderation processes to review and verify submissions. This helps ensure that the feedback we publish is authentic and valuable.
         </AccordionContent>
       </AccordionItem>
       <AccordionItem value="item-2">
-        <AccordionTrigger>Is it styled?</AccordionTrigger>
+        <AccordionTrigger>How can I contact if I have an issue?</AccordionTrigger>
         <AccordionContent>
-          Yes. It comes with default styles that matches the other
-          components&apos; aesthetic.
+        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>Is it animated?</AccordionTrigger>
+        <AccordionTrigger>How can I contribute to GuruNimbus?</AccordionTrigger>
         <AccordionContent>
-          Yes. It's animated by default, but you can disable it if you prefer.
+        Well, thanks for taking time to contribute to "GuruNimbus", You can check our GitHub repository to read the guidlines to contribute.
         </AccordionContent>
       </AccordionItem>
     </Accordion>

src/components/ui/floating-navbar.tsx

@@ -62,7 +62,7 @@ export const FloatingNav = ({
           duration: 0.2,
         }}
         className={cn(
-          "flex justify-center max-w-fit fixed top-10 inset-x-0 mx-auto bg-transparent  z-[5000] pr-2 px-2 py-2  space-x-96",
+          "flex justify-center max-w-[75vw] fixed top-10 inset-x-0 mx-auto bg-transparent  z-[5000] pr-2  py-2  space-x-36",
           className
         )}
       >

src/components/ui/people.tsx

@@ -10,6 +10,14 @@ const people = [
     image:
       "/img.png",
   },
+
+  {
+    id: 2,
+    name: "Suraj Kumar",
+    designation: "DevOps Engineer",
+    image:
+      "/suraj.jpeg",
+  },
     {
     id: 3,
     name: "Kumari Anjali",
@@ -18,13 +26,6 @@ const people = [
       "/anjali.jpeg",
   },
 
-  {
-    id: 2,
-    name: "Suraj Kumar",
-    designation: "devops Engineer",
-    image:
-      "/suraj.jpeg",
-  },
 
 
 ];

src/middleware.ts

@@ -1,6 +1,6 @@
 import { clerkMiddleware, createRouteMatcher } from '@clerk/nextjs/server'
 
-const isProtectedRoute = createRouteMatcher(['/home(.*)'])
+const isProtectedRoute = createRouteMatcher(['/scrape(.*)','/professor(.*)','/chat(.*)'])
 
 export default clerkMiddleware((auth, req) => {
   if (isProtectedRoute(req)) auth().protect()