diff --git a/src/app/page.tsx b/src/app/page.tsx
index baf2a07d..3fa71985 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,7 @@ import VisitorResources from '../components/userComponents/HomePageComponents/Vi
 import WelcomeGraphic from '../components/userComponents/HomePageComponents/WelcomeGraphic/WelcomeGraphic';
 import HomeVirtualTours from '../components/userComponents/HomePageComponents/HomeVirtualTours/HomeVirtualTours';
 import HomeNewsFeed from '../components/userComponents/HomePageComponents/HomeNewsFeed/HomeNewsFeed';
-import { useWebScreenDetection } from '../context/WindowWidthContext/WindowWidthContext';
+import { useWebDeviceDetection } from '../context/WindowWidthContext/WindowWidthContext';
 
 /**
  * @returns - Home page for PHS/SPCA.  Buttons are available for the major flows of the application from this page.
@@ -22,7 +22,7 @@ function Home() {
   //     window.removeEventListener('resize', handleResize);
   //   };
   // }, []);
-  const isWebDevice = useWebScreenDetection();
+  const isWebDevice = useWebDeviceDetection();
 
   return (
     <div className="HomePage w-full h-full m-0 flex-col justify-center font-normal">
diff --git a/src/components/userComponents/Exhibit/Exhibit.tsx b/src/components/userComponents/Exhibit/Exhibit.tsx
index ba809f67..8a099efc 100644
--- a/src/components/userComponents/Exhibit/Exhibit.tsx
+++ b/src/components/userComponents/Exhibit/Exhibit.tsx
@@ -17,13 +17,11 @@ export default function Exhibit({
   description,
   image,
   id,
-  web,
 }: {
   title: string;
   description: string;
   image: string;
   id: number;
-  web: boolean;
 }) {
   const isWebDevice = useWebDeviceDetection();
   return (
@@ -34,7 +32,6 @@ export default function Exhibit({
             <div className="flex-col justify-start items-start gap-5 flex">
               <div className="justify-start items-center gap-2 inline-flex">
                 <h2 className="text-night font-semibold leading-tight font-['Lato']">
-                  {' '}
                   {title}
                 </h2>
               </div>
@@ -50,7 +47,7 @@ export default function Exhibit({
         <div className="flex flex-col w-full px-8 py-16 bg-mint-cream rounded-lg flex-col justify-start items-start gap-2.5 mt-6">
           <div className="justify-start items-start gap-5">
             <div className="justify-start items-center gap-2">
-              <h1 className="text-hunterGreen font-semibold leading-tight font-['Lato']">
+              <h1 className="text-hunter-green font-semibold leading-tight font-['Lato']">
                 {' '}
                 {title}
               </h1>
diff --git a/src/components/userComponents/SiteMap/DisplayPreviewCard.tsx b/src/components/userComponents/SiteMap/DisplayPreviewCard.tsx
index df65e85c..8b0459af 100644
--- a/src/components/userComponents/SiteMap/DisplayPreviewCard.tsx
+++ b/src/components/userComponents/SiteMap/DisplayPreviewCard.tsx
@@ -5,6 +5,8 @@ import Link from 'next/link';
 import Image from 'next/image';
 import { ExhibitWithCategoryRow, TourRow } from '../../../types/types';
 import { fetchImagesForTour } from '../../../supabase/media/queries';
+import { fetchExhibitImage } from '../../../supabase/exhibits/queries';
+import { CloseIcon } from '../../../../public/icons';
 
 interface DisplayCardProps {
   tour: TourRow | ExhibitWithCategoryRow;
@@ -53,10 +55,8 @@ function DisplayPreviewCard({
         const images = await fetchImagesForTour(tour.id);
         if (images && images.length > 0) {
           imageUrl = images[0].url;
-          imageUrl = images[0].url;
         }
         displayName = tour.name;
-        displayName = tour.name;
       } else {
         // Handle as an ExhibitWithCategoryRow
         // const imageObj = await fetchExhibitImage(tour.id);
@@ -66,27 +66,18 @@ function DisplayPreviewCard({
         displayName = tour.category;
       }
 
-
       // Set state variables
       setPreviewImage(imageUrl);
       setname1(displayName);
       setLoading(false);
     };
 
-
     fetchDetails();
   }, [tour]);
 
-
   /** route this to spotlights */
 
   return (
-    <div className="flex flex-col items-center justify-center w-[25rem] h-[8.25rem] max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg mx-auto p-4 pb-[2.87rem] pr-[1.19rem] pl-[1.19rem] rounded-md">
-      <div
-        className="flex flex-row items-center rounded-md overflow-hidden bg-ivory cursor-pointer w-full sm:w-4/4 md:w-5/5 lg:w-2/2 xl:w-5/5 flex-shrink-0 shadow-xl"
-        aria-hidden="true"
-      >
-        {!loading && (
     <div className="flex flex-col items-center justify-center w-[25rem] h-[8.25rem] max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg mx-auto p-4 pb-[2.87rem] pr-[1.19rem] pl-[1.19rem] rounded-md">
       <div
         className="flex flex-row items-center rounded-md overflow-hidden bg-ivory cursor-pointer w-full sm:w-4/4 md:w-5/5 lg:w-2/2 xl:w-5/5 flex-shrink-0 shadow-xl"
@@ -97,7 +88,6 @@ function DisplayPreviewCard({
             <Image
               src={previewImage}
               alt="placeholder"
-              alt="placeholder"
               layout="fill"
               objectFit="cover"
             />
@@ -133,16 +123,14 @@ function DisplayPreviewCard({
             >
               <CloseIcon />
             </div>
-            <Link href={`/exhibitsPage/#a${id}`}>
+            <Link href={`/spotlightPage/${id}`}>
               <h3 className="relative truncate text-asparagus pr-[0.31rem] pl-[0.75rem] pt-[0rem] uppercase font-light text-xs leading-normal">
                 {category}
               </h3>
-              <h3 className="relative truncate font-medium font-lato text-night pr-[0.31rem] pl-[0.75rem] pt-[0.30rem] pb-[0rem] text-base leading-normal">
               <h3 className="relative truncate font-medium font-lato text-night pr-[0.31rem] pl-[0.75rem] pt-[0.30rem] pb-[0rem] text-base leading-normal">
                 {name1}
               </h3>
 
-
               <h4 className="relative font-lato h-[2rem] pr-[0.31rem] pt-[0rem] pl-[0.75rem] pb-[2.4rem] text-shadow line-clamp-2 text-sm">
                 {description}
               </h4>
@@ -150,11 +138,6 @@ function DisplayPreviewCard({
           </div>
         </div>
       </div>
-    </div>
-            </Link>
-          </div>
-        </div>
-      </div>
     </div>
   );
 }
diff --git a/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx b/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
index 635f63a5..3ecf1447 100644
--- a/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
+++ b/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
@@ -123,7 +123,7 @@ function ExhibitPreviewCard({
                 />
               </svg>
             </div>
-            <Link href={`/spotlightPage/${id}`}>
+            <Link href={`/exhibitsPage/#a${id}`}>
               <h3 className="relative truncate font-medium font-lato text-night pr-[0.31rem] pl-[0.75rem] pt-[0rem] pb-[0rem] text-base leading-normal">
                 {name1}
               </h3>
diff --git a/src/components/userComponents/SiteMap/SiteMap.tsx b/src/components/userComponents/SiteMap/SiteMap.tsx
index c51e0ad8..45ef979e 100644
--- a/src/components/userComponents/SiteMap/SiteMap.tsx
+++ b/src/components/userComponents/SiteMap/SiteMap.tsx
@@ -7,8 +7,8 @@ import { renderToStaticMarkup } from 'react-dom/server';
 
 import { fetchAllSpotlights } from '../../../supabase/tours/queries';
 import { ExhibitWithCategoryRow, TourRow } from '../../../types/types';
+
 import Control from './Control';
-import DisplayPreviewCard from './DisplayPreviewCard';
 import { fetchAllExhibits } from '../../../supabase/exhibits/queries';
 import { getCategoryColor1 } from '../../../supabase/category/queries';
 import RecenterMap from './MapInteractionHandler';