From 035f7fa8cd5467aeac7a860830bfa40ec282d49e Mon Sep 17 00:00:00 2001
From: arraysid <arraysdotid@gmail.com>
Date: Tue, 27 May 2025 04:11:18 +0700
Subject: [PATCH] feat: replace Image component with LogoSimple in Header and
 update Logo component to accept props

---
 apps/landing/src/app/(public)/_components/header.tsx | 10 ++--------
 apps/landing/src/app/_components/logo.tsx            |  6 ++++--
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/apps/landing/src/app/(public)/_components/header.tsx b/apps/landing/src/app/(public)/_components/header.tsx
index a417350..b7b47e4 100644
--- a/apps/landing/src/app/(public)/_components/header.tsx
+++ b/apps/landing/src/app/(public)/_components/header.tsx
@@ -1,9 +1,9 @@
 'use client';
 
+import { LogoSimple } from '@/app/_components/logo';
 import navigations from '@/data/navigations.json';
 import { Button } from '@components';
 import { cn } from '@utils';
-import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -36,13 +36,7 @@ export function Header() {
         <div className="flex items-center gap-2">
           <div className="relative overflow-hidden rounded">
             <Link href="/">
-              <Image
-                src="/logo.webp"
-                alt="IMPHNEN"
-                width={64}
-                height={64}
-                className="object-cover"
-              />
+              <LogoSimple className="w-[80px]" />
             </Link>
           </div>
         </div>
diff --git a/apps/landing/src/app/_components/logo.tsx b/apps/landing/src/app/_components/logo.tsx
index e9963a5..d7fdfa7 100644
--- a/apps/landing/src/app/_components/logo.tsx
+++ b/apps/landing/src/app/_components/logo.tsx
@@ -1,6 +1,7 @@
-export function Logo() {
+export function Logo(props: React.SVGProps<SVGSVGElement>) {
   return (
     <svg
+      {...props}
       xmlns="http://www.w3.org/2000/svg"
       xmlnsXlink="http://www.w3.org/1999/xlink"
       width="317"
@@ -33,9 +34,10 @@ export function Logo() {
   );
 }
 
-export function LogoSimple() {
+export function LogoSimple(props: React.SVGProps<SVGSVGElement>) {
   return (
     <svg
+      {...props}
       xmlns="http://www.w3.org/2000/svg"
       xmlnsXlink="http://www.w3.org/1999/xlink"
       width="138"