diff --git a/.env.example b/.env.example
index 52d2ad3..ca7f248 100644
--- a/.env.example
+++ b/.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=/
 
 
diff --git a/src/app/(routes)/(home)/chat/chat.tsx b/src/app/(routes)/(home)/chat/chat.tsx
index 179a73e..824f385 100644
--- a/src/app/(routes)/(home)/chat/chat.tsx
+++ b/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",
diff --git a/src/app/(routes)/(landing)/faqAndtestimonials.tsx b/src/app/(routes)/(landing)/faqAndtestimonials.tsx
index e08a0ce..0e11056 100644
--- a/src/app/(routes)/(landing)/faqAndtestimonials.tsx
+++ b/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";
 
diff --git a/src/app/(routes)/(landing)/how-it-works.tsx b/src/app/(routes)/(landing)/how-it-works.tsx
index 2285edf..2dfee5d 100644
--- a/src/app/(routes)/(landing)/how-it-works.tsx
+++ b/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>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index d76f16d..74cf776 100644
--- a/src/components/Footer.tsx
+++ b/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>
diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 5061839..77ff2c4 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -4,18 +4,15 @@ 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" }}
@@ -23,14 +20,13 @@ export function HeroSection() {
             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)}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 830100d..94d87d4 100644
--- a/src/components/Navbar.tsx
+++ b/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'>
diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx
index 24c788c..6021b7e 100644
--- a/src/components/ui/accordion.tsx
+++ b/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}
   />
 ))
diff --git a/src/components/ui/faq.tsx b/src/components/ui/faq.tsx
index 6f65830..f4b6b9b 100644
--- a/src/components/ui/faq.tsx
+++ b/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>
diff --git a/src/components/ui/floating-navbar.tsx b/src/components/ui/floating-navbar.tsx
index dcd246a..1fa94ff 100644
--- a/src/components/ui/floating-navbar.tsx
+++ b/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
         )}
       >
diff --git a/src/components/ui/navbar-menu.tsx b/src/components/ui/navbar-menu.tsx
deleted file mode 100644
index 997e2c4..0000000
--- a/src/components/ui/navbar-menu.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-"use client";
-import React from "react";
-import { motion } from "framer-motion";
-import Link from "next/link";
-import Image from "next/image";
-
-const transition = {
-  type: "spring",
-  mass: 0.5,
-  damping: 11.5,
-  stiffness: 100,
-  restDelta: 0.001,
-  restSpeed: 0.001,
-};
-
-export const MenuItem = ({
-  setActive,
-  active,
-  item,
-  children,
-}: {
-  setActive: (item: string) => void;
-  active: string | null;
-  item: string;
-  children?: React.ReactNode;
-}) => {
-  return (
-    <div onMouseEnter={() => setActive(item)} className="relative ">
-      <motion.p
-        transition={{ duration: 0.3 }}
-        className="cursor-pointer text-black hover:opacity-[0.9] dark:text-white"
-      >
-        {item}
-      </motion.p>
-      {active !== null && (
-        <motion.div
-          initial={{ opacity: 0, scale: 0.85, y: 10 }}
-          animate={{ opacity: 1, scale: 1, y: 0 }}
-          transition={transition}
-        >
-          {active === item && (
-            <div className="absolute top-[calc(100%_+_1.2rem)] left-1/2 transform -translate-x-1/2 pt-4">
-              <motion.div
-                transition={transition}
-                layoutId="active" // layoutId ensures smooth animation
-                className="bg-white dark:bg-black backdrop-blur-sm rounded-2xl overflow-hidden border border-black/[0.2] dark:border-white/[0.2] shadow-xl"
-              >
-                <motion.div
-                  layout // layout ensures smooth animation
-                  className="w-max h-full p-4"
-                >
-                  {children}
-                </motion.div>
-              </motion.div>
-            </div>
-          )}
-        </motion.div>
-      )}
-    </div>
-  );
-};
-
-export const Menu = ({
-  setActive,
-  children,
-}: {
-  setActive: (item: string | null) => void;
-  children: React.ReactNode;
-}) => {
-  return (
-    <nav
-      onMouseLeave={() => setActive(null)} // resets the state
-      className="relative rounded-full border border-transparent dark:bg-black dark:border-white/[0.2] bg-white shadow-input flex justify-center space-x-4 px-8 py-6 "
-    >
-      {children}
-    </nav>
-  );
-};
-
-export const ProductItem = ({
-  title,
-  description,
-  href,
-  src,
-}: {
-  title: string;
-  description: string;
-  href: string;
-  src: string;
-}) => {
-  return (
-    <Link href={href} className="flex space-x-2">
-      <Image
-        src={src}
-        width={140}
-        height={70}
-        alt={title}
-        className="flex-shrink-0 rounded-md shadow-2xl"
-      />
-      <div>
-        <h4 className="text-xl font-bold mb-1 text-black dark:text-white">
-          {title}
-        </h4>
-        <p className="text-neutral-700 text-sm max-w-[10rem] dark:text-neutral-300">
-          {description}
-        </p>
-      </div>
-    </Link>
-  );
-};
-
-export const HoveredLink = ({ children, ...rest }: any) => {
-  return (
-    <Link
-      {...rest}
-      className="text-neutral-700 dark:text-neutral-200 hover:text-black "
-    >
-      {children}
-    </Link>
-  );
-};
diff --git a/src/components/ui/people.tsx b/src/components/ui/people.tsx
index d19e51e..3c44aa2 100644
--- a/src/components/ui/people.tsx
+++ b/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",
-  },
 
 
 ];
diff --git a/src/middleware.ts b/src/middleware.ts
index 53e87c9..9089782 100644
--- a/src/middleware.ts
+++ b/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()
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 84287e8..96d064f 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,5 +1,8 @@
 import type { Config } from "tailwindcss"
-
+const svgToDataUri = require("mini-svg-data-uri");
+const {
+  default: flattenColorPalette,
+} = require("tailwindcss/lib/util/flattenColorPalette");
 const config = {
   darkMode: ["class"],
   content: [
@@ -74,7 +77,29 @@ const config = {
       },
     },
   },
-  plugins: [require("tailwindcss-animate")],
+  plugins: [require("tailwindcss-animate"), addVariablesForColors,
+    function ({ matchUtilities, theme }: any) {
+      matchUtilities(
+        {
+          "bg-dot-thick": (value: any) => ({
+            backgroundImage: `url("${svgToDataUri(
+              `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="none"><circle fill="${value}" id="pattern-circle" cx="10" cy="10" r="2.5"></circle></svg>`
+            )}")`,
+          }),
+        },
+        { values: flattenColorPalette(theme("backgroundColor")), type: "color" }
+      );
+    },],
 } satisfies Config
+function addVariablesForColors({ addBase, theme }: any) {
+  let allColors = flattenColorPalette(theme("colors"));
+  let newVars = Object.fromEntries(
+    Object.entries(allColors).map(([key, val]) => [`--${key}`, val])
+  );
+ 
+  addBase({
+    ":root": newVars,
+  });
+}
 
 export default config
\ No newline at end of file