diff --git a/src/assets/image/Frame 18 (1).png b/src/assets/image/Frame 18 (1).png new file mode 100644 index 0000000..1505809 Binary files /dev/null and b/src/assets/image/Frame 18 (1).png differ diff --git a/src/assets/image/Frame 18 (2).png b/src/assets/image/Frame 18 (2).png new file mode 100644 index 0000000..df037b4 Binary files /dev/null and b/src/assets/image/Frame 18 (2).png differ diff --git a/src/assets/image/Frame 18.png b/src/assets/image/Frame 18.png new file mode 100644 index 0000000..3b59e96 Binary files /dev/null and b/src/assets/image/Frame 18.png differ diff --git a/src/assets/index.js b/src/assets/index.js index 6132f38..e76ab58 100644 --- a/src/assets/index.js +++ b/src/assets/index.js @@ -1,5 +1,8 @@ import Logo1 from './image/logo.png' import search from './image/search.png'; +import IconPersonal from './image/Frame 18.png'; +import IconStartup from './image/Frame 18 (1).png'; +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'; @@ -76,5 +79,5 @@ export{ swipper7,swipper8,swipper9,swipper10,swipper11,swipper12,swipper13,swipper14, swipper15,swipper16,swipper17,swipper18,swipper19,swipper20,swipper21,swipper22, swipper23,swipper24,bgSwiper,imgLeft1,imgLeft2,imgLeft3,imgRight,nvdia,kmn,kominfo, - ojk,facebook,x,instagram,frame + ojk,facebook,x,instagram,frame,IconPersonal,IconStartup,IconCorporate } \ No newline at end of file diff --git a/src/components/beranda/Header.jsx b/src/components/beranda/Header.jsx index ab73dd0..3e40cea 100644 --- a/src/components/beranda/Header.jsx +++ b/src/components/beranda/Header.jsx @@ -1,25 +1,24 @@ -import { useState } from 'react'; -import { Logo1 } from '../../assets' -import {search} from '../../assets'; -import {row} from '../../assets'; -import { useNavigate } from 'react-router-dom'; +import { useState } from "react"; +import { useNavigate } from "react-router-dom"; +import { Logo1, search, row, IconPersonal, IconCorporate, IconStartup } from "../../assets"; + const Header = () => { + const navigate = useNavigate(); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); - const navigate = useNavigate () + const [isSolusiOpen, setIsSolusiOpen] = useState(false); + const [isProdukOpen, setIsProdukOpen] = useState(false); + return (
-
+ ); }; export default Header; + + diff --git a/src/components/beranda/Mitra.jsx b/src/components/beranda/Mitra.jsx index 5cefefd..11bf7b2 100644 --- a/src/components/beranda/Mitra.jsx +++ b/src/components/beranda/Mitra.jsx @@ -1,31 +1,31 @@ import React, { useState, useEffect } from "react"; -import {mitraImg} from "../../assets"; -import {arrow1} from "../../assets"; -import {arrow2} from "../../assets"; -import {swipper1} from "../../assets"; -import {swipper2} from "../../assets"; -import {swipper3} from "../../assets"; -import {swipper4} from "../../assets"; -import {swipper5} from "../../assets"; -import {swipper6} from "../../assets"; -import {swipper7} from "../../assets"; -import {swipper8} from "../../assets"; -import {swipper9} from "../../assets"; -import {swipper10} from "../../assets"; -import {swipper11} from "../../assets"; -import {swipper12} from "../../assets"; -import {swipper13} from "../../assets"; -import {swipper14} from "../../assets"; -import {swipper15} from "../../assets"; -import {swipper16} from "../../assets"; -import {swipper17} from "../../assets"; -import {swipper18} from "../../assets"; -import {swipper19} from "../../assets"; -import {swipper20} from "../../assets"; -import {swipper21} from "../../assets"; -import {swipper22} from "../../assets"; -import {swipper23} from "../../assets"; -import {swipper24} from "../../assets"; +import { mitraImg } from "../../assets"; +import { arrow1 } from "../../assets"; +import { arrow2 } from "../../assets"; +import { swipper1 } from "../../assets"; +import { swipper2 } from "../../assets"; +import { swipper3 } from "../../assets"; +import { swipper4 } from "../../assets"; +import { swipper5 } from "../../assets"; +import { swipper6 } from "../../assets"; +import { swipper7 } from "../../assets"; +import { swipper8 } from "../../assets"; +import { swipper9 } from "../../assets"; +import { swipper10 } from "../../assets"; +import { swipper11 } from "../../assets"; +import { swipper12 } from "../../assets"; +import { swipper13 } from "../../assets"; +import { swipper14 } from "../../assets"; +import { swipper15 } from "../../assets"; +import { swipper16 } from "../../assets"; +import { swipper17 } from "../../assets"; +import { swipper18 } from "../../assets"; +import { swipper19 } from "../../assets"; +import { swipper20 } from "../../assets"; +import { swipper21 } from "../../assets"; +import { swipper22 } from "../../assets"; +import { swipper23 } from "../../assets"; +import { swipper24 } from "../../assets"; import { bgSwiper } from "../../assets"; function Mitra() { const items = [ @@ -111,7 +111,7 @@ function Mitra() {
{/* Prev Button (Hidden on Mobile) */} {/* Carousel Items */}
@@ -129,10 +129,14 @@ function Mitra() { {items .slice(slideIndex * itemsPerSlide, (slideIndex + 1) * itemsPerSlide) .map((item) => ( -
- {item.name} +
+ {item.name} {/* Gunakan max-h-full agar gambar mengikuti tinggi parent */}
))} +
) )} diff --git a/src/components/contact/BottomCTA.jsx b/src/components/contact/BottomCTA.jsx index 4dbe653..e849c63 100644 --- a/src/components/contact/BottomCTA.jsx +++ b/src/components/contact/BottomCTA.jsx @@ -28,7 +28,7 @@ const BottomCTA = () => { {/* Tombol Konsultasi Gratis dengan ikon WhatsApp */} diff --git a/src/components/contact/CustomerService.jsx b/src/components/contact/CustomerService.jsx index 644b152..ca7cc50 100644 --- a/src/components/contact/CustomerService.jsx +++ b/src/components/contact/CustomerService.jsx @@ -2,11 +2,9 @@ import { email, phone, customer } from "./asset"; const CustomerService = () => { return ( -
- {/* Container utama */} - -
- {/* Teks dan informasi */} +
+ {/* LEFT SECTION - Informasi */} +

Kami Siap Membantu Bisnis{" "} @@ -35,7 +33,6 @@ const CustomerService = () => { {" "} dan tim kami akan segera merespons.

-

@@ -58,8 +55,9 @@ const CustomerService = () => {
- {/*RIGHT SECTION */} -
+ + {/* RIGHT SECTION - Gambar */} +