Refactor layout and project components; remove LogoAnimation and update project details

Author: ThomasEgMatthiesen

src/app/layout.js

@@ -6,7 +6,6 @@ import Header from "@/components/Header";
 import Toolbar from "@/components/Toolbar";
 import Player from "@/components/Player/Player";
 import Map from "@/components/Map/Map";
-import LogoAnimation from "@/components/LogoAnimation";
 
 const rem = REM({
     variable: "--font-rem",
@@ -48,7 +47,6 @@ export default function RootLayout({ children }) {
                         <Player />
                     </Suspense>
                 </AudioProvider>
-                {/* <LogoAnimation /> sometimes it loads wrongly */}
             </body>
         </html>
     );

src/app/page.js

@@ -2,7 +2,7 @@ import ProjectGrid from "@/components/ProjectGrid/ProjectGrid";
 import { projects } from "@/data/projects";
 
 export default function Home() {
-  return (
-    <ProjectGrid projects={projects} />
-  );
+    return (
+        <ProjectGrid projects={projects} />
+    );
 }

src/components/InfoList.js

@@ -3,7 +3,7 @@ import LabelSmall from "@/components/LabelSmall";
 
 export default function InfoList({ items, truncate = true }) {
     return (
-        <dl className="grid grid-cols-[max-content_1fr] gap-x-6 md:gap-x-8 gap-y-2">
+        <dl className="grid grid-cols-[max-content_1fr] gap-x-6 md:gap-x-8 gap-y-2 cursor-default">
             {items.map(({ label, value }) => (
                 <Fragment key={label}>
                     <dt className="pt-1.25">

src/components/LogoAnimation.js

@@ -14,7 +14,7 @@ export default function ProjectCard({ project }) {
     ]
 
     return (
-        <li>
+        <li className="cursor-pointer">
             <Title>{title}</Title>
             <Link href={slug}>
                 <CardMedia vid={coverVideo} img={coverImageSmall} alt={title}>

src/components/ProjectGrid/ProjectCard.js

@@ -1,5 +1,5 @@
 export const projects = [
-  {
+  /*{
     slug: 'esterhoej',
     title: 'Esterhøj',
     location: 'Esterhøj, Odsherred Kommune',
@@ -136,7 +136,7 @@ export const projects = [
     audio: null,
     segments: null,
     composer: ['Thomas Eg Matthiesen', 'Mark Ibsgaard Gregersen']
-  },
+  }, */
   {
     slug: 'hvide-sande',
     title: 'Hvide Sande',
@@ -177,7 +177,7 @@ export const projects = [
     coverImagePortrait: 'https://cdn.genhoer.dk/media/under-overfladen/cover-image-portrait.webp',
     coverImageLandscape: 'https://cdn.genhoer.dk/media/under-overfladen/cover-image-landscape.webp',
     coverImageSmall: 'https://cdn.genhoer.dk/media/under-overfladen/cover-image-small.webp',
-    coverVideo: null,
+    coverVideo: 'https://cdn.genhoer.dk/media/under-overfladen/cover-video.mp4',
     artwork: null,
     media: ["image-01.webp", "image-02.webp", "image-03.webp", "image-04.webp", "text-01.svg", "video-01.mp4", "image-05.webp", "text-02.svg", "image-06.webp", "video-02.mp4", "image-07.webp"],
     audio: null,