diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 8f06d369..2863aacd 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -216,7 +216,7 @@ module.exports = {
     "no-trailing-spaces": "error",
     "no-whitespace-before-property": "error",
     "object-curly-newline": [
-      "error",
+      "warn",
       {
         multiline: true,
       },
diff --git a/src/App.tsx b/src/App.tsx
index 32874044..fd4a097c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,7 +2,7 @@ import Footer from "./components/Footer";
 import PrimaryNav from "./components/PrimaryNav";
 import RepoListWrap from "./components/RepoListWrap";
 import { initiatePostHog } from "./lib/analytics";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { BrowserRouter } from "react-router-dom";
 import { Toaster } from "react-hot-toast";
 import { SWRConfig } from "swr";
 import GradBackground from "./components/GradBackground";
@@ -10,9 +10,6 @@ import Hero from "./components/Hero";
 import apiFetcher from "./hooks/useSWR";
 
 import getAppVersion from "./lib/appVersion";
-import RecentRepoListWrap from "./components/RecentRepoListWrap";
-import SecondaryNav from "./components/SecondaryNav";
-import HotRepositories from "./components/HotRepositories";
 
 console.log(
   `%c
@@ -47,26 +44,7 @@ const App = (): JSX.Element => {
           </GradBackground>
 
           <div className="bg-darkestGrey">
-            <SecondaryNav />
-
-            <HotRepositories />
-
-            <Routes>
-              <Route
-                element={<RecentRepoListWrap />}
-                path="/"
-              />
-
-              <Route
-                element={<RecentRepoListWrap />}
-                path="recent"
-              />
-
-              <Route
-                element={<RepoListWrap />}
-                path="*"
-              />
-            </Routes>
+            <RepoListWrap />
           </div>
 
           <Footer />
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index bb302454..c62d1191 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -57,18 +57,27 @@ const Hero = () => {
       <div>
         <h1 className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight">
           {`Find `}
+
           <span className="bg-gradient-to-r from-gradFirst via-gradMiddle to-gradLast bg-clip-text text-transparent">
             Open-Source Repositories
           </span>
+
           <br />
           to contribute today
         </h1>
       </div>
 
-      <Combobox as="div" value={comboBoxSelection} onChange={setComboBoxSelection}>
+      <Combobox
+        as="div"
+        value={comboBoxSelection}
+        onChange={setComboBoxSelection}
+      >
         <div className="mt-11 px-4 py-2.5  bg-white shadow-2xl rounded-2xl md:min-w-[26.375rem] flex justify-between">
           <div className="flex items-center gap-x-2.5">
-            <img alt="search icon" src={searchNormal} />
+            <img
+              alt="search icon"
+              src={searchNormal}
+            />
 
             <Combobox.Button ref={comboButtonRef}>
               <Combobox.Input
@@ -78,13 +87,12 @@ const Hero = () => {
                 placeholder="Search repositories"
                 type="text"
                 value={searchTerm}
-                onChange={(e) => setValueDebounced(e.target.value)}
+                onChange={e => setValueDebounced(e.target.value)}
                 onFocus={() => setFocus(true)}
                 onBlur={() =>
                   setTimeout(() => {
                     setFocus(false);
-                  }, 200)
-                }
+                  }, 200)}
                 onKeyUp={(event: React.KeyboardEvent) => {
                   if (event.key === "Enter") {
                     window.open(comboBoxSelection, "_blank", "noreferrer");
@@ -94,7 +102,11 @@ const Hero = () => {
             </Combobox.Button>
           </div>
 
-          <img alt="command k" className="pt-1.5" src={cmdKIcon} />
+          <img
+            alt="command k"
+            className="pt-1.5"
+            src={cmdKIcon}
+          />
         </div>
 
         <div className="mt-2.5">
@@ -105,7 +117,7 @@ const Hero = () => {
                   <p className="text-gray-500 text-sm font-semibold">Repository</p>
                 </div>
 
-                {fetchedData.map((data) => (
+                {fetchedData.map(data => (
                   <Combobox.Option
                     key={data.full_name}
                     as="a"
diff --git a/src/components/HotRepoCard.tsx b/src/components/HotRepoCard.tsx
index 0693e9db..37653d90 100644
--- a/src/components/HotRepoCard.tsx
+++ b/src/components/HotRepoCard.tsx
@@ -5,9 +5,7 @@ import Skeleton from "react-loading-skeleton";
 import { getAvatarLink } from "../lib/github";
 import humanizeNumber from "../lib/humanizeNumber";
 
-import StackedAvatar from "./StackedAvatar";
 import useRepo from "../hooks/useRepo";
-import useContributions from "../hooks/useContributions";
 
 const bugReportLink = "https://github.com/open-sauced/hot/issues/new?assignees=&title=fix:";
 
@@ -17,7 +15,6 @@ export declare interface HotRepoCardProps {
 
 const HotRepoCard = ({ repoName }: HotRepoCardProps): JSX.Element => {
   const { repo, isLoading, isError } = useRepo(repoName);
-  const { data: contributions } = useContributions(repoName);
 
   if (isError) {
     return (
@@ -95,7 +92,7 @@ const HotRepoCard = ({ repoName }: HotRepoCardProps): JSX.Element => {
           </div>
         </div>
 
-        <StackedAvatar contributors={contributions} />
+        {/* <StackedAvatar contributors={contributions} /> */}
       </div>
     </div>
   );
diff --git a/src/components/ListRepositories.tsx b/src/components/ListRepositories.tsx
index 9064ed6a..bc2ab1e7 100644
--- a/src/components/ListRepositories.tsx
+++ b/src/components/ListRepositories.tsx
@@ -4,19 +4,11 @@ import Skeleton from "react-loading-skeleton";
 
 export declare interface ListRepositoriesProps {
   activeLink: string | null;
-  handleLoadingMore: () => void;
   fetchedData: DbRepo[];
   title: string;
-  hasNextPage: boolean;
 }
 
-const ListRepositories = ({
-  activeLink,
-  handleLoadingMore,
-  fetchedData,
-  title,
-  hasNextPage,
-}: ListRepositoriesProps): JSX.Element => {
+const ListRepositories = ({ activeLink, fetchedData, title }: ListRepositoriesProps): JSX.Element => {
   if (!fetchedData.length) {
     return (
       <div className="mx-auto max-w-7xl px-4 mt-10">
@@ -32,7 +24,7 @@ const ListRepositories = ({
   }
 
   return (
-    <div className="mx-auto max-w-7xl px-4 pb-1 mt-10">
+    <div className="mx-auto max-w-7xl px-4 pb-1 pt-10">
       <div className="flex flex-col gap-y-5 mb-12">
         <div className="flex items-center gap-x-2.5">
           <BsFillCalendar2Fill className="w-8 h-8 text-white" />
@@ -41,20 +33,9 @@ const ListRepositories = ({
         </div>
 
         {fetchedData.map((item, i) => (
-          <RepoList key={`${item.full_name}_${i}`} data={item} />
+          <RepoList key={`${item.repo_name}_${i}`} data={item} />
         ))}
       </div>
-
-      {fetchedData.length > 0 && hasNextPage && (
-        <div className="flex justify-center">
-          <button
-            className="bg-white text-gray-700 mt-4 mb-4 text-base border-gray-400 border font-normal py-1 px-4 rounded"
-            onClick={() => handleLoadingMore()}
-          >
-            Load More
-          </button>
-        </div>
-      )}
     </div>
   );
 };
diff --git a/src/components/PrimaryNav.tsx b/src/components/PrimaryNav.tsx
index d53020ac..0de05cfb 100644
--- a/src/components/PrimaryNav.tsx
+++ b/src/components/PrimaryNav.tsx
@@ -8,8 +8,6 @@ import openSaucedLogo from "../assets/openSauced.svg";
 import { supabase } from "../lib/supabase";
 import { ToastTrigger } from "../lib/reactHotToast";
 
-import RepoSubmission from "./RepoSubmission";
-
 import { useState, useEffect } from "react";
 import AdminStatsBar from "./AdminStatusBar";
 import { useKey } from "rooks";
@@ -21,22 +19,20 @@ const bugReportLink =
 const PrimaryNav = (): JSX.Element => {
   const { signIn, signOut, userAndTokens } = useSupabaseAuth();
   const currentUser = supabase.auth.session();
-  const [isFormOpen, setIsFormOpen] = useState(false);
   const [openAdminBar, setOpenAdminBar] = useState(false);
 
   useKey("`", () => setOpenAdminBar(!openAdminBar));
 
-  const handleFormOpen = (state: boolean) => setIsFormOpen(state);
-
   useEffect(() => {
     const fetchAuthSession = async () => {
       if (currentUser?.access_token) {
-        await fetch(`${import.meta.env.VITE_API_URL}/auth/session`, { headers: { accept: "application/json", Authorization: `Bearer ${currentUser.access_token}` } })
-          .catch(err => console.log("error: ", err));
+        await fetch(`${import.meta.env.VITE_API_URL}/auth/session`, {
+          headers: { accept: "application/json", Authorization: `Bearer ${currentUser.access_token}` },
+        }).catch((err) => console.log("error: ", err));
       }
     };
 
-    fetchAuthSession().catch(err => console.log(err));
+    fetchAuthSession().catch((err) => console.log(err));
   }, [userAndTokens]);
 
   return (
@@ -46,22 +42,14 @@ const PrimaryNav = (): JSX.Element => {
       <div className="flex font-OpenSans py-6 px-10 justify-between max-w-screen-2xl mx-auto">
         <div className="flex items-center text-osGrey">
           <a href="/">
-            <img
-              alt="Open Sauced Logo"
-              className="inline-block w-6 h-6 mr-1"
-              src={openSaucedLogo}
-            />
+            <img alt="Open Sauced Logo" className="inline-block w-6 h-6 mr-1" src={openSaucedLogo} />
 
             <span className="text-lg leading-snug font-black tracking-tighter">OpenSauced</span>
           </a>
         </div>
 
         {userAndTokens && (
-          <Menu
-            as="div"
-            className="flex z-50 text-left relative"
-          >
-
+          <Menu as="div" className="flex z-50 text-left relative">
             <div className="flex items-center">
               <StarTheRepo userAndTokens={userAndTokens} />
 
@@ -79,13 +67,9 @@ const PrimaryNav = (): JSX.Element => {
                     />
                   </div>
                 </div>
-
               </Menu.Button>
-
-
             </div>
 
-
             <Transition
               enter="transition ease-out duration-100"
               enterFrom="transform opacity-0 scale-95"
@@ -106,13 +90,9 @@ const PrimaryNav = (): JSX.Element => {
                     </div>
 
                     <div className="flex-col shrink">
-                      <p className="text-osGrey text-xs font-semibold">
-                        {userAndTokens.user.user_metadata.full_name}
-                      </p>
+                      <p className="text-osGrey text-xs font-semibold">{userAndTokens.user.user_metadata.full_name}</p>
 
-                      <p className="text-gray-500 text-xs font-normal">
-                        {userAndTokens.user.user_metadata.user_name}
-                      </p>
+                      <p className="text-gray-500 text-xs font-normal">{userAndTokens.user.user_metadata.user_name}</p>
                     </div>
                   </div>
                 </Menu.Item>
@@ -120,7 +100,8 @@ const PrimaryNav = (): JSX.Element => {
                 <Menu.Item>
                   {({ active }) => (
                     <button
-                      className={`${active ? "bg-gray-100 text-gray-700" : "text-gray-900"
+                      className={`${
+                        active ? "bg-gray-100 text-gray-700" : "text-gray-900"
                       } group flex w-full items-center rounded-md px-5 py-1.5 text-sm`}
                     >
                       {`v${version}`}
@@ -131,19 +112,8 @@ const PrimaryNav = (): JSX.Element => {
                 <Menu.Item>
                   {({ active }) => (
                     <button
-                      className={`${active ? "bg-gray-100 text-gray-700" : "text-gray-900"
-                      } group flex w-full items-center rounded-md px-5 py-1.5 text-sm`}
-                      onClick={() => handleFormOpen(true)}
-                    >
-                      Submit a repository
-                    </button>
-                  )}
-                </Menu.Item>
-
-                <Menu.Item>
-                  {({ active }) => (
-                    <button
-                      className={`${active ? "bg-gray-100 text-gray-700" : "text-gray-900"
+                      className={`${
+                        active ? "bg-gray-100 text-gray-700" : "text-gray-900"
                       } group flex w-full items-center rounded-md px-5 py-1.5 text-sm`}
                       onClick={async () => {
                         if (!currentUser?.access_token) {
@@ -164,7 +134,8 @@ const PrimaryNav = (): JSX.Element => {
                       href={bugReportLink}
                       rel="noreferrer"
                       target="_blank"
-                      className={`${active ? "bg-gray-100 text-gray-700" : "text-gray-900"
+                      className={`${
+                        active ? "bg-gray-100 text-gray-700" : "text-gray-900"
                       } group flex w-full items-center rounded-md px-5 py-1.5 text-sm`}
                     >
                       Report a bug
@@ -175,7 +146,8 @@ const PrimaryNav = (): JSX.Element => {
                 <Menu.Item>
                   {({ active }) => (
                     <button
-                      className={`${active ? "bg-gray-100 text-gray-700" : "text-gray-900"
+                      className={`${
+                        active ? "bg-gray-100 text-gray-700" : "text-gray-900"
                       } group flex w-full items-center rounded-md px-5 py-1.5 text-sm`}
                       onClick={async () => signOut()}
                     >
@@ -204,11 +176,6 @@ const PrimaryNav = (): JSX.Element => {
           </div>
         )}
       </div>
-
-      <RepoSubmission
-        handleFormOpen={handleFormOpen}
-        isFormOpen={isFormOpen}
-      />
     </header>
   );
 };
diff --git a/src/components/RecentRepoListWrap.tsx b/src/components/RecentRepoListWrap.tsx
deleted file mode 100644
index 1e2b721e..00000000
--- a/src/components/RecentRepoListWrap.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { useLocation, useSearchParams } from "react-router-dom";
-import locationsHash from "../lib/locationsHash";
-import ListRepositories from "./ListRepositories";
-import { useEffect, useState } from "react";
-import { useRepositoriesList } from "../hooks/useRepositoriesList";
-import Skeleton from "react-loading-skeleton";
-
-export enum RepoOrderByEnum {
-  popular = "stars",
-  recent = "created_at",
-  discussed = "issues",
-  myVotes = "myVotes",
-}
-
-const parseLimitValue = (limit: string | null): number => {
-  if (!limit) {
-    return 25;
-  }
-  const value = parseInt(limit);
-
-  if (isNaN(value) || value <= 0) {
-    return 15;
-  }
-  if (value > 25) {
-    return 50;
-  }
-  return value;
-};
-
-const RecentRepoListWrap = (): JSX.Element => {
-  const [searchParams, setSearchParams] = useSearchParams();
-  const location = useLocation();
-
-  const activeLink = (locationsHash[location.pathname] ?? "recent") as keyof typeof RepoOrderByEnum;
-  const limit = parseLimitValue(searchParams.get("limit"));
-  const pageNumber = parseInt(searchParams.get("pageNumber")!) || 1;
-
-  const { data, meta, isLoading } = useRepositoriesList(RepoOrderByEnum[activeLink], limit, pageNumber);
-  const [thisWeek, setThisWeek] = useState<DbRepo[] | null>(null);
-  const [lastWeek, setLastWeek] = useState<DbRepo[] | null>(null);
-  const [older, setOlder] = useState<DbRepo[] | null>(null);
-
-  useEffect(() => {
-    const lastSunday = (new Date);
-
-    lastSunday.setDate(lastSunday.getDate() - lastSunday.getDay());
-    lastSunday.setHours(0, 0, 0, 0);
-
-    if (!isLoading) {
-      const thisWeekData = data.filter(repo => repo.created_at && new Date(repo.created_at) > lastSunday);
-
-      thisWeekData.sort((a, b) => (new Date(a.created_at!) > new Date(b.created_at!) ? 1 : -1));
-      setThisWeek(thisWeekData);
-
-      const lastWeekData = data.filter(
-        repo =>
-          repo.created_at &&
-          new Date(repo.created_at) < lastSunday &&
-          new Date(repo.created_at) > new Date(lastSunday.getTime() - 7 * 24 * 60 * 60 * 1000),
-      );
-
-      lastWeekData.sort((a, b) => (new Date(a.created_at!) > new Date(b.created_at!) ? 1 : -1));
-      lastWeekData.sort((a, b) => (a.votesCount! > b.votesCount! ? -1 : 1));
-      setLastWeek(lastWeekData);
-
-      const olderData = data.filter(
-        repo =>
-          repo.created_at && new Date(repo.created_at) < new Date(lastSunday.getTime() - 7 * 24 * 60 * 60 * 1000),
-      );
-
-      olderData.sort((a, b) => (new Date(a.created_at!) > new Date(b.created_at!) ? 1 : -1));
-      olderData.sort((a, b) => (a.votesCount! > b.votesCount! ? -1 : 1));
-      setOlder(olderData);
-    }
-  }, [data]);
-
-  const handleLoadingMore = () => {
-    setSearchParams({ pageNumber: String(pageNumber + 1), limit: String(limit) });
-  };
-
-  return (
-    <>
-      {isLoading
-        ? (
-          <div className="mx-auto max-w-7xl px-4 mt-10">
-            <div className="flex flex-col gap-y-5 overflow-hidden mb-12">
-              {Array.from(Array(25).keys()).map(item => (
-                <div
-                  key={item}
-                  className="p-4 border rounded-2xl bg-white w-full space-y-1 relative"
-                >
-                  <Skeleton
-                    enableAnimation
-                    count={4}
-                  />
-                </div>
-              ))}
-            </div>
-          </div>
-        )
-        : (
-          <>
-            {thisWeek && thisWeek.length > 0 && (
-              <ListRepositories
-                activeLink={activeLink}
-                fetchedData={thisWeek}
-                handleLoadingMore={handleLoadingMore}
-                hasNextPage={meta.hasNextPage}
-                title="This Week"
-              />
-            )}
-
-            {lastWeek && lastWeek.length > 0 && (
-              <ListRepositories
-                activeLink={activeLink}
-                fetchedData={lastWeek}
-                handleLoadingMore={handleLoadingMore}
-                hasNextPage={meta.hasNextPage}
-                title="Last Week"
-              />
-            )}
-
-            {older && older.length > 0 && (
-              <ListRepositories
-                activeLink={activeLink}
-                fetchedData={older}
-                handleLoadingMore={handleLoadingMore}
-                hasNextPage={meta.hasNextPage}
-                title="Older"
-              />
-            )}
-          </>
-        )}
-    </>
-  );
-};
-
-export default RecentRepoListWrap;
diff --git a/src/components/RepoList.tsx b/src/components/RepoList.tsx
index 7802b088..c404742c 100644
--- a/src/components/RepoList.tsx
+++ b/src/components/RepoList.tsx
@@ -1,9 +1,7 @@
-import { emojify } from "node-emoji";
-import { FaDotCircle, FaStar } from "react-icons/fa";
+// import { emojify } from "node-emoji";
+import { FaStar } from "react-icons/fa";
 import humanizeNumber from "../lib/humanizeNumber";
 import { getAvatarLink, getRepoLink } from "../lib/github";
-import StackedAvatar from "./StackedAvatar";
-import useContributions from "../hooks/useContributions";
 
 export declare interface RepoListProps {
   data: DbRepo;
@@ -11,52 +9,41 @@ export declare interface RepoListProps {
 
 const RepoList = ({ data }: RepoListProps): JSX.Element => {
   const {
-    name,
-    full_name,
-    description,
-    stars,
-    issues,
+    repo_name,
+    star_count,
 
     // contributionsCount,
   } = data;
 
-  // {full_name} consists of `{owner}/{repo}`, so this link is actually `repos/{owner}/{repo}/contributions`
-  const { data: contributions } = useContributions(full_name);
+  /*
+   * {repo_name} consists of `{owner}/{repo}`, so this link is actually `repos/{owner}/{repo}/contributions`
+   * const { data: contributions } = useContributions(repo_name);
+   */
 
-  const owner = full_name.replace(`/${String(name)}`, "").trim();
+  const owner = repo_name.split("/")[0];
 
   return (
     <div className="flex flex-col gap-y-5 md:flex-row bg-white border-[1px] p-4 gap-x-5 font-Inter border-borderGrey overflow-hidden rounded-[16px]">
       <div className="flex gap-y-5 gap-x-5 font-Inter overflow-hidden w-full">
         <div>
           <div className="rounded-[8px] overflow-hidden w-[88px] h-[88px]">
-            <a href={getRepoLink(full_name)} rel="noopener noreferrer" target="_blank" title={`Visit ${full_name}`}>
-              <img alt={full_name} src={getAvatarLink(owner)} />
+            <a href={getRepoLink(repo_name)} rel="noopener noreferrer" target="_blank" title={`Visit ${repo_name}`}>
+              <img alt={repo_name} src={getAvatarLink(owner)} />
             </a>
           </div>
         </div>
 
         <div className="flex-1 ml-[0.313rem] sm:ml-0">
-          <a href={getRepoLink(full_name)} rel="noopener noreferrer" target="_blank" title={`Visit ${full_name}`}>
-            <p className="text-sm text-textGrey">{full_name}</p>
-
-            <p className="text-base text-textGrey">{emojify(description)}</p>
+          <a href={getRepoLink(repo_name)} rel="noopener noreferrer" target="_blank" title={`Visit ${repo_name}`}>
+            <p className="text-sm text-textGrey">{repo_name}</p>
           </a>
 
           <div className="flex gap-x-[16px] mt-[16px]">
-            <div className="flex gap-[5px] items-center text-textGrey">
-              <FaDotCircle aria-hidden="true" className="w-[16px]" />
-
-              <p className="text-sm">{humanizeNumber(issues)}</p>
-            </div>
-
             <div className="flex gap-[5px] items-center text-textGrey">
               <FaStar aria-hidden="true" className="w-[16px]" />
 
-              <p className="text-sm">{humanizeNumber(stars)}</p>
+              {star_count && <p className="text-sm">{humanizeNumber(star_count)} today</p>}
             </div>
-
-            <StackedAvatar contributors={contributions} />
           </div>
         </div>
       </div>
diff --git a/src/components/RepoListWrap.tsx b/src/components/RepoListWrap.tsx
index 69d649e4..c21e8297 100644
--- a/src/components/RepoListWrap.tsx
+++ b/src/components/RepoListWrap.tsx
@@ -1,7 +1,7 @@
-import { useLocation, useSearchParams } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 import locationsHash from "../lib/locationsHash";
 import ListRepositories from "./ListRepositories";
-import { useRepositoriesList } from "../hooks/useRepositoriesList";
+import { useHotList } from "../hooks/useHotList";
 import camelCaseToTitleCase from "../lib/camelCaseToTitleCase";
 
 export enum RepoOrderByEnum {
@@ -10,41 +10,17 @@ export enum RepoOrderByEnum {
   discussed = "issues",
 }
 
-const parseLimitValue = (limit: string | null): number => {
-  if (!limit) {
-    return 25;
-  }
-  const value = parseInt(limit);
-
-  if (isNaN(value) || value <= 0) {
-    return 15;
-  }
-  if (value > 25) {
-    return 50;
-  }
-  return value;
-};
-
 const RepoListWrap = (): JSX.Element => {
-  const [searchParams, setSearchParams] = useSearchParams();
   const location = useLocation();
 
-  const activeLink = (locationsHash[location.pathname] ?? "recent") as keyof typeof RepoOrderByEnum;
-  const limit = parseLimitValue(searchParams.get("limit"));
-  const pageNumber = parseInt(searchParams.get("pageNumber")!) || 1;
-
-  const { data, meta } = useRepositoriesList(RepoOrderByEnum[activeLink], limit, pageNumber);
+  const activeLink = (locationsHash[location.pathname] ?? "Trending") as keyof typeof RepoOrderByEnum;
 
-  const handleLoadingMore = () => {
-    setSearchParams({ pageNumber: String(pageNumber + 1), limit: String(limit) });
-  };
+  const { data } = useHotList();
 
   return (
     <ListRepositories
       activeLink={activeLink}
-      fetchedData={data}
-      handleLoadingMore={handleLoadingMore}
-      hasNextPage={meta.hasNextPage}
+      fetchedData={data as DbRepo[]}
       title={`${camelCaseToTitleCase(activeLink)} Repositories`}
     />
   );
diff --git a/src/components/SecondaryNav.tsx b/src/components/SecondaryNav.tsx
index 00b34bac..a095c15d 100644
--- a/src/components/SecondaryNav.tsx
+++ b/src/components/SecondaryNav.tsx
@@ -27,7 +27,10 @@ const SecondaryNav = (): JSX.Element => {
         <nav className="container">
           <div className="flex space-y-3 flex-row flex-wrap text-sm sm:text-xl font-righteous text-accent font-bold justify-center items-baseline cursor-pointer">
             {links.map(({ link, title }) => (
-              <Link key={link} to={link}>
+              <Link
+                key={link}
+                to={link}
+              >
                 <span
                   className={`${
                     activeLink === link ? "bg-cheesyYellow text-grey " : " "
diff --git a/src/e2e-tests/loggedOutUser.spec.ts b/src/e2e-tests/loggedOutUser.spec.ts
index 859b5448..ed0f6f32 100644
--- a/src/e2e-tests/loggedOutUser.spec.ts
+++ b/src/e2e-tests/loggedOutUser.spec.ts
@@ -1,21 +1,10 @@
 import { test, expect } from "@playwright/test";
 
-test("logged out user should see all categories", async ({ page }) => {
+test("logged out user should see sign in button", async ({ page }) => {
   await page.goto("/");
 
   // the categories that should be visible and functional
-  const recent = page.locator("a", { hasText: "Recent" });
+  const login = page.locator("button", { hasText: "Sign in" });
 
-  await expect(recent).toHaveAttribute("href", "/recent");
-  await expect(recent).toBeVisible();
-
-  const discussed = page.locator("a", { hasText: "Discussed" });
-
-  await expect(discussed).toHaveAttribute("href", "/discussed");
-  await expect(discussed).toBeVisible();
-
-  const popular = page.locator("a", { hasText: "Popular" });
-
-  await expect(popular).toHaveAttribute("href", "/popular");
-  await expect(popular).toBeVisible();
+  await expect(login).toBeVisible();
 });
diff --git a/src/hooks/useContributions.ts b/src/hooks/useContributions.ts
index 0cd7c257..3ab77b61 100644
--- a/src/hooks/useContributions.ts
+++ b/src/hooks/useContributions.ts
@@ -6,7 +6,7 @@ interface PaginatedContributorsResponse {
 }
 
 const useContributions = (repoName: string, limit = 10, orderBy = "recent") => {
-  const baseEndpoint = `repos/${repoName}/contributions`;
+  const baseEndpoint = `contributors/search?repo=${repoName}`;
   const limitQuery = `&limit=${limit}`;
   const orderByQuery = orderBy ? `&updated_at=${orderBy}` : "";
   const endpointString = `${baseEndpoint}?${limitQuery}${orderByQuery}`;
diff --git a/src/hooks/useHotList.ts b/src/hooks/useHotList.ts
new file mode 100644
index 00000000..d14802e0
--- /dev/null
+++ b/src/hooks/useHotList.ts
@@ -0,0 +1,14 @@
+import useSWR from "swr";
+
+interface PaginatedRepoResponse {
+  readonly data: DbRepo[];
+  readonly meta: PageMetaDto;
+}
+
+const useHotList = () => {
+  const { data } = useSWR<PaginatedRepoResponse, Error>(`histogram/top/stars`);
+
+  return { data: data ?? [] };
+};
+
+export { useHotList };
diff --git a/src/vite-types.d.ts b/src/vite-types.d.ts
index f3009182..d81f296b 100644
--- a/src/vite-types.d.ts
+++ b/src/vite-types.d.ts
@@ -18,6 +18,7 @@ interface DbRepo {
   readonly is_fork?: boolean;
   readonly name?: string;
   readonly full_name: string;
+  readonly repo_name: string;
   readonly description: string;
   readonly language?: string;
   readonly license?: string;
@@ -31,6 +32,7 @@ interface DbRepo {
   readonly starsCount?: number;
   readonly submissionsCount?: number;
   readonly stargazersCount?: number;
+  readonly star_count?: number;
 }
 
 interface DbRepoToUserVotes {