doneee

package-lock.json

@@ -25,7 +25,7 @@
         "globals": "^15.14.0",
         "postcss": "^8.4.49",
         "tailwindcss": "^3.4.17",
-        "vite": "^6.0.5"
+        "vite": "^6.1.0"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -4299,9 +4299,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.49",
+      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz",
-      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==",
       "dev": true,
       "funding": [
         {
@@ -4319,7 +4319,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.7",
+        "nanoid": "^3.3.8",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -5555,15 +5555,15 @@
       "license": "MIT"
     },
     "node_modules/vite": {
-      "version": "6.0.7",
+      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.0.7.tgz",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.1.0.tgz",
-      "integrity": "sha512-RDt8r/7qx9940f8FcOIAH9PTViRrghKaK2K1jY3RaAURrEUbm9Du1mJ72G+jlhtG3WwodnfzY8ORQZbBavZEAQ==",
+      "integrity": "sha512-RjjMipCKVoR4hVfPY6GQTgveinjNuyLw+qruksLDvA5ktI1150VmcMBKmQaEWJhg/j6Uaf6dNCNA0AfdzUb/hQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.24.2",
-        "postcss": "^8.4.49",
+        "postcss": "^8.5.1",
-        "rollup": "^4.23.0"
+        "rollup": "^4.30.1"
       },
       "bin": {
         "vite": "bin/vite.js"

package.json

@@ -27,6 +27,6 @@
     "globals": "^15.14.0",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.17",
-    "vite": "^6.0.5"
+    "vite": "^6.1.0"
   }
 }

src/assets/index.js

@@ -7,7 +7,7 @@ import row from './image/arrow.png';
 import row2 from './image/vector.png';
 import homeLogo from './image/Component 1.png';
 import waIcon from './image/whatsapp-color_svgrepo.com (1).png';
-import homeImg from './image/Component 3.png';
+import homeImg from './image/Pic Beranda Rekan AI.png';
 import card1 from './image/rekan hr.png';
 import card2 from './image/rekan doku.png';
 import card3 from './image/rekan llm.png';
@@ -59,10 +59,10 @@ import imgLeft2 from './image/Frame 811531.png';
 import imgLeft1 from './image/Frame 811530.png';
 import imgLeft3 from './image/Frame 811533.png';
 import imgRight from './image/Component 6.png';
-import nvdia from "./image/nvidia.png";
+import nvdia from "./image/NVIDIA PNG Pic.png";
-import kmn from "./image/kemeneterian.png";
+import kmn from "./image/Dukcapil PNG Pic.png";
-import kominfo from "./image/kominfo.png";
+import kominfo from "./image/Kominfo PNG Pic.png";
-import ojk from "./image/ojk.png";
+import ojk from "./image/OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp";
 import facebook from "./image/fb.png";
 import x from "./image/twitter.png";
 import instagram from "./image/ig.png";

src/components/beranda/Footer.jsx

@@ -1,68 +1,80 @@
-import { nvdia,kmn,kominfo,ojk,x,instagram,facebook,frame, } from "../../assets";
+// Import gambar-gambar yang digunakan dalam komponen Footer
-
+import {
+  nvidia,
+  kmn,
+  kominfo,
+  ojk,
+  facebook,
+  x,
+  instagram,
+  component11,
+} from "./asset"; // Gambar logo sebagai partner dan logo medsos dan logo rekanai
 
 function Footer() {
   return (
-    <footer className="bg-customGrey h-[506px] py-10 text-[#212121]">
+    <footer className="bg-customGrey py-10 text-[#212121]">
       {/* Kontainer utama footer */}
       <div className="flex flex-col sm:flex-row sm:flex-wrap justify-between gap-5 mx-5 sm:mx-28 mt-20 text-sm">
         {/* Kolom 1: Logo perusahaan */}
         <div className="mb-5 sm:mb-0">
           <img
-            src={frame} // Gambar logo perusahaan
+            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="flex-1 mb-5 sm:mb-0 sm:pl-0">
+        <div className="w-full sm:w-auto mb-5 sm:mb-0 sm:pl-0">
           <div className="flex mb-5">
             <p>
               <strong className="text-[25px] text-[#5B59E8]">Rekan AI</strong>{" "}
               <br />
-              <span className="text-[#5B59E8] italic font-bold">
+              <span className="text-[#5B59E8] italic">
                 Reimagine Your Business with AI.
               </span>
             </p>
           </div>
-          <p className="mb-10 text-[18px]">
+          <p className="mb-[39px] text-[18px] w-full sm:w-auto">
-            Jl. Anggrek No.6, Sawah Lama, Kec. Ciputat, Kota Tangerang Selatan,
+            <span className="block md:inline">Jl. Anggrek No.6, Sawah Lama, Kec.</span>
-            Banten 15413
+            <br className="hidden md:block" />
+            <span className="block md:inline">Ciputat, Kota Tangerang Selatan, Banten</span>
+            <br className="hidden md:block" />
+            <span className="block md:inline">15413</span>
           </p>
           <p className="mb-4 text-[18px]">Lebih dekat dengan Kami</p>
-          <div className="flex space-x-5">
+          <div className="flex space-x-3">
             {/* Tautan ke media sosial */}
             <a href="#">
-              <img src={instagram} alt="Instagram" className="w-5 h-5"  /> {/* Ikon Instagram */}
+              <img src={instagram} alt="Instagram" className="w-5 h-5" />{" "}
             </a>
             <a href="#">
-              <img src={facebook} alt="Facebook" className="w-5 h-5" /> {/* Ikon Facebook */}
+              <img src={facebook} alt="Facebook" className="w-5 h-5" />{" "}
             </a>
             <a href="#">
-              <img src={x} alt="Twitter" className="w-5 h-5" /> {/* Ikon Twitter (X) */}
+              <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 md:ml-16 sm:pl-0">
+        <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
-          <h4 className="text-[18px] font-semibold mb-4">Produk Kami</h4>
+          <h4 className="text-base font-semibold mb-4">Produk Kami</h4>
           <ul className="space-y-4 text-[18px]">
-            <li>Rekan Doku</li> {/* Produk: Dokumen otomatis */}
+            <li>Rekan Doku</li>
-            <li>Rekan Veri</li> {/* Produk: Verifikasi data */}
+            <li>Rekan Veri</li>
-            <li>Rekan HR</li> {/* Produk: Manajemen SDM */}
+            <li>Rekan HR</li>
-            <li>Rekan LLM</li> {/* Produk: Model bahasa besar */}
+            <li>Rekan LLM</li>
           </ul>
         </div>
 
         {/* Kolom 4: Solusi yang ditawarkan */}
-        <div className="flex-1 mb-5 md:-mx-28 sm:mb-0 sm:pl-0">
+        <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
-          <h4 className="text-[18px] font-semibold mb-4">Solusi Kami</h4>
+          <h4 className="text-base font-semibold mb-4">Solusi Kami</h4>
           <ul className="space-y-4 text-[18px]">
-            <li>Personal</li> {/* Solusi untuk individu */}
+            <li>Personal</li>
-            <li>UMKM</li> {/* Solusi untuk Usaha Mikro, Kecil, dan Menengah */}
+            <li>UMKM</li>
-            <li>Corporate Business</li> {/* Solusi untuk perusahaan besar */}
+            <li>Corporate Business</li>
           </ul>
         </div>
 
@@ -70,9 +82,8 @@ function Footer() {
         <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>Email: support@rekanai.com</li> {/* Email dukungan */}
+            <li>Kontak Kami</li>
-            <li>Phone: +68452098</li> {/* Nomor telepon */}
+            <li>F.A.Q</li>
-            <li>F.A.Q</li> {/* Halaman Pertanyaan yang Sering Diajukan */}
           </ul>
         </div>
 
@@ -80,21 +91,21 @@ function Footer() {
         <div className="mb-5 sm:mb-0 sm:pl-0">
           <div className="mb-4">
             <img
-              src={nvdia} // Gambar logo partner NVIDIA
+              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]" /> {/* Gambar logo partner Kementerian */}
+            <img src={kmn} alt="Partner 1" className="w-[56px] h-[72px]" />
-            <img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" /> {/* Gambar logo partner Kominfo */}
+            <img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" />
-            <img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" /> {/* Gambar logo partner OJK */}
+            <img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" />
           </div>
         </div>
       </div>
 
       {/* Bagian hak cipta */}
-      <div className="text-left mt-40 mx-5 sm:mx-28 text-xs">
+      <div className="text-left mt-[92.78px] mx-5 sm:mx-28 text-xs">
         <p>
           © Copyright 2025 Rekan AI. Seluruh hak cipta dilindungi undang-undang
         </p>
@@ -103,5 +114,4 @@ function Footer() {
   );
 }
 
-
+export default Footer;
-export default Footer;

src/components/contact/Footer.jsx

@@ -1,5 +1,14 @@
 // Import gambar-gambar yang digunakan dalam komponen Footer
-import { nvidia,kmn,kominfo,ojk,facebook,x,instagram,component11 } from "./asset"; // Gambar logo sebagai partner dan logo medsos dan logo rekanai
+import {
+  nvidia,
+  kmn,
+  kominfo,
+  ojk,
+  facebook,
+  x,
+  instagram,
+  component11,
+} from "./asset"; // Gambar logo sebagai partner dan logo medsos dan logo rekanai
 
 function Footer() {
   return (
@@ -16,7 +25,7 @@ function Footer() {
         </div>
 
         {/* Kolom 2: Deskripsi singkat perusahaan */}
-        <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
+        <div className="w-full sm:w-auto mb-5 sm:mb-0 sm:pl-0">
           <div className="flex mb-5">
             <p>
               <strong className="text-[25px] text-[#5B59E8]">Rekan AI</strong>{" "}
@@ -26,21 +35,24 @@ function Footer() {
               </span>
             </p>
           </div>
-          <p className="mb-[39px] text-[18px]">
+          <p className="mb-[39px] text-[18px] w-full sm:w-auto">
-            Jl. Anggrek No.6, Sawah Lama, Kec. Ciputat, Kota Tangerang Selatan,
+            <span className="block md:inline">Jl. Anggrek No.6, Sawah Lama, Kec.</span>
-            Banten 15413
+            <br className="hidden md:block" />
+            <span className="block md:inline">Ciputat, Kota Tangerang Selatan, Banten</span>
+            <br className="hidden md:block" />
+            <span className="block md:inline">15413</span>
           </p>
           <p className="mb-4 text-[18px]">Lebih dekat dengan Kami</p>
           <div className="flex space-x-3">
             {/* Tautan ke media sosial */}
             <a href="#">
-              <img src={instagram} alt="Instagram" className="w-5 h-5" /> {/* Ikon Instagram */}
+              <img src={instagram} alt="Instagram" className="w-5 h-5" />{" "}
             </a>
             <a href="#">
-              <img src={facebook} alt="Facebook" className="w-5 h-5" /> {/* Ikon Facebook */}
+              <img src={facebook} alt="Facebook" className="w-5 h-5" />{" "}
             </a>
             <a href="#">
-              <img src={x} alt="Twitter" className="w-5 h-5" /> {/* Ikon Twitter (X) */}
+              <img src={x} alt="Twitter" className="w-5 h-5" />{" "}
             </a>
           </div>
         </div>
@@ -49,30 +61,29 @@ function Footer() {
         <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> {/* Produk: Dokumen otomatis */}
+            <li>Rekan Doku</li>
-            <li>Rekan Veri</li> {/* Produk: Verifikasi data */}
+            <li>Rekan Veri</li>
-            <li>Rekan HR</li> {/* Produk: Manajemen SDM */}
+            <li>Rekan HR</li>
-            <li>Rekan LLM</li> {/* Produk: Model bahasa besar */}
+            <li>Rekan LLM</li>
           </ul>
         </div>
 
         {/* Kolom 4: Solusi yang ditawarkan */}
-        <div className="flex-1 mb-5 sm:mb-0 sm:pl-0 md:mx-[10runrpx] 2xl:mx-[-120px]">
+        <div className="flex-1 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>Personal</li> {/* Solusi untuk individu */}
+            <li>Personal</li>
-            <li>UMKM</li> {/* Solusi untuk Usaha Mikro, Kecil, dan Menengah */}
+            <li>UMKM</li>
-            <li>Corporate Business</li> {/* Solusi untuk perusahaan besar */}
+            <li>Corporate Business</li>
           </ul>
         </div>
 
         {/* Kolom 5: Informasi kontak */}
         <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
-          <h4 className="text-base font-semibold mb-4">Hubungi Kami</h4>
+          <h4 className="text-[18px] font-semibold mb-4">Hubungi Kami</h4>
           <ul className="space-y-4 text-[18px]">
-            <li>Email: support@rekanai.com</li> {/* Email dukungan */}
+            <li>Kontak Kami</li>
-            <li>Phone: +68452098</li> {/* Nomor telepon */}
+            <li>F.A.Q</li>
-            <li>F.A.Q</li> {/* Halaman Pertanyaan yang Sering Diajukan */}
           </ul>
         </div>
 
@@ -80,15 +91,15 @@ function Footer() {
         <div className="mb-5 sm:mb-0 sm:pl-0">
           <div className="mb-4">
             <img
-              src={nvidia} // Gambar logo partner NVIDIA
+              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]" /> {/* Gambar logo partner Kementerian */}
+            <img src={kmn} alt="Partner 1" className="w-[56px] h-[72px]" />
-            <img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" /> {/* Gambar logo partner Kominfo */}
+            <img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" />
-            <img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" /> {/* Gambar logo partner OJK */}
+            <img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" />
           </div>
         </div>
       </div>

src/components/contact/asset/index.js

@@ -7,11 +7,11 @@ import frame from './Frame.png';
 import frame27 from './Frame27.png';
 import img10 from './image 10.png';
 import instagram from './instagram.png';
-import kmn from './kementerian.png';
+import kmn from './Dukcapil PNG Pic.png';
-import kominfo from './kominfo.png';
+import kominfo from './Kominfo PNG Pic.png';
 import Logo1 from './logo.png';
-import nvidia from './nvidia.png';
+import nvidia from './NVIDIA PNG Pic.png';
-import ojk from './ojk.png';
+import ojk from './OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp';
 import phone from './phone.png';
 import search from './search.png';
 import telephone from './telephone.png';