✅ Removed Unnecessary white line

client/src/components/Header.jsx

@@ -40,7 +40,7 @@ export default function Header() {
     <>
       {/* HEADER */}
       <div
-        className={`fixed top-0 left-0 h-[80px] flex items-center right-0 z-50 transition-all duration-300 
+        className={`fixed top-0 left-0 h-[85px] flex items-center right-0 z-50 transition-all duration-300 
         ${isScrolled ? "shadow-md" : ""} 
         bg-white/80 dark:bg-gray-900/80 backdrop-blur-md border-b border-gray-200 dark:border-gray-700`}
       >

client/src/pages/Home.jsx

@@ -172,7 +172,7 @@ const HomePage = () => {
     <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white overflow-hidden ">
       {/* Animated Background Elements */}
       <div className="fixed inset-0 pointer-events-none">
-        <div className="absolute top-1/4 left-1/4 w-64 h-64 bg-blue-500/20 rounded-full blur-3xl animate-pulse"></div>
+        <div className="absolute top-3/4 left-1/4 w-64 h-64 bg-blue-500/20 rounded-full blur-3xl animate-pulse"></div>
         <div
           className="absolute top-3/4 right-1/4 w-96 h-96 bg-purple-500/20 rounded-full blur-3xl animate-pulse"
           style={{ animationDelay: "1s" }}
@@ -188,7 +188,7 @@ const HomePage = () => {
 
 
       {/* Hero Section */}
-      <section className="relative min-h-screen flex items-center justify-center px-6">
+      <section className="top-0 relative min-h-screen flex items-center justify-center px-6 ">
         <div className="absolute inset-0 bg-gradient-to-b from-transparent via-black/20 to-black/40"></div>
 
         <div className="relative z-10 text-center max-w-6xl mx-auto">

client/src/routes/routes.jsx

@@ -16,65 +16,89 @@ import DoctorDetails from "../pages/DoctorDetails";
 import LearningHub from "../pages/LearningHub";
 import ConsultationPage from "../pages/consult";
 
+// This file defines the routing for a React application using react-router-dom.
+// It imports all the necessary components (pages) and creates a browser router.
+
+// The `createBrowserRouter` function creates a router instance.
+// The configuration is an array of route objects.
 const router = createBrowserRouter([
   {
+    // The main path '/' is a layout route for the entire application.
+    // It renders the <App /> component which likely contains shared layout elements like a header and footer.
     path: "/",
     element: <App />,
     children: [
       {
+        // This is the default child route for the main path, rendering the <HomePage />.
         path: "",
         element: <HomePage />,
       },
       {
+        // The /about route renders the <About /> page.
         path: "about",
         element: <About />,
       },
       {
+        // The /blog route renders the <Blog /> page.
         path: "blog",
         element: <Blog />,
       },
       {
+        // The /contactus route renders the <ContactUs /> page.
         path: "contactus",
         element: <ContactUs />,
       },
       {
+        // The /news route renders the <News /> page.
         path: "news",
         element: <News />,
       },
       {
+        // The /contributors route renders the <Contributors /> page.
         path: "contributors",
         element: <Contributors />,
       },
       {
+        // The /consultation route is a parent route that renders the <ConsultationPage />.
         path: "consultation",
         element: <ConsultationPage />,
         children: [
           {
+            // This is a nested route under /consultation that takes a dynamic parameter ':id'
+            // and renders the <DoctorDetails /> page.
             path: "doctordetail/:id",
             element: <DoctorDetails />,
           },
         ],
       },
       {
+        // The /learning-hub route renders the <LearningHub /> page.
         path: "learning-hub",
         element: <LearningHub />,
       },
       {
+        // The /vaccineReminder route renders the <VaccineReminder /> page.
         path: "vaccineReminder",
         element: <VaccineReminder />,
       },
       {
+        // The /care-co-pilot route renders the <CareCoPilot /> page.
         path: "care-co-pilot",
         element: <CareCoPilot />,
       },
       {
+        // This is a catch-all route for any undefined paths, rendering a <NotFoundPage />.
+        // The `handle: { noLayout: true }` is a custom handle that might be used by a parent
+        // layout component to determine if it should render the main layout or not.
         path: "*",
         element: <NotFoundPage />,
         handle: { noLayout: true },
       },
     ],
   },
   {
+    // These are top-level routes that do not share the main <App /> layout.
+    // They are siblings to the main path.
     path: "/registration",
     element: <Registration />,
   },
@@ -83,8 +107,11 @@ const router = createBrowserRouter([
     element: <Signin />,
   },
   {
+    // This is a dynamic route for a video room that takes a ':roomId' parameter.
     path: "room/:roomId",
     element: <VideoRoom />,
   },
 ]);
-export default router;
+
+// The router configuration is exported as the default export.
+export default router;