Merge branch 'main' of https://git.allbestsistem.com/amnannn/rekan_ai into carls2

src/components/beranda/Banner.jsx

@@ -27,11 +27,11 @@ function Banner() {
         {/* Teks dan tombol */}
         <div className="container mx-auto px-4 text-center w-full mt-8 md:mt-0 z-10">
           <div className="text-customWhite max-w-[90%] md:max-w-[45%] mx-auto">
-            <h1 className="text-xl md:text-[30px] font-semibold text-center leading-10">
+            <h1 className="text-xl md:text-[25px] lg:text-[24px] 2xl:text-[30px] font-semibold text-center leading-10">
               Bersama Rekan AI, Wujudkan Masa Depan Bisnis yang Lebih Inovatif dan Kompetitif.
             </h1>
           </div>
-          <p className="mt-4 md:mt-14 max-w-[90%] md:max-w-[700px] mx-auto text-customWhite text-sm md:text-[18px] md:font-extralight md:leading-7">
+          <p className="mt-4 md:mt-14 max-w-[90%] md:max-w-[500px] 2xl:max-w-[700px]  mx-auto text-customWhite text-sm 2xl:text-[18px] md:font-extralight md:leading-7">
             Dari autentikasi dokumen hingga analisis data dan automasi HR, Rekan AI menawarkan produk-produk cerdas yang
             siap membantu bisnis Anda tumbuh dan bersaing di pasar yang dinamis.
           </p>
@@ -58,22 +58,22 @@ function Banner() {
           <img
             src={L1}
             alt="image 1"
-            className="w-[15vw] max-w-[200px] rounded-lg shadow-lg object-cover"
+            className="w-[15vw] max-w-[170px] 2xl:max-w-[200px] rounded-lg shadow-lg object-cover"
           />
           <img
             src={L2}
             alt="image 2"
-            className="w-[11vw] max-w-[150px] rounded-lg shadow-lg object-cover mt-16"
+            className="w-[11vw] max-w-[135px] 2xl:max-w-[150px] md:-translate-x-9 2xl:-translate-x-0 rounded-lg shadow-lg object-cover mt-16"
           />
           <img
             src={L3}
             alt="image 3"
-            className="w-[16vw] max-w-[210px] rounded-lg shadow-lg object-cover"
+            className="w-[16vw] max-w-[180px] 2xl:max-w-[210px] rounded-lg shadow-lg object-cover"
           />
           <img
             src={L4}
             alt="image 4"
-            className="w-[11vw] max-w-[150px] rounded-lg shadow-lg object-cover -mt-11"
+            className="w-[11vw] max-w-[120px] 2xl:max-w-[150px] md:-translate-x-5 2xl:-translate-x-0 rounded-lg shadow-lg object-cover -mt-1 2xl:-mt-11"
           />
         </div>
 
@@ -82,22 +82,22 @@ function Banner() {
           <img
             src={R1}
             alt="image 1"
-            className="w-[11vw] max-w-[150px] rounded-lg shadow-lg object-cover mt-20 ml-9"
+            className="w-[11vw] max-w-[135px] 2xl:max-w-[150px] rounded-lg shadow-lg object-cover mt-28 2xl:mt-20 ml-24 2xl:ml-9"
           />
           <img
             src={R2}
             alt="image 2"
-            className="w-[15vw] max-w-[200px] rounded-lg shadow-lg object-cover -ml-4"
+            className="w-[15vw] max-w-[170px] 2xl:max-w-[200px] rounded-lg shadow-lg object-cover 2xl:-ml-4 md:ml-8 md:mt-14 2xl:mt-0"
           />
           <img
             src={R3}
             alt="image 3"
-            className="w-[13vw] max-w-[180px] rounded-lg shadow-lg object-cover ml-7"
+            className="w-[13vw] max-w-[145px] 2xl:max-w-[180px] rounded-lg shadow-lg object-cover ml-24 2xl:ml-7"
           />
           <img
             src={R4}
             alt="image 4"
-            className="w-[15vw] max-w-[206px] rounded-lg shadow-lg object-cover"
+            className="w-[15vw] max-w-[170px] 2xl:max-w-[206px] rounded-lg shadow-lg object-cover ml-8 2xl:ml-0"
           />
         </div>
 

src/components/beranda/Footer.jsx

@@ -15,141 +15,144 @@ function Footer() {
   const navigate = useNavigate();
   return (
     <footer className="bg-customGrey py-10 text-[#212121]">
-      {/* Kontainer utama footer */}
+      <div className="container mx-auto">
-      <div className="flex flex-col sm:flex-row sm:flex-wrap justify-between gap-5 mx-5 sm:mx-28 mt-20 text-sm">
+        {/* Kontainer utama footer */}
-        {/* Kolom 1: Logo perusahaan */}
+        <div className="flex flex-col sm:flex-row sm:flex-wrap justify-between gap-5 mx-5 sm:mx-28 mt-20 text-sm">
-        <div className="mb-5 sm:mb-0">
+          {/* Kolom 1: Logo perusahaan */}
-          <img
+          <div className="mb-5 sm:mb-0 md:-ml-16">
-            src={component11} // Gambar logo perusahaan
-            alt="Logo"
-            className="max-w-[200px] w-[50.3px] h-[40.24px] sm:mx-0"
-          />
-        </div>
-
-        {/* Kolom 2: Deskripsi singkat perusahaan */}
-        <div className="w-full sm:w-auto mb-5 sm:mb-0 md:pr-14 sm:pl-0">
-          <div className="flex mb-5">
-            <p>
-              <strong className="text-[25px] text-[#5B59E8]">Rekan AI</strong>{" "}
-              <br />
-              <span className="text-[#5B59E8] italic">
-                Reimagine Your Business with AI.
-              </span>
-            </p>
-          </div>
-
-          <div className="flex space-x-3">
-            {/* Tautan ke media sosial */}
-            <a href="#">
-              <img src={instagram} alt="Instagram" className="w-5 h-5" />{" "}
-            </a>
-            <a href="#">
-              <img src={facebook} alt="Facebook" className="w-5 h-5" />{" "}
-            </a>
-            <a href="#">
-              <img src={x} alt="Twitter" className="w-5 h-5" />{" "}
-            </a>
-          </div>
-        </div>
-
-        {/* Kolom 3: Produk perusahaan */}
-        <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
-          <h4 className="text-base font-semibold mb-4">Produk Kami</h4>
-          <ul className="space-y-4 text-[18px]">
-            <li>Rekan Doku</li>
-            <li>Rekan Veri</li>
-            <li>Rekan HR</li>
-            <li>Rekan LLM</li>
-          </ul>
-        </div>
-
-        {/* Kolom 4: Solusi yang ditawarkan */}
-        <div className="flex-1 flex flex-col mb-5 sm:mb-0 sm:pl-0">
-          <h4 className="text-base font-semibold mb-4">Solusi Kami</h4>
-          <ul className="space-y-4 text-[18px]">
-            <li>
-              <button
-                onClick={() => {
-                  navigate("/SolusiPersonal");
-                  window.scrollTo({ top: 0, behavior: "smooth" });
-                }}
-                className="block w-full text-left"
-              >
-                Personal
-              </button>
-            </li>
-            <li>
-              <button
-                onClick={() => {
-                  navigate("/SolusiStartup");
-                  window.scrollTo({ top: 0, behavior: "smooth" });
-                }}
-                className="block w-full text-left">
-                Startup
-              </button>
-            </li>
-            <li>
-              <button
-                onClick={() => {
-                  navigate("/SolusiCorporate");
-                  window.scrollTo({ top: 0, behavior: "smooth" });
-                }}
-                className="block w-full text-left">
-                Corporate Business
-              </button>
-            </li>
-          </ul>
-        </div>
-
-
-        {/* Kolom 5: Informasi kontak */}
-        <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
-          <h4 className="text-[18px] font-semibold mb-4">Hubungi Kami</h4>
-          <ul className="space-y-4 text-[18px]">
-          <li>
-              <button
-                onClick={() => {
-                  navigate("/Contact");
-                  window.scrollTo({ top: 0, behavior: "smooth" });
-                }}
-                className="block w-full text-left">
-                 Kontak Kami
-              </button>
-            </li>
-            <li>
-              <Link to={"/Contact#faq"}>
-              <button
-                className="block w-full text-left">
-                 F.A.Q
-              </button>
-              </Link>
-            </li>
-          </ul>
-        </div>
-
-        {/* Kolom 6: Partner perusahaan */}
-        <div className="mb-5 sm:mb-0 sm:pl-0">
-          <div className="mb-4">
             <img
-              src={nvidia}
+              src={component11} // Gambar logo perusahaan
-              alt="NVIDIA Inception Premier Member"
+              alt="Logo"
-              className="w-[221px] h-[83px]"
+              className="max-w-[200px] w-[50.3px] h-[40.24px] sm:mx-0"
             />
           </div>
-          <div className="flex gap-5">
+
-            <img src={kmn} alt="Partner 1" className="w-[56px] h-[72px]" />
+          {/* Kolom 2: Deskripsi singkat perusahaan */}
-            <img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" />
+          <div className="w-full sm:w-auto mb-5 sm:mb-0 md:pr-14 sm:pl-0">
-            <img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" />
+            <div className="flex mb-5">
+              <p>
+                <strong className="text-[25px] text-[#5B59E8]">Rekan AI</strong>{" "}
+                <br />
+                <span className="text-[#5B59E8] italic">
+                  Reimagine Your Business with AI.
+                </span>
+              </p>
+            </div>
+
+            <div className="flex space-x-3">
+              {/* Tautan ke media sosial */}
+              <a href="#">
+                <img src={instagram} alt="Instagram" className="w-5 h-5" />{" "}
+              </a>
+              <a href="#">
+                <img src={facebook} alt="Facebook" className="w-5 h-5" />{" "}
+              </a>
+              <a href="#">
+                <img src={x} alt="Twitter" className="w-5 h-5" />{" "}
+              </a>
+            </div>
           </div>
+
+          {/* Kolom 3: Produk perusahaan */}
+          <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
+            <h4 className="text-base font-semibold mb-4">Produk Kami</h4>
+            <ul className="space-y-4 text-[18px]">
+              <li>Rekan Doku</li>
+              <li>Rekan Veri</li>
+              <li>Rekan HR</li>
+              <li>Rekan LLM</li>
+            </ul>
+          </div>
+
+          {/* Kolom 4: Solusi yang ditawarkan */}
+          <div className="flex-1 flex flex-col mb-5 sm:mb-0 sm:pl-0">
+            <h4 className="text-base font-semibold mb-4">Solusi Kami</h4>
+            <ul className="space-y-4 text-[18px]">
+              <li>
+                <button
+                  onClick={() => {
+                    navigate("/SolusiPersonal");
+                    window.scrollTo({ top: 0, behavior: "smooth" });
+                  }}
+                  className="block w-full text-left"
+                >
+                  Personal
+                </button>
+              </li>
+              <li>
+                <button
+                  onClick={() => {
+                    navigate("/SolusiStartup");
+                    window.scrollTo({ top: 0, behavior: "smooth" });
+                  }}
+                  className="block w-full text-left">
+                  Startup
+                </button>
+              </li>
+              <li>
+                <button
+                  onClick={() => {
+                    navigate("/SolusiCorporate");
+                    window.scrollTo({ top: 0, behavior: "smooth" });
+                  }}
+                  className="block w-full text-left">
+                  Corporate Business
+                </button>
+              </li>
+            </ul>
+          </div>
+
+
+          {/* Kolom 5: Informasi kontak */}
+          <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
+            <h4 className="text-[18px] font-semibold mb-4">Hubungi Kami</h4>
+            <ul className="space-y-4 text-[18px]">
+              <li>
+                <button
+                  onClick={() => {
+                    navigate("/Contact");
+                    window.scrollTo({ top: 0, behavior: "smooth" });
+                  }}
+                  className="block w-full text-left">
+                  Kontak Kami
+                </button>
+              </li>
+              <li>
+                <Link to={"/Contact#faq"}>
+                  <button
+                    className="block w-full text-left">
+                    F.A.Q
+                  </button>
+                </Link>
+              </li>
+            </ul>
+          </div>
+
+          {/* Kolom 6: Partner perusahaan */}
+          <div className="mb-5 sm:mb-0 sm:pl-0">
+            <div className="mb-4">
+              <img
+                src={nvidia}
+                alt="NVIDIA Inception Premier Member"
+                className="w-[221px] h-[83px]"
+              />
+            </div>
+            <div className="flex gap-5">
+              <img src={kmn} alt="Partner 1" className="w-[56px] h-[72px]" />
+              <img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" />
+              <img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" />
+            </div>
+          </div>
+        </div>
+
+        {/* Bagian hak cipta */}
+        <div className="text-left mt-[92.78px] md:ml-44 sm:mx-28 text-xs">
+          <p>
+            © Copyright 2025 Rekan AI. Seluruh hak cipta dilindungi undang-undang
+          </p>
         </div>
       </div>
 
-      {/* Bagian hak cipta */}
-      <div className="text-left mt-[92.78px] md:ml-44 sm:mx-28 text-xs">
-        <p>
-          © Copyright 2025 Rekan AI. Seluruh hak cipta dilindungi undang-undang
-        </p>
-      </div>
     </footer>
   );
 }

src/components/beranda/Header.jsx

@@ -7,6 +7,28 @@ const Header = () => {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [isSolusiOpen, setIsSolusiOpen] = useState(false);
   const [isProdukOpen, setIsProdukOpen] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("")
+
+  const handleSearch = (e) => {
+    setSearchQuery(e.target.value)
+  }
+
+  const handleSearchSubmit = (e) => {
+    e.preventDefault()
+    const query = searchQuery.toLowerCase()
+
+    // Solutions mapping
+    if (query.includes("solusi personal") || query.includes("personal")) {
+      navigate("/SolusiPersonal")
+    } else if (query.includes("solusi startup") || query.includes("startup")) {
+      navigate("/SolusiStartup")
+    } else if (query.includes("solusi corporate") || query.includes("corporate") || query.includes("business")) {
+      navigate("/SolusiCorporate")
+    }
+
+    window.scrollTo({ top: 0, behavior: "smooth" })
+    setSearchQuery("") // Clear search after submission
+  }
 
   // Referensi untuk mendeteksi klik di luar dropdown
   const solusiRef = useRef(null);
@@ -23,6 +45,7 @@ const Header = () => {
       }
     }
     
+
     // Tambahkan event listener saat dropdown terbuka
     document.addEventListener("mousedown", handleClickOutside);
     return () => {
@@ -72,7 +95,7 @@ const Header = () => {
             </button>
 
             {isProdukOpen && (
-              <div className="absolute left-[500px] -translate-x-1/2 top-full md:top-11 mt-2 w-[5000px]">
+              <div className="absolute left-[448px] -translate-x-1/2 top-full md:top-11 mt-2 w-[1450px]">
                 <div className="bg-customRed bg-opacity-80 rounded-xl p-8">
                   <div className="flex justify-center gap-8">
                     {/* HR */}
@@ -165,7 +188,7 @@ const Header = () => {
             </button>
 
             {isSolusiOpen && (
-              <div className="absolute left-64 -translate-x-1/2 top-full md:top-11 mt-2 w-[5000px]">
+              <div className="absolute left-[340px] -translate-x-1/2 top-full md:top-11 mt-2 w-[1450px]">
                 <div className="bg-customRed bg-opacity-80 rounded-xl p-8">
                   <div className="flex justify-center gap-8">
                     {/* Personal */}
@@ -235,16 +258,21 @@ const Header = () => {
 
         {/* Search Bar */}
         <div className="hidden lg:flex items-center flex-1 max-w-xl mx-8">
-          <div className="relative w-full">
+          <form onSubmit={handleSearchSubmit} className="relative w-full">
             <input
               type="text"
               placeholder="Pencarian..."
+              value={searchQuery}
+              onChange={handleSearch}
               className="w-full h-12 px-4 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#5a55ff]"
             />
-            <button className="absolute right-4 top-1/2 -translate-y-1/2 text-gray-500 hover:text-[#5a55ff]">
+            <button
+              type="submit"
+              className="absolute right-4 top-1/2 -translate-y-1/2 text-gray-500 hover:text-[#5a55ff]"
+            >
               <img src={search || "/placeholder.svg"} alt="search" className="w-5 h-5" />
             </button>
-          </div>
+          </form>
         </div>
 
         {/* Konsultasi Button */}

src/components/beranda/Kenapa.jsx

@@ -54,7 +54,7 @@ function Kenapa() {
         {/* Text Section */}
         <motion.div 
           ref={listRef}
-          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"
+          className="w-full md:w-[40%] p-6 md:p-10 flex flex-col items-center md:items-start md:mr-28 text-center md:text-left"
           initial={{ opacity: 0, x: 50 }}
           animate={listInView ? { opacity: 1, x: 0 } : {}}
           transition={{ duration: 0.8, delay: 0.3 }}

src/components/contact/BottomCTA.jsx

@@ -23,21 +23,23 @@ const BottomCTA = () => {
       </div>
 
       <p className="text-[20px] font-normal leading-[30px] tracking-[0.005em] text-center text-[#212121] mb-5 mx-auto">
-        Jika pertanyaan Anda belum terjawab di atas, jangan ragu untuk menghubungi kami melalui formulir<br />
+        Jika pertanyaan Anda belum terjawab di atas, jangan ragu untuk
+        menghubungi kami melalui formulir
+        <br />
         kontak atau email. Kami dengan senang hati akan membantu!
       </p>
 
       <div className="flex flex-col justify-center md:mt-12 sm:flex-row gap-6 sm:gap-12 sm:mt-1 px-4 sm:px-0">
-        <motion.button
+        <motion.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]">
-          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}
-          <img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
+            alt="WhatsApp Icon"
+            className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]"
+          />
           Konsultasi Gratis
         </motion.button>
 
-        <motion.button
+        <motion.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">
-          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
         </motion.button>
       </div>

src/components/contact/CustomerService.jsx

@@ -1,6 +1,5 @@
 import { email, phone, customer } from "./asset";
 import { motion } from "framer-motion";
-import { useEffect } from "react";
 import { useInView } from "react-intersection-observer";
 
 const CustomerService = () => {
@@ -18,24 +17,23 @@ const CustomerService = () => {
     };
 
     return (
-        <section className="main-container mt-[180px] mb-16 md:mt-20 flex flex-col md:flex-row items-center px-5 py-10 max-w-7xl mx-auto md:mb-[100px] 2xl:px-20 2xl:gap-20">
+        <section className="main-container mt-[180px] mb-16 md:mt-20 flex flex-col md:flex-row items-center px-5 py-10 max-w-7xl mx-auto md:mb-[100px] md:gap-12 xl:gap-20 2xl:px-20">
             {/* LEFT SECTION - Informasi */}
             <motion.div
                 ref={leftRef}
-                className="w-full md:w-[650px] 2xl:w-[750px] h-auto gap-[29px] text-left md:mt-0 md:ml-[-110px]"
+                className="w-full md:w-[650px] 2xl:w-[750px] h-auto gap-[29px] text-left md:mt-0 lg: 2xl:ml-[-90px]"
                 initial="hidden"
                 animate={leftInView ? "visible" : "hidden"}
                 variants={fadeInLeft}
                 key="left-content"
             >
-
                 <div className="mb-5">
-                    <h2 className="text-[#212121] text-[28px] md:text-[32px] font-[550] leading-[36px] md:leading-[48px] 2xl:leading-[52px]">
+                    <h2 className="text-[#212121] text-[28px] md:text-[32px] font-[550] leading-[36px] md:leading-[48px]">
                         Kami Siap Membantu Bisnis Anda <br />
                         Lebih Maju!
                     </h2>
                 </div>
-                <p className="text-[#212121] leading-relaxed mb-6 text-[16px] md:text-[20px] md:max-w-[90%]">
+                <p className="text-[#212121] leading-relaxed mb-6 text-[16px] md:text-[18px]">
                     Butuh informasi lebih lanjut tentang produk atau solusi kami? Tim Rekan AI siap menjawab pertanyaan Anda dengan cepat dan profesional.
                 </p>
                 <div className="flex flex-col gap-6">
@@ -48,7 +46,7 @@ const CustomerService = () => {
                         <div className="text-left">
                             <p className="text-sm text-[#212121] md:text-[18px]">
                                 Kirim pertanyaan Anda ke{" "}
-                                <strong className="text-[#5B59E8] md:text-[18px]">
+                                <strong className="text-[#5B59E8]">
                                     support@rekanai.com
                                 </strong>{" "}
                                 dan tim kami akan segera merespons.
@@ -79,7 +77,7 @@ const CustomerService = () => {
             {/* RIGHT SECTION - Gambar */}
             <motion.div
                 ref={rightRef}
-                className="flex justify-center md:justify-end items-center md:mr-[-70px]"
+                className="w-full md:w-[45%] flex justify-center items-center"
                 initial="hidden"
                 animate={rightInView ? "visible" : "hidden"}
                 variants={fadeInRight}
@@ -88,7 +86,7 @@ const CustomerService = () => {
                 <img
                     src={customer}
                     alt="Customer Service"
-                    className="w-full h-auto md:w-auto md:h-auto"
+                    className="w-[80%] md:w-full max-w-[450px] h-auto"
                 />
             </motion.div>
         </section>

src/components/contact/FormSection.jsx

@@ -136,7 +136,7 @@ const ContactForm = () => {
                 </select>
                 <div className="absolute inset-y-0 right-5 flex items-center pointer-events-none">
                   <svg
-                    className="w-6 text-[#5B59E8]"
+                    className="w-8 mt-7 text-[#5B59E8]"
                     xmlns="http://www.w3.org/2000/svg"
                     fill="none"
                     viewBox="0 0 24 24"

src/components/contact/asset/index.js

@@ -1,25 +1,43 @@
-import row from './arrow.png';
+import row from "./arrow.png";
-import component11 from './Component 11.png';
+import component11 from "./Component 11.png";
-import customer from './customer.png';
+import customer from "./customer.png";
-import email from './email.png';
+import email from "./email.png";
-import facebook from './facebook.png';
+import facebook from "./facebook.png";
-import frame from './Frame.png';
+import frame from "./Frame.png";
-import frame27 from './Frame27.png';
+import frame27 from "./Frame27.png";
-import img10 from './image 10.png';
+import img10 from "./image 10.png";
-import instagram from './instagram.png';
+import instagram from "./instagram.png";
-import kmn from './Dukcapil PNG Pic.png';
+import kmn from "./Dukcapil PNG Pic.png";
-import kominfo from './Kominfo PNG Pic.png';
+import kominfo from "./Kominfo PNG Pic.png";
-import Logo1 from './logo.png';
+import Logo1 from "./logo.png";
-import nvidia from './NVIDIA PNG Pic.png';
+import nvidia from "./NVIDIA PNG Pic.png";
-import ojk from './OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp';
+import ojk from "./OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp";
-import phone from './phone.png';
+import phone from "./phone.png";
-import search from './search.png';
+import search from "./search.png";
-import telephone from './telephone.png';
+import telephone from "./telephone.png";
-import wagreen from './whatsapp-color_svgrepo.com.png';
+import wagreen from "./whatsapp-color_svgrepo.com.png";
-import wabutton from './Whatsapp22.png';
+import wabutton from "./Whatsapp22.png";
-import x from './x.png';
+import x from "./x.png";
 
-
+export {
-export{
+  row,
-    row,component11,customer,email,facebook,frame,frame27,img10,instagram,kmn,kominfo,Logo1,nvidia,ojk,phone,search,telephone,wagreen,wabutton,x
+  component11,
-}
+  customer,
+  email,
+  facebook,
+  frame,
+  frame27,
+  img10,
+  instagram,
+  kmn,
+  kominfo,
+  Logo1,
+  nvidia,
+  ojk,
+  phone,
+  search,
+  telephone,
+  wagreen,
+  wabutton,
+  x,
+};

src/components/solusi/SolusiCorporate/data.js

@@ -87,7 +87,7 @@ export const data = {
           {
             title: "Pengurangan Risiko Fraud",
             description:
-              "Cegah potensi penipuan dengan verifikasi data yang komprehensif dan terintegrasi.",
+              "Cegah potensi penipuan dengan verifikasi data yang komprehensif dan terintegrasi.3",
             icon: maskcek
           }
         ]

src/components/solusi/asset/index.js

@@ -21,7 +21,7 @@ import x from "./x.png";
 import chek2 from "./Frame 811480.png";
 import start22 from "./Frame 811554.png";
 import maskcek from "./Mask group (1).png";
-import card1 from "./Play Now (33) 1.png";
+import card1 from "./Frame 8115681.png";
 import card2 from "./Play Now (32) 1.png";
 import card3 from "./Play Now (30) 2.png";
 import rekan1 from "./Play Now (34) 1.png";