From 782626389d421285532a9bd813a8b26cc5c5bc2e Mon Sep 17 00:00:00 2001
From: dimasma0305 <dimasmaulana0305@gmail.com>
Date: Sun, 4 Feb 2024 20:41:22 +0800
Subject: [PATCH] feat: fix image

---
 next.config.js                      | 4 ++++
 src/app/_components/footer.tsx      | 4 +++-
 src/app/_components/logo-header.tsx | 4 +++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/next.config.js b/next.config.js
index 654dd73..8aae1e8 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,7 +1,11 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     basePath: "/tcp1p-pages",
+    assetPrefix: "/tcp1p-pages",
     output: "export",
+    images:{
+        unoptimized: true
+    }
 }
 
 module.exports = nextConfig
diff --git a/src/app/_components/footer.tsx b/src/app/_components/footer.tsx
index 8a4d340..35c4d40 100644
--- a/src/app/_components/footer.tsx
+++ b/src/app/_components/footer.tsx
@@ -2,6 +2,8 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faGithub, faLinkedin } from "@fortawesome/free-brands-svg-icons";
 import { faEnvelope} from "@fortawesome/free-solid-svg-icons";
 import Image from "next/image";
+
+import ctftimelogo from "../../../public/ctftime.png"
 export function TopFooter() {
     return <>
         <footer className="footer footer-center p-10 p-t text-base-content rounded">
@@ -9,7 +11,7 @@ export function TopFooter() {
                 <div className="grid grid-flow-col gap-4 p-4">
                     <a href="https://www.linkedin.com/company/tcp1p/" target="_blank"><FontAwesomeIcon icon={faLinkedin} className="text-3xl" /></a>
                     <a href="https://github.com/TCP1P" target="_blank"><FontAwesomeIcon icon={faGithub} className="text-3xl" /></a>
-                    <a href="https://ctftime.org/team/187248" target="_blank"><Image src="/ctftime.png" width={28} height={28} alt={"CTFtime"}></Image></a>
+                    <a href="https://ctftime.org/team/187248" target="_blank"><Image src={ctftimelogo} width={28} height={28} alt={"CTFtime"}></Image></a>
                     <a href="mailto:tcp1pindo@gmail.com" target="_blank"><FontAwesomeIcon icon={faEnvelope} className="text-3xl" /></a>
                 </div>
                 <p>TCP1P • © 2024</p>
diff --git a/src/app/_components/logo-header.tsx b/src/app/_components/logo-header.tsx
index c281a09..920ffe0 100644
--- a/src/app/_components/logo-header.tsx
+++ b/src/app/_components/logo-header.tsx
@@ -1,9 +1,11 @@
 import Image from "next/image";
 
+import logo from '../../../public/TCP1P-logo-no-bg.svg'
+
 export function LogoHeader() {
     return <>
         <div className="flex flex-col items-center">
-            <Image src='/TCP1P-logo-no-bg.svg' alt={"TCP1P Logo"} width={400} height={100}></Image>
+            <Image src={logo} alt={"TCP1P Logo"} width={400} height={100}></Image>
             <p className="font-bold text-3xl">The CTF Player 1P</p>
             <p>CTF Team From Indonesia</p>
         </div>