fix(name,Tab):changed the name and temoprily disbaled the tab

Author: shadil-rayyan

app/page.tsx

@@ -4,22 +4,21 @@ import { useEffect, useState } from 'react';
 import Navbar from '@/components/Navbar';
 import HostelGrid from '@/components/main/hostelGrid';
 import FilterSection from '@/components/main/FilterSection';
-import TabSection from '@/components/main/TabSection';
+// import TabSection from '@/components/main/TabSection';
 // import Footer from '@/components/Footer';
-// import LoadingScreen from "@/components/loadingScrenn";
-import Link from 'next/link';
+import LoadingScreen from "@/components/loadingScrenn";
 
 
 export default function Home() {
-  const [activeTab, setActiveTab] = useState("All");
+  const [activeTab,] = useState("All");
   const [filters, setFilters] = useState<Record<string, string[]>>({});
   const [refreshTrigger, setRefreshTrigger] = useState(false); // State to trigger hostel re-fetch
-  // const [loading, setLoading] = useState(true); // Track loading state
+  const [loading, setLoading] = useState(true); // Track loading state
 
   useEffect(() => {
     // Simulate a loading delay
-    // const timer = setTimeout(() => setLoading(false), 1500);
-    // return () => clearTimeout(timer);
+    const timer = setTimeout(() => setLoading(false), 1500);
+    return () => clearTimeout(timer);
     setRefreshTrigger(prev => !prev); // Trigger re-fetch when component mounts
 
   }, []);
@@ -31,17 +30,17 @@ export default function Home() {
   };
 
   // Show the loading screen first
-  // if (loading) {
-  //   return <LoadingScreen />;
-  // }
+  if (loading) {
+    return <LoadingScreen />;
+  }
 
   return (
     <main className="min-h-screen bg-gray-50">
       <Navbar />
       <div className="flex flex-col md:flex-row p-4 md:p-0">
         <FilterSection onFilterSubmit={setFilters} onClearFilters={handleClearFilters} />
         <div className="flex-1 max-w-7xl px-4 py-6 space-y-8 w-full">
-          <TabSection activeTab={activeTab} onTabChange={setActiveTab} />
+          {/* <TabSection activeTab={activeTab} onTabChange={setActiveTab} /> */}
           <HostelGrid activeTab={activeTab} filters={filters} refreshTrigger={refreshTrigger} />
         </div>
       </div>

components/Navbar.tsx

@@ -33,7 +33,7 @@ const Navbar = () => {
       <div className="max-w-screen-xl flex items-center justify-between mx-auto py-5">
         {/* Logo Section */}
         <div className="flex flex-row font-poppins font-bold text-[26px] z-10 items-center relative text-black">
-          Project Archive
+          NearbyHostel
         </div>
 
         {/* Authentication Button */}

components/loadingScrenn.tsx

@@ -15,7 +15,7 @@ const LoadingScreen = () => {
 
   return (
     <div className="fixed inset-0 flex items-center justify-center bg-gray-100">
-      <h1 className="text-black text-7xl font-bold">Project Archive</h1>
+      <h1 className="text-black text-7xl font-bold">Nearby Hostel</h1>
     </div>
   );
 };