amnannn
/
rekan_ai
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add subs menu

This commit is contained in:
Yogamnan 2025-02-05 11:39:08 +07:00
parent 1041a497c4
commit 33f86a49f2
2 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/beranda/Header.jsx
View File

@ -55,7 +55,7 @@ const Header = () => {
</button> </button>
{isSolusiOpen && ( {isSolusiOpen && (
<ul <ul
className="absolute left-[-550px] top-12 w-screen h-[173px] bg-customRed text-black list-none py-4 shadow-lg z-50 gap-10 px-10 flex flex-row justify-center items-center" className="absolute md:left-[-550px] top-12 w-screen h-[173px] bg-customRed text-black list-none py-4 shadow-lg z-50 gap-10 px-10 flex flex-row justify-center items-center"
> >
<div className="flex flex-row justify-center items-center gap-10 mr-96"> <div className="flex flex-row justify-center items-center gap-10 mr-96">
{/* Personal */} {/* Personal */}

17
src/components/contact/CustomerService.jsx
View File

@ -2,21 +2,20 @@ import { email, phone, customer } from "./asset";
const CustomerService = () => { const CustomerService = () => {
return ( 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-[150px] 2xl:px-20 2xl:gap-20"> <section className="main-container mt-[180px] mb-16 md:mb-0 md:mt-20 flex flex-col md:flex-row items-center px-5 py-10 max-w-7xl mx-auto md:mb-[150px] 2xl:px-20 2xl:gap-20">
{/* LEFT SECTION - Informasi */} {/* LEFT SECTION - Informasi */}
<div className="w-full md:w-[650px] 2xl:w-[750px] h-auto gap-[29px] text-left pl-10 md:-pl-24"> <div className="w-full md:w-[650px] 2xl:w-[750px] h-auto gap-[29px] text-left pl-10 md:ml-[-200px]">
<div className="mb-5"> <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] 2xl:leading-[52px]">
Kami Siap Membantu Bisnis{" "} Kami Siap Membantu Bisnis Anda{" "}
<span className="hidden lg:inline"> <span className="hidden lg:inline">
<br /> <br />
</span>{" "} </span>{" "}
Anda Lebih Maju! Lebih Maju!
</h2> </h2>
</div> </div>
<p className="text-[#212121] leading-relaxed mb-6 text-[16px] md:text-[20px]"> <p className="text-[#212121] leading-relaxed mb-6 text-[16px] md:text-[20px] md:max-w-[90%]">
Butuh informasi lebih lanjut tentang produk atau solusi kami? Tim Rekan AI siap menjawab pertanyaan Anda dengan cepat dan Butuh informasi lebih lanjut tentang produk atau solusi kami? Tim Rekan AI siap menjawab pertanyaan Anda dengan cepat dan profesional.
profesional.
</p> </p>
<div className="flex flex-col gap-6"> <div className="flex flex-col gap-6">
<div className="flex items-start gap-6"> <div className="flex items-start gap-6">
@ -57,11 +56,11 @@ const CustomerService = () => {
</div> </div>
{/* RIGHT SECTION - Gambar */} {/* RIGHT SECTION - Gambar */}
<div className="flex-1 flex justify-end items-center pr-10 md:pr-0"> <div className="flex-1 flex justify-end items-center pr-10 md:mr-[-200px]">
<img <img
src={customer} src={customer}
alt="Customer Service" alt="Customer Service"
className="w-full md:w-[400px] lg:w-[500px] 2xl:w-[600px] max-w-xs sm:max-w-sm md:max-w-md h-auto object-contain" className="w-auto h-auto "
/> />
</div> </div>
</section> </section>