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

src/components/beranda/Banner.jsx

@@ -5,7 +5,7 @@ function Banner() {
   return (
     <div className="relative w-full overflow-hidden">
       <div
-        className="relative w-full flex flex-col items-center justify-center mt-20 h-auto md:h-[692px]  bg-cover bg-center text-white text-center"
+        className="absolute top-0 left-0 w-full h-full"
         style={{
           backgroundImage: `linear-gradient(248.72deg, #5B59E0 50.11%, rgba(202, 43, 104, 0.4) 90%), url(${bgcBanner})`,
           backgroundSize: "cover",
@@ -13,7 +13,9 @@ function Banner() {
           backgroundRepeat: "no-repeat",
           backgroundBlendMode: "multiply",
         }}
-      >
+      ></div>
+
+      <div className="container mx-auto relative w-full flex flex-col items-center justify-center mt-20 h-auto md:h-[692px] text-white text-center">
         {/* Gambar L1-L4 untuk mobile */}
         <div className="grid md:hidden grid-cols-2 gap-4 px-4 mt-8">
           <img src={L1} alt="image 1" className="w-full rounded-lg shadow-lg object-cover" />
@@ -23,7 +25,7 @@ function Banner() {
         </div>
 
         {/* Teks dan tombol */}
-        <div className="px-4 mx-auto text-center w-full mt-8 md:mt-0 z-10">
+        <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">
               Bersama Rekan AI, Wujudkan Masa Depan Bisnis yang Lebih Inovatif dan Kompetitif.
@@ -48,7 +50,6 @@ function Banner() {
                 Coba Sekarang
               </button>
             </Link>
-
           </div>
         </div>
 
@@ -113,4 +114,3 @@ function Banner() {
 }
 
 export default Banner
-

src/components/beranda/Footer.jsx

@@ -27,7 +27,7 @@ function Footer() {
         </div>
 
         {/* Kolom 2: Deskripsi singkat perusahaan */}
-        <div className="w-full sm:w-auto mb-5 sm:mb-0 sm:pl-0">
+        <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>{" "}
@@ -145,7 +145,7 @@ function Footer() {
       </div>
 
       {/* Bagian hak cipta */}
-      <div className="text-left mt-[92.78px] mx-5 sm:mx-28 text-xs">
+      <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>

src/components/beranda/Hero.jsx

@@ -30,13 +30,9 @@ function Hero() {
               <img src={waIcon} alt="WhatsApp Icon" className="mr-2 h-7 w-7" />
               Konsultasi Gratis
             </button>
-            <Link to={"/Contact#form"}>
-              <button
-                className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
-                Coba Sekarang
-              </button>
-            </Link>
-
+            <button className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
+              Coba Sekarang
+            </button>
           </div>
         </div>
       </div>

src/components/beranda/Kenapa.jsx

@@ -3,7 +3,7 @@ import { Link } from "react-router-dom"
 
 function Kenapa() {
   return (
-    <div className="flex justify-center items-center bg-customWhite mt-5 min-h-screen">
+    <div className="container mx-auto 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">
         {/* Decorative Circles */}
         <div className="absolute hidden md:flex top-1 right-24 flex-col items-end space-y-4">

src/components/beranda/Mendukung.jsx

@@ -9,7 +9,7 @@ function Mendukung() {
   ];
 
   return (
-    <div className="flex flex-col md:flex-row items-center justify-between gap-4 h-auto md:h-screen px-6 md:px-32 py-8 md:py-0" id="solusi2">
+    <div className="container mx-auto flex flex-col md:flex-row items-center justify-between gap-4 h-auto md:h-screen px-6 md:px-32 py-8 md:py-0" id="solusi2">
       {/* Left Content */}
       <div className="flex flex-col justify-center w-full md:w-[45%] space-y-8 order-2 md:order-1">
         <p className="text-[24px] md:text-[32px] font-semibold text-customBlack text-left md:text-left">