before merge

src/components/beranda/Header.jsx

@@ -1,5 +1,3 @@
-"use client"
-
 import { useState } from "react"
 import { useNavigate } from "react-router-dom"
 import { Logo1, search, row, IconPersonal, IconCorporate, IconStartup } from "../../assets"

src/components/beranda/Hero.jsx

@@ -18,7 +18,7 @@ function Hero() {
           </div>
 
           {/* Right Section - Adjust order for mobile */}
-          <div className="relative w-full aspect-square lg:aspect-auto lg:h-[600px] order-2 lg:order-none">
+          <div className="relative w-full aspect-square lg:aspect-auto md:w-[650px] md:h-[680px] lg:h-[600px] order-2 lg:order-none">
             <img src={homeImg} alt="Rekan AI Illustration" className="object-contain" />
           </div>
 

src/components/beranda/WhatsAppButon.jsx

@@ -1,11 +1,11 @@
-import WaButtons from '../../assets/image/Whatsapp.png';
+import { waButton } from "../../assets";
 
 const WhatsAppButton = () => {
   return (
     <div className="fixed bottom-2 right-2 md:right-16 flex justify-center items-center w-16 h-16 md:w-20 md:h-20 rounded-full z-50 cursor-pointer border-4 border-[#6950DA] bg-gradient-to-l from-[#FD66B9] to-[#A162F9] m-[10px]">
       <img
-        className="w-10 h-10 md:w-12 md:h-12"
-        src={WaButtons}
+        className="w-10 h-10 md:w-auto md:h-auto"
+        src={waButton}
         alt="WhatsApp"
       />
     </div>