From 7e276b2729d1ff6e8927b949a4b7200ba1ba0d84 Mon Sep 17 00:00:00 2001
From: Rowdy <mroddy5280@gmail.com>
Date: Sun, 5 May 2024 16:24:59 -0600
Subject: [PATCH] fix(imports-for-images): fixed image imports

---
 app/reports/page.tsx         | 5 +----
 components/global/footer.tsx | 5 ++---
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/reports/page.tsx b/app/reports/page.tsx
index 4edcb90..9dc4204 100644
--- a/app/reports/page.tsx
+++ b/app/reports/page.tsx
@@ -7,8 +7,6 @@ import { fetchReports } from "@/lib/impact-reports";
 import type { Report } from "@/types";
 import Image from "next/image";
 
-import hero from "@/public/hero_img.webp";
-
 export default async function ReportsPage() {
 	let uniqueReports: Report[];
 	let numOfContributors: number;
@@ -33,9 +31,8 @@ export default async function ReportsPage() {
 				<header className="relative overflow-hidden w-full flex flex-col justify-end max-w-screen-xl min-[2560px]:max-w-screen-2xl h-[420px] 2xl:h-[520px] min-[2560px]:h-[720px] text-vd-beige-100 rounded-3xl p-4 md:p-8 2xl:p-16">
 					<Image
 						className="object-cover bg-center -z-10"
-						src={hero}
+						src={"/hero_img.webp"}
 						alt="Hero Image"
-						placeholder="blur"
 						fill
 						priority
 					/>
diff --git a/components/global/footer.tsx b/components/global/footer.tsx
index 98ed532..9911463 100644
--- a/components/global/footer.tsx
+++ b/components/global/footer.tsx
@@ -1,6 +1,7 @@
 "use client";
 import { ArrowUpRight, Menu, Newspaper, X } from "lucide-react";
 import Image from "next/image";
+import Link from "next/link";
 
 import { buttonVariants } from "@/components/ui/button";
 import {
@@ -13,8 +14,6 @@ import {
 } from "@/components/ui/drawer";
 import { externalLinks } from "@/config/site";
 import { cn } from "@/lib/utils";
-import Logo from "@/public/logo.svg";
-import Link from "next/link";
 import { WalletProfile } from "./wallet-profile";
 
 const Footer = () => {
@@ -64,7 +63,7 @@ const MobileFooter = () => {
 										className="h-10 w-10"
 										height={20}
 										width={20}
-										src={Logo}
+										src={"/logo.svg"}
 										alt="VoiceDeck Logo"
 									/>
 								</div>