From 1041a497c4673b31b5b0f74b17adbc003b548484 Mon Sep 17 00:00:00 2001 From: Yogamnan Date: Wed, 5 Feb 2025 11:21:47 +0700 Subject: [PATCH] add subs menu --- src/assets/image/Frame 18 (1).png | Bin 0 -> 2493 bytes src/assets/image/Frame 18 (2).png | Bin 0 -> 2355 bytes src/assets/image/Frame 18.png | Bin 0 -> 2592 bytes src/assets/index.js | 5 +- src/components/beranda/Header.jsx | 124 ++++++++++++--------- src/components/beranda/Mitra.jsx | 64 ++++++----- src/components/contact/BottomCTA.jsx | 2 +- src/components/contact/CustomerService.jsx | 14 +-- 8 files changed, 116 insertions(+), 93 deletions(-) create mode 100644 src/assets/image/Frame 18 (1).png create mode 100644 src/assets/image/Frame 18 (2).png create mode 100644 src/assets/image/Frame 18.png diff --git a/src/assets/image/Frame 18 (1).png b/src/assets/image/Frame 18 (1).png new file mode 100644 index 0000000000000000000000000000000000000000..15058094fcbff67e184057be0b2ff2c1ae18d302 GIT binary patch literal 2493 zcmV;u2}1UXP)8C z6h$2Wmo{xU(|XXFlD5Fr2-HB@`T)X{{YW$s6G|*TiL_5DCVcn;0TQke2s}x7Ao|oQ zK1q#`s1GER^GPEnUP*|QCiW<80|_4o)iyLVIKSDMy}7;JyWP9lB_$qT6QV0vO?XCN;G?JLE?(*0wWZqHce~H7SgcU1W$PCuHK( zc}_~9V#Ur*T6v&b{iuf#^NpMDx*|moGKfB0?2XjK+KB7oF^?XK1HhbsUU zq8eK6agaLHEhV^v)m?AWOY2thyex7rNKbnDjjE-t&MR|y9)NKoDtWSL)0@x*7%Osn~H0g`NLG@ZFngY zR@ZRY!`DbBsy3~){TzcuQ0NqQU|-wU0GwD35D&B0)k>{JiujUUM_u6q3EO$v5$ z1KkQfU}(*iJ4A*$vG8~<~54QIX7oZISMC>g-Rv4=)o~*B}h{NKQFo zsOG8zJLKCokkZBn!0v?ZnJ_N4))F^J@kTt6F7Cjh7gPye3ZAF&*hgG?j1|WFS|_Ra zJ^Ze)Um@5OE-C-{kQ%_0Vyw|x8T#n z58@78w@P8Dhj_wN!xF?H0rCU0qo(O-h59t|4}DA`L1nC7Veaoqb1~fsv!j#Zc$=}yFV*i4sq~sfSzRT=h^SQvLq)52;;S(W0CV(>c0sA3KEAW4i0GIa0&b>mF$M$?> zda3n495MqyNHo5ChZ)-WX?@qMM8d%`@(FcfmChQ?8tcCA@~J!Q4K4;11m(gLph>fz02L9VfFHWERMY}!JP70(0@dqy430S?GpMJpIs-3-&Kk~W)$>kc&4Q?5{qejJkWh@eN6{fDpU*U3>+b4$`YtnAlD;s3+lt?7Zad1Nx*s4sPNZZjW9#4 zby*!$=)gFXvGhA_lyWRX7YpyG$q(WE_3q~((+mT(fh|m> z%hneXpfXrUQw(dbn;l|ac82wkv9pw;(07Kxpen8xse3wOI9K5jJa6~$R|0xtQ4EHyHa+r_vZ4{3|-GUKnZu!PAheFPbXx`6d6Lx zf|{Jno_?;+I#3~OO_;={2MH9zAd&s>@(9h1PG%JqW6kH~&Sp^@xYk zDXJ&!I6MWyR literal 0 HcmV?d00001 diff --git a/src/assets/image/Frame 18 (2).png b/src/assets/image/Frame 18 (2).png new file mode 100644 index 0000000000000000000000000000000000000000..df037b4b1f3bbe54e1d8990d94fa3ef257a59744 GIT binary patch literal 2355 zcmV-33C#A1P)88 z6ju~JF(JW}#BHM}u0I<=o1&N$wCGdU_)usCBaM%m_*fsRJ}D}=0hRiszF7KXTHmUr z5o#X_rrRe)g>D2PG0<+*4VL<|CTLJB>G|&5J9~FBvzghs`-dOg%$=Lr`T6GDbI&>V z+^M57VRm*l!kajk7?(~iU0fnsQOL@YmfI07NiM0ny1Fct0d-VDFcERye9EPVEE2*Z z#pMq!LrhSTN(AGiNQpSWrJpRR$isirujqB=8NC{P$n_a|i~Y%`_Wzrfw~1|Y#|mm_ zX%^dh-nt;oWq?bP2}+Ye7$Zd^;~;6>0VGV_zE9J)$0>V#B#!{U05Q!SD=E^wkyYfS8X9Dc=QN|B%D3J<8OY zgy_J1rDQjvnW8PRo2zzX#2@ZD}j>sL@E079m3jZ#2VQNsA{YyDhOOyGxs79tU(2)Eg!X%B^kN$~mFaZM1?#*^i1PW4e3WG?&?%4gHE zAtDV_1yCL_G8A4)vjA<#DnR6I>el_dHn-!N3|he@Aq9Hku@=`w+ydRh+3vJOo^jwu zz3sLhE7byo{C(VtlwrT);yTykOai1Jh7d6szkofWi!#m)0-Wu-zf);wl9mN2F9`j} zJ%y^QK+uWyTXiKxy0fTm-0e7n5Trckvbt39&>%oJaCQYZXVLAruy{{;?2HMJg6MQt z^GB8OQg!Gf2z14olYJtTk*`w@xgHl5TF_lc3c}ibMzuFzpiTNUfI7EVdo@6l#uP|N zqXruSH~HGYbt21g!MVFf-ckrliCC+kbt|N9k=(}Pwf>`31j_d z3rb=b<1Gw6$dN8m-Ieinl}ndO+^v+yTq)zN4De zu|^tn4uTX*mId2^S3;<_iL`WW^<7SL|_Kz+98| z`#I}`+|s)sE#jbd?yL1xDEeW5=g}s<(quhv9_ElDb;~}~ttBI$lV3pj6*FofP8(*l z!-(W}$`{>63#hp+eeuk=MrIFLqfyl_PVfu(OPZ8m1=&Hj;|h^tr;cL(Uhk=zPB31` zw#|ks$JB0`TvA09JTtE454MpUjkKiynuE&kl}MAdXd&x$e4#XSl3H010|ix!#3({E zTWQyPE5!YvGfQ(5p=mWqWYu$ErvTg9Q$QQ|m5iD)nkp z1vy+NNZK&~Jl9N-##>lGnZj3d#B$-TB+9ZbS%=g!_F^fZoaBHEbQOmmlqO4|CaFl6 z`qlv~!@QMNNIwNZrjwOb$P^L6*8JG43Vocb=(i4ZXv<>qB0fll5lcy~kI>B6qoS;0 zgbEgIx4wvhNSPx(V~h-iQhYxpMpnjUUbj+sE3+{5Y)t3(Q}ED;)*(LI82!L2NQId4 zAQ>b>p&Vb@L5e%JofICJ_eR7$SyNxy@q(7w9jDy)m||q*+&RC=^g?b^vZTo(!l*=e Z;eQu40?@3Xbw>aI002ovPDHLkV1hFIPQL&E literal 0 HcmV?d00001 diff --git a/src/assets/image/Frame 18.png b/src/assets/image/Frame 18.png new file mode 100644 index 0000000000000000000000000000000000000000..3b59e9689cd7c473c9340c3470ea6ca2031d28b4 GIT binary patch literal 2592 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 { + 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 */} +