From c214b95b2168c8824169dcd7208aa780d464afda Mon Sep 17 00:00:00 2001
From: Carls2320 <devencarlo3@gmail.com>
Date: Sat, 8 Feb 2025 17:17:21 +0700
Subject: [PATCH] done

---
 src/componen/CardPersonal/CardPersonal.jsx    |  2 +-
 src/componen/HeadPersonal/HeadPersonal.jsx    |  2 +-
 .../MengapapPersonal/MengapapPersonal.jsx     | 55 +++++++------------
 3 files changed, 21 insertions(+), 38 deletions(-)

diff --git a/src/componen/CardPersonal/CardPersonal.jsx b/src/componen/CardPersonal/CardPersonal.jsx
index 7106ee3..aa0b901 100644
--- a/src/componen/CardPersonal/CardPersonal.jsx
+++ b/src/componen/CardPersonal/CardPersonal.jsx
@@ -23,7 +23,7 @@ export default function FeatureCards() {
   ];
 
   return (
-    <div className="container mx-auto px-4 py-16 text-center mb-[-70px]">
+    <div className="container mx-auto px-4 py-16 mt-[-185px] text-center mb-[-70px]">
       <h2 className="text-[#212121] text-[32px] font-semibold mb-[91px] mt-[81px]">
         Dengan <span className="text-[#CA2B68]">#Rekan AI</span>, Anda bisa menghemat waktu, meningkatkan produktivitas, dan mendapatkan solusi yang benar-benar relevan dengan kebutuhan Anda.
       </h2>
diff --git a/src/componen/HeadPersonal/HeadPersonal.jsx b/src/componen/HeadPersonal/HeadPersonal.jsx
index 53cd0c1..9ffcd26 100644
--- a/src/componen/HeadPersonal/HeadPersonal.jsx
+++ b/src/componen/HeadPersonal/HeadPersonal.jsx
@@ -3,7 +3,7 @@ import { component11, wagreen, start22 } from "../asset";
 export default function Hero() {
   return (
     <div className="container mx-auto px-4 lg:px-6">
-      <div className="flex flex-col lg:mt-[50px] lg:flex-row items-center mt-[200px]  gap-12 py-8">
+      <div className="flex flex-col lg:mt-[85px] lg:flex-row items-center mt-[200px]  gap-12 py-8">
         {/* Left Column */}
         <div className="flex-1 space-y-7">
           {/* Logo and Tagline */}
diff --git a/src/componen/MengapapPersonal/MengapapPersonal.jsx b/src/componen/MengapapPersonal/MengapapPersonal.jsx
index b80df49..67d2d0a 100644
--- a/src/componen/MengapapPersonal/MengapapPersonal.jsx
+++ b/src/componen/MengapapPersonal/MengapapPersonal.jsx
@@ -1,64 +1,46 @@
-import { chek2, wagreen, start33 } from "../asset";
+import { chek2, wagreen, start33 } from "../asset"
 
 function Kenapa() {
   return (
     <div className="flex justify-center items-center bg-customWhite mt-5 min-h-screen">
       <div className="flex flex-col md:flex-row bg-customWhite rounded-lg overflow-hidden relative pt-16 md:pt-52">
         {/* Image Section */}
-        <div className="relative w-full md:w-1/2 p-5 flex justify-center md:ml-14 md:justify-start">
+        <div className="relative w-full md:w-2/5 p-5 flex justify-center md:ml-14 md:justify-start">
           <img
-            src={start33}
+            src={start33 || "/placeholder.svg"}
             alt="Woman with Tablet"
             className="w-full md:w-[654.5px] max-h-[609.67px] h-auto object-contain"
           />
         </div>
 
         {/* Text Section */}
-        <div className="w-full md:w-1/2 p-6 md:p-10 flex flex-col items-center md:items-start md:mr-28 text-center md:text-left text-[#212121] ">
-          <h2 className="text-[32px] font-semibold">
-            Mengapa Memilih Rekan AI untuk Penggunaan Pribadi?
-          </h2>
+        <div className="w-full md:w-3/5 p-6 md:p-10 flex flex-col items-center md:items-start md:mr-28 text-center md:text-left text-[#212121] ">
+          <h2 className="text-[32px] font-semibold">Mengapa Memilih Rekan AI untuk Penggunaan Pribadi?</h2>
           <p className="mt-4 text-sm md:max-w-[90%] md:leading-8 text-[20px]">
-            Rekan AI hadir untuk memberikan kemudahan dan efisiensi bagi
-            individu yang ingin memanfaatkan kecerdasan buatan dalam kehidupan
-            sehari-hari. Apakah Anda ingin meningkatkan produktivitas, mengelola
-            data dengan aman, atau membuat keputusan yang lebih cerdas, Rekan AI
-            adalah solusi tepat yang dirancang khusus untuk Anda.
+            Rekan AI hadir untuk memberikan kemudahan dan efisiensi bagi individu yang ingin memanfaatkan kecerdasan
+            buatan dalam kehidupan sehari-hari. Apakah Anda ingin meningkatkan produktivitas, mengelola data dengan
+            aman, atau membuat keputusan yang lebih cerdas, Rekan AI adalah solusi tepat yang dirancang khusus untuk
+            Anda.
           </p>
           <ul className="mt-8 space-y-4 md:space-y-6 text-[16px] md:max-w-[70%]  font-medium">
             <li className="flex items-center ">
-              <img
-                src={chek2}
-                alt="Check"
-                className="w-6 h-6 md:w-11 md:h-11 mr-3"
-              />
-              Teknologi yang ramah pengguna, cocok untuk semua kalangan tanpa
-              memerlukan keahlian teknis.
+              <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
+              Teknologi yang ramah pengguna, cocok untuk semua kalangan tanpa memerlukan keahlian teknis.
             </li>
             <li className="flex items-center">
-              <img
-                src={chek2}
-                alt="Check"
-                className="w-6 h-6 md:w-11 md:h-11 mr-3"
-              />
-              Data Anda aman dengan enkripsi tingkat tinggi, memastikan privasi
-              Anda tetap terlindungi.
+              <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
+              Data Anda aman dengan enkripsi tingkat tinggi, memastikan privasi Anda tetap terlindungi.
             </li>
             <li className="flex items-center">
-              <img
-                src={chek2}
-                alt="Check"
-                className="w-6 h-6 md:w-11 md:h-11 mr-3"
-              />
-              Dapatkan manfaat maksimal dari solusi AI yang dapat disesuaikan
-              dengan kebutuhan individu Anda.
+              <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
+              Dapatkan manfaat maksimal dari solusi AI yang dapat disesuaikan dengan kebutuhan individu Anda.
             </li>
           </ul>
 
           <div className="flex flex-col md:flex-row mt-8 md:mt-20 space-y-4 md:space-y-0 md:space-x-10 w-full mb-[112px]">
             <button className="flex items-center justify-center w-full md:w-[270px] h-[50px] md:h-[70px] border-2 border-[#CA2B68] text-[#CA2B68] md:text-xl font-medium rounded-[14px] hover:bg-white hover:bg-opacity-10 transition">
               <img
-                src={wagreen}
+                src={wagreen || "/placeholder.svg"}
                 alt="WhatsApp Icon"
                 className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]"
               />
@@ -71,7 +53,8 @@ function Kenapa() {
         </div>
       </div>
     </div>
-  );
+  )
 }
 
-export default Kenapa;
+export default Kenapa
+