diff --git a/index.html b/index.html
index 52415e3..9a4e869 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
diff --git a/src/assets/image/Frame 27.png b/src/assets/image/Frame 27.png
new file mode 100644
index 0000000..15eb607
Binary files /dev/null and b/src/assets/image/Frame 27.png differ
diff --git a/src/assets/image/Rekan Ai.png b/src/assets/image/Rekan Ai.png
new file mode 100644
index 0000000..bec2340
Binary files /dev/null and b/src/assets/image/Rekan Ai.png differ
diff --git a/src/assets/index.js b/src/assets/index.js
index e76ab58..77ceb6c 100644
--- a/src/assets/index.js
+++ b/src/assets/index.js
@@ -6,8 +6,9 @@ import IconCorporate from './image/Frame 18 (2).png'
 import row from './image/arrow.png';
 import row2 from './image/vector.png';
 import homeLogo from './image/Component 1.png';
+import waButton from './image/Frame 27.png';
 import waIcon from './image/whatsapp-color_svgrepo.com (1).png';
-import homeImg from './image/Component 3.png';
+import homeImg from './image/Rekan Ai.png';
 import card1 from './image/rekan hr.png';
 import card2 from './image/rekan doku.png';
 import card3 from './image/rekan llm.png';
@@ -74,7 +75,7 @@ import frame from "./image/Component 11.png";
 
 export{
     Logo1, search,row,row2,homeLogo,waIcon,homeImg,card1,card2,card3,card4,chek,
-    waIcon2,L1,L2,L3,L4,R1,R2,R3,R4,bgcBanner,imgLeft,chek2,circle1,circle2,
+    waIcon2,waButton,L1,L2,L3,L4,R1,R2,R3,R4,bgcBanner,imgLeft,chek2,circle1,circle2,
     mitraImg,arrow1,arrow2,swipper1,swipper2,swipper3,swipper4,swipper5,swipper6,
     swipper7,swipper8,swipper9,swipper10,swipper11,swipper12,swipper13,swipper14,
     swipper15,swipper16,swipper17,swipper18,swipper19,swipper20,swipper21,swipper22,
diff --git a/src/components/beranda/Header.jsx b/src/components/beranda/Header.jsx
index eea0103..aec05dc 100644
--- a/src/components/beranda/Header.jsx
+++ b/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"
diff --git a/src/components/beranda/Hero.jsx b/src/components/beranda/Hero.jsx
index 812f0bf..452c2f9 100644
--- a/src/components/beranda/Hero.jsx
+++ b/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>
 
diff --git a/src/components/beranda/WhatsAppButon.jsx b/src/components/beranda/WhatsAppButon.jsx
index d8f035d..62c61a9 100644
--- a/src/components/beranda/WhatsAppButon.jsx
+++ b/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>
diff --git a/src/components/solusi/TransformasiCorpo/TransformasiCorpo.jsx b/src/components/solusi/TransformasiCorpo/TransformasiCorpo.jsx
new file mode 100644
index 0000000..1499003
--- /dev/null
+++ b/src/components/solusi/TransformasiCorpo/TransformasiCorpo.jsx
@@ -0,0 +1,39 @@
+import { wagreen } from "../asset";
+
+function Transformasi() {
+  return (
+    <>
+      <div className="flex flex-col items-center justify-center text-center w-full h-[65vh] mb-20 -mt-3">
+        {/* Tagline Section */}
+        <div className="mb-5">
+          <div className="flex flex-col sm:flex-row items-center justify-center gap-2 p-4">
+            <span className="flex items-center justify-center bg-pink-600 text-white font-semibold text-2xl rounded-2xl w-48 h-12">
+              #Rekan AI
+            </span>
+            <h1 className="text-2xl sm:text-[32px] font-semibold text-black">
+              Transformasi Digital Anda Dimulai di Sini
+            </h1>
+          </div>
+          <p className="text-base sm:text-xl text-customBlack-600 md:ml-24 mt-2 leading-relaxed px-4 sm:px-0">
+          Bersama Rekan AI, bawa bisnis Anda menuju masa depan yang lebih cerdas, efisien, dan kompetitif.         
+
+
+          </p>
+        </div>
+
+      </div>
+      <div className="flex flex-col justify-center md:-mt-52 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0">
+        <button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
+          <img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
+          Konsultasi Gratis
+        </button>
+        <button className="w-full lg:w-[276px] h-[70px] btn2 flex items-center justify-center py-3 px-8 rounded-[14px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
+          Coba Sekarang
+        </button>
+      </div>
+    </>
+
+  );
+}
+
+export default Transformasi;
diff --git a/src/components/solusi/Transformasi/Transformas.jsx b/src/components/solusi/TransformasiPersonal/TransformasiPersonal.jsx
similarity index 94%
rename from src/components/solusi/Transformasi/Transformas.jsx
rename to src/components/solusi/TransformasiPersonal/TransformasiPersonal.jsx
index 2335f63..dc3f49e 100644
--- a/src/components/solusi/Transformasi/Transformas.jsx
+++ b/src/components/solusi/TransformasiPersonal/TransformasiPersonal.jsx
@@ -1,6 +1,6 @@
 import { wagreen } from "../asset";
 
-function MasaDepan() {
+function Transformasi() {
   return (
     <>
       <div className="flex flex-col items-center justify-center text-center w-full h-[65vh] mb-20 -mt-3">
@@ -26,7 +26,7 @@ function MasaDepan() {
         </div>
 
       </div>
-      <div className="flex flex-col justify-center md:-mt-60 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0">
+      <div className="flex flex-col justify-center md:-mt-52 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0">
         <button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
           <img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
           Konsultasi Gratis
@@ -40,4 +40,4 @@ function MasaDepan() {
   );
 }
 
-export default MasaDepan;
+export default Transformasi;
diff --git a/src/components/solusi/TransformasiStart/TransformasiStart.jsx b/src/components/solusi/TransformasiStart/TransformasiStart.jsx
new file mode 100644
index 0000000..fe44781
--- /dev/null
+++ b/src/components/solusi/TransformasiStart/TransformasiStart.jsx
@@ -0,0 +1,43 @@
+import { wagreen } from "../asset";
+
+function Transformasi() {
+  return (
+    <>
+      <div className="flex flex-col items-center justify-center text-center w-full h-[65vh] mb-20 -mt-3">
+        {/* Tagline Section */}
+        <div className="mb-5">
+          <div className="flex flex-col sm:flex-row items-center justify-center gap-2 p-4">
+            <span className="flex items-center justify-center bg-pink-600 text-white font-semibold text-2xl rounded-2xl w-48 h-12">
+              #Rekan AI
+            </span>
+            <h1 className="text-2xl sm:text-[32px] font-semibold text-black">
+              Transformasi Digital Anda Dimulai di Sini
+            </h1>
+          </div>
+          <p className="text-base sm:text-xl text-customBlack-600 md:ml-24 mt-2 leading-relaxed px-4 sm:px-0">
+          Dengan Rekan AI, Startup dan perusahaan besar memiliki akses ke teknologi yang sama-sama
+           <span className="block sm:hidden mt-2">
+           memberdayakan – membawa bisnis ke level berikutnya
+            </span>
+            <span className="hidden sm:block mt-2">
+            memberdayakan – membawa bisnis ke level berikutnya
+            </span>
+          </p>
+        </div>
+
+      </div>
+      <div className="flex flex-col justify-center md:-mt-52 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0">
+        <button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
+          <img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
+          Konsultasi Gratis
+        </button>
+        <button className="w-full lg:w-[276px] h-[70px] btn2 flex items-center justify-center py-3 px-8 rounded-[14px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
+          Coba Sekarang
+        </button>
+      </div>
+    </>
+
+  );
+}
+
+export default Transformasi;
diff --git a/src/pages/SolusiCorporate.jsx b/src/pages/SolusiCorporate.jsx
index a714e60..246ee96 100644
--- a/src/pages/SolusiCorporate.jsx
+++ b/src/pages/SolusiCorporate.jsx
@@ -3,7 +3,7 @@ import HeadCorporate from "../components/solusi/HeadCorporate/HeadCorporate"
 import CardCorporate from '../components/solusi/CardCorporate/CardCorporate'
 import MengapaCorporate from '../components/solusi/MengapaCorporate/MengapaCorporate'
 import SolusiCorporate from '../components/solusi/SolusiCorporate/SolusiCorporate'
-import Transformas from '../components/solusi/Transformasi/Transformas'
+import TransformasiCorpo from '../components/solusi/TransformasiCorpo/TransformasiCorpo'
 import WhatsAppButton from "../components/beranda/WhatsAppButon"
 import Footer from "../components/contact/Footer"
 function Contact() {
@@ -14,7 +14,7 @@ function Contact() {
     <CardCorporate />
     <MengapaCorporate />
     <SolusiCorporate />
-    <Transformas />
+    <TransformasiCorpo />
     <Footer />
     <WhatsAppButton />
     </>
diff --git a/src/pages/SolusiPersonal.jsx b/src/pages/SolusiPersonal.jsx
index 3643d8f..eeff1f9 100644
--- a/src/pages/SolusiPersonal.jsx
+++ b/src/pages/SolusiPersonal.jsx
@@ -3,7 +3,7 @@ import HeadPersonal from '../components/solusi/HeadPersonal/HeadPersonal'
 import CardPersonal from '../components/solusi/CardPersonal/CardPersonal'
 import MengapapPersonal from '../components/solusi/MengapapPersonal/MengapapPersonal'
 import SolusiPersonal from '../components/solusi/SolusiPersonal/SolusiPersonal'
-import Transformas from '../components/solusi/Transformasi/Transformas'
+import TransformasiPersonal from '../components/solusi/TransformasiPersonal/TransformasiPersonal'
 import WhatsAppButton from "../components/beranda/WhatsAppButon"
 import Footer from "../components/contact/Footer"
 function Contact() {
@@ -14,7 +14,7 @@ function Contact() {
     <CardPersonal />
     <MengapapPersonal />
     <SolusiPersonal />
-    <Transformas />
+    <TransformasiPersonal />
     <Footer />
     <WhatsAppButton />
     </>
diff --git a/src/pages/SolusiStartup.jsx b/src/pages/SolusiStartup.jsx
index df3e97c..a6d59d8 100644
--- a/src/pages/SolusiStartup.jsx
+++ b/src/pages/SolusiStartup.jsx
@@ -5,7 +5,7 @@ import Footer from "../components/contact/Footer"
 import CardStartup from "../components/solusi/CardStartup/CardStartup"
 import MengapaStartup from "../components/solusi/MengapaStartup/MengapaStartup"
 import SolusiStartup from "../components/solusi/SolusiStartup/SolusiStartup"
-import Transformas from "../components/solusi/Transformasi/Transformas"
+import TransformasiStart from "../components/solusi/TransformasiStart/TransformasiStart"
 function Contact() {
   return (
     <>
@@ -14,7 +14,7 @@ function Contact() {
     <CardStartup />
     <MengapaStartup />
     <SolusiStartup />
-    <Transformas />
+    <TransformasiStart />
     <Footer />
     <WhatsAppButton />
     </>
