allbest/rekan_ai_fe
1
0
Fork 0
forked from amnannn/rekan_ai
Code Pull Requests Activity

add subs menu

Browse Source
This commit is contained in:
Yogamnan
2025-02-05 11:21:47 +07:00
parent 153214d438
commit 1041a497c4
8 changed files with 116 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/contact/BottomCTA.jsx
View File

@@ -28,7 +28,7 @@ const BottomCTA = () => {
{/* Tombol Konsultasi Gratis dengan ikon WhatsApp */}
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] text-[20px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
{/* Gambar WhatsApp di kiri tombol */}
<img src={wagreen} alt="WhatsApp Icon" className="mr-2 h-[1.2rem] w-auto" />
<img src={wagreen} alt="WhatsApp Icon" className="mr-2 h-[30px] w-[30px]" />
Konsultasi Gratis
</button>

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

@@ -2,11 +2,9 @@ import { email, phone, customer } from "./asset";
const CustomerService = () => {
return (
<section className="main-container mt-[180px] mb-16 md:mt-20 flex flex-col md:flex-row justify-between items-center px-5 py-10 max-w-7xl mx-auto gap-10 md:mb-[150px] 2xl:px-20 2xl:gap-20">
{/* Container utama */}
<div className="w-full md:w-[773px] 2xl:w-[900px] h-auto gap-[29px] text-left">
{/* Teks dan informasi */}
<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">
{/* 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="mb-5">
<h2 className="text-[#212121] text-[28px] md:text-[32px] font-[550] leading-[36px] md:leading-[48px] 2xl:leading-[52px]">
Kami Siap Membantu Bisnis{" "}
@@ -35,7 +33,6 @@ const CustomerService = () => {
</strong>{" "}
dan tim kami akan segera merespons.
</p>
</div>
</div>
<div className="flex items-start gap-6">
@@ -58,8 +55,9 @@ const CustomerService = () => {
</div>
</div>
</div>
{/*RIGHT SECTION */}
<div className="flex-1 flex justify-center items-center">
{/* RIGHT SECTION - Gambar */}
<div className="flex-1 flex justify-end items-center pr-10 md:pr-0">
<img
src={customer}
alt="Customer Service"