Perbedaan Customer Care dan Customer Service: Mana yang Lebih Penting untuk Bisnis Anda (1

    
    
    
    
    
    Maxchat V3 - Lebih Cepat, Aman, & Intuitif untuk Bisnis Anda
    
    
    
    
    
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #f2f5f2;
    display: flex;
    min-height: 100vh;
    width: 100%;
    padding: 59px 62px;
    flex-direction: column;
    align-items: flex-start;
    gap: 80px;
}

@media (max-width: 768px) {
    body {
        padding: 20px 15px;
        gap: 40px;
    }
}

@media (max-width: 480px) {
    body {
        padding: 15px 10px;
        gap: 30px;
    }
}

/*Header*/
.header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 57px;
    align-self: stretch;
    padding: 72px 100px;
    background: linear-gradient(180deg, #ff9500 0%, #ff4e00 100%);
    border-radius: 15px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
    .header {
        padding: 40px 30px;
        gap: 35px;
    }
}

@media (max-width: 480px) {
    .header {
        padding: 30px 20px;
        gap: 25px;
    }
}

/* .background {
    position: absolute;
    top: -211px;
    z-index: 0;
    width: 1316px;
    height: 935px;
    aspect-ratio: 1316/935;
} */

.logo-maxchat {
    width: 180px;
    height: 40px;
    aspect-ratio: 9/2;
}

@media (max-width: 768px) {
    .logo-maxchat {
        width: 140px;
        height: 31px;
    }
}

@media (max-width: 480px) {
    .logo-maxchat {
        width: 120px;
        height: 27px;
    }
}

.headline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
    align-self: stretch;
}

.headline h1,
.headline h2 {
    color: #ffffff;
    font-family: Lato;
    margin: 0;
}

.sub-headline {
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 768px) {
    .sub-headline {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .sub-headline {
        font-size: 18px;
    }
}

.primary-headline {
    text-align: center;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
}

@media (max-width: 768px) {
    .primary-headline {
        font-size: 42px;
    }
}

@media (max-width: 480px) {
    .primary-headline {
        font-size: 28px;
    }
}

.copy-and-btn {
    font-family: Inter;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    align-self: stretch;
}

.copywriting {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.copywriting p {
    color: #ffffff;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
}

@media (max-width: 768px) {
    .copywriting p {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 480px) {
    .copywriting p {
        font-size: 16px;
        line-height: 26px;
    }
}

.btn-1 {
    display: flex;
    width: 450px;
    max-width: 100%;
    height: 70px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #ffffff;
    border-style: none;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);
    color: #000000;
    text-align: center;
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-1:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
    .btn-1 {
        width: 100%;
        height: 60px;
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .btn-1 {
        height: 55px;
        font-size: 18px;
    }
}

/*Main Body*/
.main-body {
    display: flex;
    padding: 57px 57px;
    flex-direction: column;
    align-items: flex-end;
    gap: 81px;
    align-self: stretch;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
    .main-body {
        padding: 40px 30px;
        gap: 50px;
    }
}

@media (max-width: 480px) {
    .main-body {
        padding: 30px 20px;
        gap: 40px;
    }
}

.body-title {
    align-self: stretch;
    color: #000;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

@media (max-width: 768px) {
    .body-title {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .body-title {
        font-size: 24px;
    }
}

.features {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    row-gap: 45px;
    align-self: stretch;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .features {
        row-gap: 30px;
    }
}

.img-features {
    display: flex;
    width: 586px;
    max-width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #FFF;
    /*box-shadow: -3px 3px 7px 0 rgba(0, 0, 0, 0.25);*/
}

img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1280px) {
    .img-features {
        width: 100%;
    }
}

.copy-features {
    display: flex;
    width: 587px;
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    font-family: Inter;
    font-style: normal;
}

@media (max-width: 1280px) {
    .copy-features {
        width: 100%;
    }
}

.features-title {
    font-size: 28px;
    font-weight: 600;
    margin: 0;
}

@media (max-width: 768px) {
    .features-title {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .features-title {
        font-size: 20px;
    }
}

.features-desc {
    font-size: 21px;
    font-weight: 400;
    line-height: 34px;
}

@media (max-width: 768px) {
    .features-desc {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 480px) {
    .features-desc {
        font-size: 16px;
        line-height: 26px;
    }
}

.cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    align-self: stretch;
}

.cta-copy {
    color: #000;
    font-family: Inter;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; /* 141.667% */
}

@media (max-width: 768px) {
    .cta-copy {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (max-width: 480px) {
    .cta-copy {
        font-size: 16px;
        line-height: 28px;
    }
}

button.cta {
    display: flex;
    width: 450px;
    max-width: 100%;
    height: 70px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #FF4E00;
    border-style: none;
    color: #FFF;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.20);
    text-align: center;
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    transition: all 0.3s ease;
}

button.cta:hover {
    background: #e64500;
    transform: translateY(-2px);
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.30);
}

@media (max-width: 768px) {
    button.cta {
        width: 100%;
        height: 60px;
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    button.cta {
        height: 55px;
        font-size: 18px;
    }
}

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    align-self: stretch;
}

@media (max-width: 768px) {
    .footer {
        gap: 40px;
    }
}

@media (max-width: 480px) {
    .footer {
        gap: 30px;
    }
}

/* .line-horizontal {
    align-self: stretch;
    width: 100%;
    height: 100%;
    outline: 2px;
    color: #bebebe;
    outline-offset: -1px;
} */

hr {
    align-items: center;
    width: 100%;
    border-top: 2px solid #bebebe;
}

.copy-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    font-family: Inter;
    font-style: normal;
    color: #555555;
}

.footer-title {
    font-size: 21px;
    text-align: center;
    font-weight: 600;
    font-family: Inter;
    font-style: normal;
    color: #555;
    margin: 0;
}

@media (max-width: 768px) {
    .footer-title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .footer-title {
        font-size: 16px;
    }
}

.footer-copy {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    line-height: 34px;
    font-family: Inter;
    font-style: normal;
    color: #555;
}

@media (max-width: 768px) {
    .footer-copy {
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width: 480px) {
    .footer-copy {
        font-size: 13px;
        line-height: 24px;
    }
}

.footer-copy-2 {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    line-height: 34px;
    font-family: Inter;
    font-style: normal;
    color: #555;
    border-left: 2px solid #bebebe;
    padding-left: 49px;
}

@media (max-width: 768px) {
    .footer-copy-2 {
        font-size: 14px;
        line-height: 28px;
        padding-left: 30px;
    }
}

@media (max-width: 480px) {
    .footer-copy-2 {
        font-size: 13px;
        line-height: 24px;
        border-left: none;
        padding-left: 0;
    }
}

.footer-copy-3 {
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    line-height: 34px;
    font-family: Inter;
    font-style: normal;
    color: #555;
}

@media (max-width: 768px) {
    .footer-copy-3 {
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width: 480px) {
    .footer-copy-3 {
        font-size: 13px;
        line-height: 24px;
    }
}

.copy-footer-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 49px;
    align-self: stretch;
    flex-wrap: wrap;
    color: #555;
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 768px) {
    .copy-footer-2 {
        gap: 30px;
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .copy-footer-2 {
        gap: 20px;
        font-size: 18px;
        flex-direction: column;
    }
}

/* .vertical-line {
    border-left: 2px solid #bebebe;
    position: absolute;
    height: 35px;
} */

.copy-footer-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 38px;
    align-self: stretch;
    padding-left: 40px;
    padding-right: 40px;
}

@media (max-width: 768px) {
    .copy-footer-3 {
        padding-left: 20px;
        padding-right: 20px;
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .copy-footer-3 {
        padding-left: 10px;
        padding-right: 10px;
        gap: 25px;
    }
}

.address {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 20px;
    align-self: stretch;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .address {
        justify-content: center;
        row-gap: 30px;
    }
}

.address-1 {
    display: flex;
    width: 600px;
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    font-style: normal;
}

@media (max-width: 768px) {
    .address-1 {
        width: 100%;
    }
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: color 0.3s ease;
}

a:hover {
    color: #FF4E00;
}

a:focus {
    outline: 2px solid #FF4E00;
    outline-offset: 2px;
}
    


    
        
        
            Maxchat V3 Telah Hadir
            Lebih Cepat, Aman, & Intuitif untuk Bisnis Anda
        
        
            
                Seiring pertumbuhan kebutuhan bisnis digital, kami di Maxchat terus berinovasi untuk menghadirkan pengalaman komunikasi yang lebih efisien dan cerdas. Melalui pembaruan besar ke versi 3 (v3), Maxchat tidak hanya tampil dengan desain baru, tetapi juga membawa peningkatan performa, keamanan, dan kemudahan integrasi di seluruh sistem.
                Kini, seluruh tim Anda dapat bekerja lebih cepat dan terhubung lebih baik. Mulai dari balasan pelanggan, automasi pesan, hingga analitik real-time yang lebih akurat. Pembaruan ini adalah langkah nyata kami untuk membantu bisnis Anda tumbuh dengan komunikasi yang lebih terukur, aman, dan terintegrasi.
            
            
                Lihat Pembaruan Selengkapnya
            
        
    
    
        Apa Yang Baru di Maxchat v3?
        
        
            
            
                Dashboard Lebih Cepat & Intuitif
                Kelola akun, tim, dan kanal komunikasi dalam satu tampilan baru yang lebih ringan dan responsif. Visual yang lebih bersih, navigasi yang lebih mudah, serta waktu loading yang jauh lebih cepat.
            
        
        
        
            
            
                Keamanan Akun yang Ditingkatkan
                Kini setiap akun dilindungi oleh Dua Faktor Autentikasi (2FA) dan sistem kontrol akses agent yang lebih ketat. Amankan data pelanggan dan pastikan hanya pengguna berwenang yang memiliki akses.
            
        
        
        
            
            
                Broadcast Pesan yang Lebih Efektif
                Kirim pesan massal dengan personalisasi lebih baik. Jadwalkan kampanye marketing, kirim notifikasi penting, dan jangkau pelanggan Anda dengan cara yang lebih terorganisir dan terukur.
            
        
        
        
            
            
                Chatbot Lebih Pintar dan Fleksibel
                Bangun percakapan otomatis yang lebih personal dan responsif. Kelola logika chatbot dengan mudah, dan sesuaikan pesan berdasarkan konteks pelanggan Anda.
            
        
        
        
            
            
                Laporan & Analitik Real-Time
                Dapatkan insight komprehensif tentang performa tim, pesan, dan pelanggan. Pantau aktivitas secara real-time untuk membantu pengambilan keputusan yang lebih cepat dan berbasis data.
            
        
        
        
            Dengan fitur-fitur baru ini, Maxchat v3 membantu Anda mengelola percakapan pelanggan lebih mudah, aman, dan terukur di mana pun tim Anda berada.
            
                Jelajahi Maxchat v3 Sekarang
            
        
    
    
        
            Terima kasih telah menjadi bagian dari perjalanan Maxchat
            Kami berkomitmen untuk terus menghadirkan inovasi yang membantu bisnis Anda tumbuh melalui komunikasi yang lebih cepat, aman, dan efisien.
        
        
        
        
        
            Butuh bantuan saat transisi ke v3? Hubungi Kami Melalui
            
                WhatsApp
            
            
                E-Mail
            
            
                Instagram
            
        
        
        
        
        
            Anda menerima email ini karena terdaftar sebagai pengguna aktif Maxchat. PT Maxchat Inovasi Indonesia terdaftar resmi sebagai Meta Business Partner dan PSE Kominfo.
            
                
                    Jakarta
                    SCBD Jakarta Indonesia Stock Exchange, Tower 2, 17th FloorJl. Jendral Sudirman Kav. 52-53, Jakarta 12190, Indonesia
                
                
                    Malang
                    Jl. Candi Sawentar E 209 MojolanguKec. Lowokwaru, Kota Malang, Jawa Timur 65141