{"id":94,"date":"2026-05-13T07:30:57","date_gmt":"2026-05-13T07:30:57","guid":{"rendered":"https:\/\/gibar.maputra.id\/?page_id=94"},"modified":"2026-05-26T04:21:11","modified_gmt":"2026-05-26T04:21:11","slug":"gilang-barber","status":"publish","type":"page","link":"https:\/\/gibar.maputra.id\/","title":{"rendered":"Gilang Barber"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"94\" class=\"elementor elementor-94\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9cb60b e-flex e-con-boxed e-con e-parent\" data-id=\"e9cb60b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a43e00a elementor-widget elementor-widget-html\" data-id=\"a43e00a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   CSS KHUSUS HERO WIDGET & SOLUSI HEADER FIXED\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n\n\/* Mencegah padding dari wrapper Elementor *\/\n.elementor-widget-html {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.test-hero-section {\n    \/* BACKGROUND DIUBAH MENJADI TRANSPARAN *\/\n    background-color: transparent !important;\n    color: #F5F5F5;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    box-sizing: border-box;\n    \/* PADDING DIHAPUS SEPENUHNYA *\/\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n\/* ATURAN LEBAR CONTAINER SOP *\/\n.test-hero-container {\n    width: 100%;\n    margin: 0 auto;\n    display: flex;\n    \/* Mobile: Gambar di atas, teks di bawah (column-reverse) *\/\n    flex-direction: column-reverse; \n    gap: 30px;\n    box-sizing: border-box;\n}\n\n\/* TYPOGRAPHY & ELEMENTS *\/\n.test-hero-badge {\n    display: inline-block;\n    padding: 6px 14px;\n    background-color: rgba(197, 160, 89, 0.1);\n    color: #C5A059;\n    font-size: 0.85rem;\n    font-weight: 600;\n    border-radius: 20px;\n    margin-bottom: 20px;\n    border: 1px solid rgba(197, 160, 89, 0.3);\n    font-family: 'Inter', sans-serif;\n    letter-spacing: 0.5px;\n}\n\n.test-hero-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    line-height: 1.2;\n    margin-bottom: 15px;\n    color: #F5F5F5;\n    font-weight: 700;\n}\n\n.test-hero-subtitle {\n    font-family: 'Inter', sans-serif;\n    color: #A3A3A3;\n    font-size: 1rem;\n    line-height: 1.6;\n    margin-bottom: 30px;\n}\n\n.test-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 28px;\n    font-size: 1rem;\n    font-weight: 600;\n    border-radius: 4px;\n    background-color: #C5A059;\n    color: #000000;\n    text-decoration: none;\n    font-family: 'Inter', sans-serif;\n    transition: background-color 0.3s ease;\n}\n\n.test-btn-primary:hover {\n    background-color: #A68341;\n}\n\n.test-hero-image-wrapper {\n    width: 100%;\n}\n\n.test-hero-img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n    border: 1px solid #2A2A2A;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.6);\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   BREAKPOINT TABLET (768px \u2014 1024px)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 768px) {\n    .test-hero-section {\n        \/* PADDING DIHAPUS SEPENUHNYA *\/\n        padding: 0 !important; \n    }\n    \n    .test-hero-container {\n        \/* Tablet SOP: Disarankan 2 Kolom sejajar *\/\n        flex-direction: row;\n        align-items: center;\n        gap: 40px;\n    }\n    \n    .test-hero-content,\n    .test-hero-image-wrapper {\n        flex: 1;\n    }\n    \n    .test-hero-title {\n        font-size: 2.8rem;\n    }\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   BREAKPOINT DESKTOP (1025px ke atas)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 1025px) {\n    .test-hero-section {\n        \/* PADDING DIHAPUS SEPENUHNYA *\/\n        padding: 0 !important;\n    }\n    \n    .test-hero-container {\n        max-width: 1200px; \/* Tipe Boxed sesuai SOP *\/\n        gap: 60px;\n    }\n    \n    .test-hero-title {\n        font-size: 3.5rem;\n    }\n    \n    .test-hero-subtitle {\n        font-size: 1.125rem;\n    }\n}\n<\/style>\n\n<div class=\"test-hero-section\">\n    <div class=\"test-hero-container\">\n        \n        <div class=\"test-hero-content\">\n            <span class=\"test-hero-badge\">Premium Home Service<\/span>\n            <h1 class=\"test-hero-title\">Ketampanan Eksklusif, Tanpa Keluar Rumah.<\/h1>\n            <p class=\"test-hero-subtitle\">Membawa pengalaman barbershop mewah langsung ke depan pintu Anda. Rapi, higienis, dan profesional.<\/p>\n            <div class=\"test-hero-cta\">\n                <a href=\"#services\" class=\"test-btn-primary\">Lihat Layanan<\/a>\n            <\/div>\n        <\/div>\n        \n        <div class=\"test-hero-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/hero.webp\" alt=\"Gilang Barber Hero\" class=\"test-hero-img\" loading=\"lazy\">\n        <\/div>\n        \n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8453cfc e-flex e-con-boxed e-con e-parent\" data-id=\"8453cfc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e50d4c elementor-widget elementor-widget-html\" data-id=\"0e50d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   CSS KHUSUS ABOUT WIDGET\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n\/* KUNCI PADDING: Mencegah Elementor menambahkan jarak siluman *\/\n.elementor-widget-html,\n.elementor-widget-wrap {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.gb-about-section {\n    \/* BACKGROUND DIUBAH MENJADI TRANSPARAN *\/\n    background-color: transparent !important; \n    color: #F5F5F5;\n    \/* PADDING DIHAPUS SEPENUHNYA *\/\n    padding: 0 !important;\n    margin: 0 !important;\n    box-sizing: border-box;\n    width: 100%;\n}\n\n.gb-about-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto !important;\n    \/* PADDING DIHAPUS SEPENUHNYA *\/\n    padding: 0 !important;\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n    box-sizing: border-box;\n}\n\n.gb-about-image-wrapper {\n    width: 100%;\n    position: relative;\n    \/* Memberikan jarak untuk aksen border di HP *\/\n    margin-left: 10px; \n    padding-right: 10px;\n}\n\n.gb-about-img {\n    width: 100%;\n    height: auto;\n    border-radius: 8px;\n    display: block;\n    border: 1px solid #2A2A2A;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.6);\n    position: relative;\n    z-index: 2;\n}\n\n\/* Aksen bingkai emas di belakang gambar *\/\n.gb-about-image-wrapper::before {\n    content: '';\n    position: absolute;\n    top: 15px;\n    left: -5px;\n    width: 100%;\n    height: 100%;\n    border: 2px solid #C5A059;\n    border-radius: 8px;\n    z-index: 1;\n}\n\n.gb-about-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.gb-about-subtitle {\n    color: #C5A059;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.9rem;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n}\n\n.gb-about-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #F5F5F5;\n    font-weight: 700;\n}\n\n.gb-about-desc {\n    font-family: 'Inter', sans-serif;\n    color: #A3A3A3;\n    font-size: 1rem;\n    line-height: 1.7;\n    margin-bottom: 30px;\n}\n\n.gb-about-list {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.gb-about-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    font-family: 'Inter', sans-serif;\n    font-size: 1.05rem;\n    color: #F5F5F5;\n    line-height: 1.5;\n}\n\n.gb-about-icon {\n    flex-shrink: 0;\n    width: 22px;\n    height: 22px;\n    margin-top: 3px; \/* Menyesuaikan agar sejajar dengan baris teks pertama *\/\n}\n\n\/* Memaksa warna ikon menjadi emas *\/\n.gb-about-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: #C5A059; \n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   BREAKPOINT TABLET (768px \u2014 1024px)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 768px) {\n    .gb-about-section {\n        \/* PADDING DIHAPUS SEPENUHNYA *\/\n        padding: 0 !important;\n    }\n    \n    .gb-about-container {\n        flex-direction: row;\n        align-items: center;\n        gap: 60px;\n    }\n    \n    .gb-about-image-wrapper {\n        flex: 1;\n        margin-left: 20px;\n        padding-right: 0;\n    }\n    \n    .gb-about-content {\n        flex: 1.1; \/* Memberikan porsi sedikit lebih besar untuk teks *\/\n    }\n    \n    .gb-about-title {\n        font-size: 2.6rem;\n    }\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   BREAKPOINT DESKTOP (1025px ke atas)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 1025px) {\n    .gb-about-section {\n        \/* PADDING DIHAPUS SEPENUHNYA *\/\n        padding: 0 !important;\n    }\n    \n    .gb-about-image-wrapper::before {\n        top: 25px;\n        left: -20px;\n    }\n    \n    .gb-about-title {\n        font-size: 3rem;\n    }\n}\n<\/style>\n\n<section class=\"gb-about-section\" id=\"about\">\n    <div class=\"gb-about-container\">\n        \n        <div class=\"gb-about-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/about.webp\" alt=\"Tentang Gilang Barber\" class=\"gb-about-img\" loading=\"lazy\">\n        <\/div>\n        \n        <div class=\"gb-about-content\">\n            <span class=\"gb-about-subtitle\">Lebih Dari Sekadar Cukur<\/span>\n            <h2 class=\"gb-about-title\">Standar Baru Grooming Premium<\/h2>\n            <p class=\"gb-about-desc\">Gilang Barber mendefinisikan ulang pengalaman pangkas rambut pria. Kami membawa layanan barbershop kelas atas langsung ke ruang pribadi Anda. Nikmati kenyamanan maksimal dengan standar kebersihan, presisi, dan profesionalisme tertinggi tanpa perlu keluar rumah.<\/p>\n            \n            <ul class=\"gb-about-list\">\n                <li class=\"gb-about-item\">\n                    <span class=\"gb-about-icon\">\n                        <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 457.57\"><path fill-rule=\"evenodd\" d=\"M0,220.57c100.43-1.33,121-5.2,191.79,81.5,54.29-90,114.62-167.9,179.92-235.86C436-.72,436.5-.89,512,.24,383.54,143,278.71,295.74,194.87,457.57,150,361.45,87.33,280.53,0,220.57Z\"\/><\/svg>\n                    <\/span>\n                    <span>Peralatan steril, higienis, dan standar salon premium.<\/span>\n                <\/li>\n                <li class=\"gb-about-item\">\n                    <span class=\"gb-about-icon\">\n                        <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 457.57\"><path fill-rule=\"evenodd\" d=\"M0,220.57c100.43-1.33,121-5.2,191.79,81.5,54.29-90,114.62-167.9,179.92-235.86C436-.72,436.5-.89,512,.24,383.54,143,278.71,295.74,194.87,457.57,150,361.45,87.33,280.53,0,220.57Z\"\/><\/svg>\n                    <\/span>\n                    <span>Privasi dan kenyamanan tak tertandingi di rumah sendiri.<\/span>\n                <\/li>\n                <li class=\"gb-about-item\">\n                    <span class=\"gb-about-icon\">\n                        <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 457.57\"><path fill-rule=\"evenodd\" d=\"M0,220.57c100.43-1.33,121-5.2,191.79,81.5,54.29-90,114.62-167.9,179.92-235.86C436-.72,436.5-.89,512,.24,383.54,143,278.71,295.74,194.87,457.57,150,361.45,87.33,280.53,0,220.57Z\"\/><\/svg>\n                    <\/span>\n                    <span>Barber profesional dengan pengalaman tinggi.<\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d40006 e-flex e-con-boxed e-con e-parent\" data-id=\"4d40006\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c118bb0 elementor-widget elementor-widget-html\" data-id=\"c118bb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   CSS KHUSUS SERVICES WIDGET (DARI PROTOTYPE)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n\/* Mencegah padding siluman Elementor *\/\n.elementor-widget-html,\n.elementor-widget-wrap {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.gb-services-section {\n    background-color: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n}\n\n.gb-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    box-sizing: border-box;\n}\n\n\/* Header Section *\/\n.gb-section-header {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.gb-section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    color: #C5A059; \/* accent-gold *\/\n    font-weight: 700;\n    margin-bottom: 10px;\n    line-height: 1.2;\n}\n\n.gb-section-subtitle {\n    color: #A3A3A3; \/* text-secondary *\/\n    font-family: 'Inter', sans-serif;\n    font-size: 1rem;\n    margin: 0;\n}\n\n\/* Grid Layanan *\/\n.gb-services-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n}\n\n\/* Kartu Layanan (Diambil dari prototype .service-card) *\/\n.gb-service-card {\n    background-color: #141414; \/* bg-surface *\/\n    border: 1px solid #2A2A2A; \/* border-color *\/\n    padding: 30px;\n    border-radius: 8px;\n    transition: all 0.3s ease-in-out;\n    box-sizing: border-box;\n}\n\n.gb-service-card:hover {\n    border-color: #C5A059; \/* accent-gold-hover *\/\n    transform: translateY(-5px);\n}\n\n\/* Kartu Highlight Khusus (Diambil dari prototype .highlight) *\/\n.gb-service-card.gb-highlight {\n    background: linear-gradient(145deg, #1E1E1E, #141414); \/* bg-surface-light ke bg-surface *\/\n    border-color: #C5A059;\n}\n\n\/* Tipografi dalam Kartu *\/\n.gb-service-name {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.5rem;\n    color: #F5F5F5; \/* text-primary *\/\n    margin-bottom: 10px;\n    font-weight: 700;\n    line-height: 1.2;\n}\n\n.gb-service-price {\n    font-family: 'Playfair Display', serif; \/* var(--font-heading) pada prototype *\/\n    font-size: 1.25rem;\n    color: #C5A059;\n    font-weight: 700;\n    margin-bottom: 15px;\n}\n\n.gb-service-text {\n    font-family: 'Inter', sans-serif;\n    color: #A3A3A3;\n    font-size: 1rem;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   RESPONSIVE (Dari Prototype Asli)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 768px) {\n    .gb-section-title { font-size: 2.5rem; }\n    .gb-services-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n}\n\n@media (min-width: 1025px) {\n    .gb-section-title { font-size: 3rem; }\n    .gb-services-grid { grid-template-columns: repeat(3, 1fr); gap: 30px; }\n}\n<\/style>\n\n<section id=\"services\" class=\"gb-services-section\">\n    <div class=\"gb-container\">\n        \n        <div class=\"gb-section-header\">\n            <h2 class=\"gb-section-title\">Layanan Kami<\/h2>\n            <p class=\"gb-section-subtitle\">Pilihan treatment terbaik untuk penampilan maksimal Anda.<\/p>\n        <\/div>\n        \n        <div class=\"gb-services-grid\">\n            \n            <div class=\"gb-service-card\">\n                <h3 class=\"gb-service-name\">Gentleman Haircut<\/h3>\n                <p class=\"gb-service-price\">Rp 100.000<\/p>\n                <p class=\"gb-service-text\">Potong rambut, styling pomade, dan pijat ringan.<\/p>\n            <\/div>\n            \n            <div class=\"gb-service-card\">\n                <h3 class=\"gb-service-name\">Kids Haircut<\/h3>\n                <p class=\"gb-service-price\">Rp 75.000<\/p>\n                <p class=\"gb-service-text\">Cukur rambut anak dengan pendekatan yang sabar dan ramah.<\/p>\n            <\/div>\n            \n            <div class=\"gb-service-card\">\n                <h3 class=\"gb-service-name\">Baby Haircut<\/h3>\n                <p class=\"gb-service-price\">Rp 85.000<\/p>\n                <p class=\"gb-service-text\">Cukur rambut bayi menggunakan alat khusus yang aman, steril, dan mesin bersuara halus.<\/p>\n            <\/div>\n            \n            <div class=\"gb-service-card\">\n                <h3 class=\"gb-service-name\">Beard Trim & Shave<\/h3>\n                <p class=\"gb-service-price\">Rp 50.000<\/p>\n                <p class=\"gb-service-text\">Merapikan janggut dan kumis agar terlihat lebih tegas.<\/p>\n            <\/div>\n            \n            <div class=\"gb-service-card gb-highlight\">\n                <h3 class=\"gb-service-name\">Full Home Service<\/h3>\n                <p class=\"gb-service-price\">Custom<\/p>\n                <p class=\"gb-service-text\">Paket lengkap Haircut + Shaving + Face Massage.<\/p>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2192c3e e-flex e-con-boxed e-con e-parent\" data-id=\"2192c3e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b96a057 elementor-widget elementor-widget-html\" data-id=\"b96a057\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   CSS KHUSUS WHY CHOOSE US WIDGET (DARI PROTOTYPE)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n\/* Mencegah padding siluman Elementor *\/\n.elementor-widget-html,\n.elementor-widget-wrap {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.gb-why-section {\n    background-color: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n}\n\n.gb-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    box-sizing: border-box;\n}\n\n\/* Header Section *\/\n.gb-section-header {\n    text-align: center;\n    margin-bottom: 40px; \/* Sesuai dengan margin-top: 40px di grid aslimu *\/\n}\n\n.gb-section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2rem;\n    color: #C5A059; \/* accent-gold *\/\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0;\n}\n\n\/* Grid Keunggulan *\/\n.gb-why-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 30px;\n}\n\n\/* Item Keunggulan *\/\n.gb-why-item {\n    text-align: center;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n\/* Lingkaran Ikon (Dari prototype asli) *\/\n.gb-why-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    background-color: rgba(197, 160, 89, 0.05); \/* Latar belakang halus *\/\n    padding: 20px;\n    border-radius: 50%;\n    border: 1px solid rgba(197, 160, 89, 0.2);\n}\n\n\/* SVG Line Icon Styling *\/\n.gb-why-icon svg {\n    width: 40px;\n    height: 40px;\n    fill: none;\n    stroke: #C5A059; \/* accent-gold *\/\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Teks Item *\/\n.gb-why-item h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.25rem;\n    margin-top: 0;\n    margin-bottom: 10px;\n    color: #F5F5F5; \/* text-primary *\/\n    font-weight: 700;\n    line-height: 1.2;\n}\n\n.gb-why-item p {\n    color: #A3A3A3; \/* text-secondary *\/\n    font-family: 'Inter', sans-serif;\n    font-size: 1rem;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   RESPONSIVE (Dari Prototype Asli)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 768px) {\n    .gb-section-title { font-size: 2.5rem; }\n    .gb-why-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (min-width: 1025px) {\n    .gb-section-title { font-size: 3rem; }\n    .gb-why-grid { grid-template-columns: repeat(4, 1fr); }\n}\n<\/style>\n\n<section id=\"why-us\" class=\"gb-why-section\">\n    <div class=\"gb-container\">\n        \n        <div class=\"gb-section-header\">\n            <h2 class=\"gb-section-title\">Kenapa Gilang Barber?<\/h2>\n        <\/div>\n        \n        <div class=\"gb-why-grid\">\n            \n            <div class=\"gb-why-item\">\n                <div class=\"gb-why-icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline><\/svg>\n                <\/div>\n                <h3>Higienis<\/h3>\n                <p>Semua peralatan disterilisasi sebelum dan sesudah penggunaan untuk keamanan Anda.<\/p>\n            <\/div>\n            \n            <div class=\"gb-why-item\">\n                <div class=\"gb-why-icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\n                <\/div>\n                <h3>Datang Ke Rumah<\/h3>\n                <p>Tidak perlu mengantre di barbershop. Kami datang ke rumah, kantor, atau hotel Anda.<\/p>\n            <\/div>\n            \n            <div class=\"gb-why-item\">\n                <div class=\"gb-why-icon\">\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\n                <\/div>\n                <h3>Profesional<\/h3>\n                <p>Kapster berpengalaman dengan teknik cukur modern dan gaya paling update.<\/p>\n            <\/div>\n            \n            <div class=\"gb-why-item\">\n                <div class=\"gb-why-icon\">\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                <\/div>\n                <h3>Hemat Waktu<\/h3>\n                <p>Sangat cocok untuk Anda yang sibuk dan menginginkan efisiensi waktu maksimal.<\/p>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3f6d12 e-flex e-con-boxed e-con e-parent\" data-id=\"f3f6d12\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-126c2e7 elementor-widget elementor-widget-html\" data-id=\"126c2e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   CSS KHUSUS GALLERY WIDGET (DARI PROTOTYPE)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n\/* Mencegah padding siluman Elementor *\/\n.elementor-widget-html,\n.elementor-widget-wrap {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.gb-gallery-section {\n    background-color: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n}\n\n.gb-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    box-sizing: border-box;\n}\n\n\/* Header Section *\/\n.gb-section-header {\n    text-align: center;\n    margin-bottom: 40px; \n}\n\n.gb-section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2rem;\n    color: #C5A059; \/* accent-gold *\/\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0 0 1rem 0;\n}\n\n.gb-section-subtitle {\n    color: #A3A3A3; \/* text-secondary *\/\n    font-family: 'Inter', sans-serif;\n    font-size: 1rem;\n    margin: 0;\n}\n\n\/* Grid Gallery *\/\n.gb-gallery-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 15px;\n}\n\n\/* Gallery Item (Hover Grayscale dari Prototype) *\/\n.gb-gallery-item {\n    overflow: hidden;\n    border-radius: 8px;\n    position: relative;\n    padding: 0;\n    margin: 0;\n}\n\n.gb-gallery-item img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n    transition: all 0.3s ease-in-out; \/* transition-normal *\/\n    filter: grayscale(20%);\n    object-fit: cover;\n}\n\n.gb-gallery-item:hover img {\n    filter: grayscale(0%);\n    transform: scale(1.02);\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   RESPONSIVE (Dari Prototype Asli)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 768px) {\n    .gb-section-title { font-size: 2.5rem; }\n    .gb-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n}\n\n@media (min-width: 1025px) {\n    .gb-section-title { font-size: 3rem; }\n    .gb-gallery-grid { grid-template-columns: repeat(4, 1fr); gap: 30px; }\n}\n<\/style>\n\n<section id=\"gallery\" class=\"gb-gallery-section\">\n    <div class=\"gb-container\">\n        \n        <div class=\"gb-section-header\">\n            <h2 class=\"gb-section-title\">Gallery Hasil Cukur<\/h2>\n            <p class=\"gb-section-subtitle\">Karya seni rambut dari para klien puas kami.<\/p>\n        <\/div>\n        \n        <div class=\"gb-gallery-grid\">\n            <div class=\"gb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-1.webp\" alt=\"Hasil Cukur 1\" loading=\"lazy\"><\/div>\n            <div class=\"gb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-2.webp\" alt=\"Hasil Cukur 2\" loading=\"lazy\"><\/div>\n            <div class=\"gb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-3.webp\" alt=\"Hasil Cukur 3\" loading=\"lazy\"><\/div>\n            <div class=\"gb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-4.webp\" alt=\"Hasil Cukur 4\" loading=\"lazy\"><\/div>\n            <div class=\"gb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-5.webp\" alt=\"Hasil Cukur 5\" loading=\"lazy\"><\/div>\n            <div class=\"gb-gallery-item\"><img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/galeri-6.webp\" alt=\"Hasil Cukur 6\" loading=\"lazy\"><\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d51a7db e-flex e-con-boxed e-con e-parent\" data-id=\"d51a7db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f977290 elementor-widget elementor-widget-html\" data-id=\"f977290\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   CSS KHUSUS STEPS WIDGET (DARI PROTOTYPE)\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n\/* Mencegah padding siluman Elementor *\/\n.elementor-widget-html,\n.elementor-widget-wrap {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n\/* Base Section - Background diubah jadi transparan *\/\n.gb-steps-section {\n    background-color: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n}\n\n.gb-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    box-sizing: border-box;\n}\n\n\/* Header Section *\/\n.gb-section-header {\n    text-align: center;\n    margin-bottom: 40px; \n}\n\n.gb-section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2rem;\n    color: #C5A059; \n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0;\n}\n\n\/* Grid Steps *\/\n.gb-steps-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 30px;\n}\n\n\/* Step Card *\/\n.gb-step-card {\n    background-color: #0A0A0A; \n    padding: 40px 30px;\n    border-radius: 8px;\n    text-align: center;\n    position: relative;\n    border: 1px solid #2A2A2A; \n    box-sizing: border-box;\n}\n\n.gb-step-number {\n    font-family: 'Playfair Display', serif;\n    font-size: 3rem;\n    color: #C5A059;\n    opacity: 0.3;\n    position: absolute;\n    top: 10px;\n    right: 20px;\n    font-weight: 700;\n}\n\n.gb-step-card h3 {\n    margin-top: 20px;\n    margin-bottom: 1rem;\n    font-size: 1.5rem;\n    font-family: 'Playfair Display', serif;\n    color: #F5F5F5;\n    font-weight: 700;\n    line-height: 1.2;\n}\n\n.gb-step-card p {\n    color: #A3A3A3; \n    font-family: 'Inter', sans-serif;\n    font-size: 1rem;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   RESPONSIVE\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 768px) {\n    .gb-section-title { font-size: 2.5rem; }\n    .gb-steps-grid { grid-template-columns: repeat(3, 1fr); }\n}\n\n@media (min-width: 1025px) {\n    .gb-section-title { font-size: 3rem; }\n}\n<\/style>\n\n<section id=\"booking-steps\" class=\"gb-steps-section\">\n    <div class=\"gb-container\">\n        <div class=\"gb-section-header\">\n            <h2 class=\"gb-section-title\">Cara Booking<\/h2>\n        <\/div>\n        <div class=\"gb-steps-grid\">\n            <div class=\"gb-step-card\">\n                <span class=\"gb-step-number\">01<\/span>\n                <h3>Booking<\/h3>\n                <p>Hubungi kami melalui WhatsApp dan tentukan jadwal serta layanan.<\/p>\n            <\/div>\n            <div class=\"gb-step-card\">\n                <span class=\"gb-step-number\">02<\/span>\n                <h3>Kami Datang<\/h3>\n                <p>Kapster kami akan datang ke lokasi Anda sesuai jadwal dengan peralatan lengkap.<\/p>\n            <\/div>\n            <div class=\"gb-step-card\">\n                <span class=\"gb-step-number\">03<\/span>\n                <h3>Cukur Selesai<\/h3>\n                <p>Nikmati proses cukur profesional dan bayar setelah Anda merasa puas.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-088766c e-flex e-con-boxed e-con e-parent\" data-id=\"088766c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6c76ef elementor-widget elementor-widget-html\" data-id=\"b6c76ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   CSS KHUSUS TESTIMONIALS WIDGET\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n\/* Mencegah padding siluman Elementor *\/\n.elementor-widget-html,\n.elementor-widget-wrap {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.gb-testimonials-section {\n    background-color: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n}\n\n.gb-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    box-sizing: border-box;\n}\n\n\/* Header Section *\/\n.gb-section-header {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.gb-section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2rem;\n    color: #C5A059; \/* accent-gold *\/\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0;\n}\n\n\/* Grid Testimonials *\/\n.gb-testimonials-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n}\n\n\/* Kartu Testimoni (Dari prototype asli) *\/\n.gb-testimonial-card {\n    padding: 30px;\n    border-left: 3px solid #C5A059; \/* accent-gold *\/\n    background-color: #141414; \/* bg-surface *\/\n    box-sizing: border-box;\n}\n\n.gb-testi-text {\n    font-family: 'Inter', sans-serif;\n    font-style: italic;\n    color: #F5F5F5; \/* text-primary *\/\n    font-size: 1.125rem;\n    line-height: 1.6;\n    margin-top: 0;\n    margin-bottom: 20px;\n}\n\n.gb-testi-author {\n    font-family: 'Playfair Display', serif;\n    color: #C5A059; \/* accent-gold *\/\n    font-size: 1rem;\n    font-weight: 700;\n    margin: 0;\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   RESPONSIVE\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 768px) {\n    .gb-section-title { font-size: 2.5rem; }\n    .gb-testimonials-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\n}\n\n@media (min-width: 1025px) {\n    .gb-section-title { font-size: 3rem; }\n}\n<\/style>\n\n<section id=\"testimonials\" class=\"gb-testimonials-section\">\n    <div class=\"gb-container\">\n        \n        <div class=\"gb-section-header\">\n            <h2 class=\"gb-section-title\">Apa Kata Mereka<\/h2>\n        <\/div>\n        \n        <div class=\"gb-testimonials-grid\">\n            <div class=\"gb-testimonial-card\">\n                <p class=\"gb-testi-text\">\"Sangat praktis! Hasil cukurnya rapi banget, setara barbershop premium di mall.\"<\/p>\n                <h4 class=\"gb-testi-author\">\u2014 Andi, Pengusaha<\/h4>\n            <\/div>\n            <div class=\"gb-testimonial-card\">\n                <p class=\"gb-testi-text\">\"Gak perlu macet-macetan lagi. Kapsternya sopan dan peralatannya bersih.\"<\/p>\n                <h4 class=\"gb-testi-author\">\u2014 Budi, Karyawan Swasta<\/h4>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acb1a4b e-flex e-con-boxed e-con e-parent\" data-id=\"acb1a4b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a774147 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a774147\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   CSS KHUSUS CTA WIDGET\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n\/* Mencegah padding siluman Elementor *\/\n.elementor-widget-html,\n.elementor-widget-wrap {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.gb-cta-section {\n    background-color: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100%;\n    \n    \/* FIX: Memaksa widget tetap di depan background Elementor *\/\n    position: relative !important;\n    z-index: 10 !important;\n}\n\n.gb-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    box-sizing: border-box;\n}\n\n\/* Banner Wrapper *\/\n.gb-cta-banner {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    min-height: 400px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* Background Image CTA *\/\n.gb-cta-bg-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 1;\n    display: block;\n}\n\n\/* Overlay Gelap *\/\n.gb-cta-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(10, 10, 10, 0.85); \/* rgba(10, 10, 10, 0.85) dari prototype *\/\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n    box-sizing: border-box;\n}\n\n\/* Teks CTA *\/\n.gb-cta-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2rem;\n    color: #C5A059; \/* accent-gold *\/\n    font-weight: 700;\n    margin-top: 0;\n    margin-bottom: 15px;\n    line-height: 1.2;\n}\n\n.gb-cta-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: 1.125rem;\n    color: #F5F5F5;\n    margin-top: 0;\n    margin-bottom: 30px;\n    max-width: 600px;\n    line-height: 1.6;\n}\n\n\/* Tombol CTA *\/\n.gb-btn-primary-large {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #C5A059; \/* accent-gold *\/\n    color: #000000; \/* text-dark *\/\n    padding: 16px 32px;\n    font-family: 'Inter', sans-serif;\n    font-size: 1.125rem;\n    font-weight: 600;\n    border-radius: 4px;\n    text-decoration: none;\n    transition: background-color 0.3s ease-in-out;\n    border: 2px solid transparent;\n}\n\n.gb-btn-primary-large:hover {\n    background-color: #A68341 !important; \/* accent-gold-hover *\/\n}\n\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n   RESPONSIVE\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n@media (min-width: 768px) {\n    .gb-cta-title { font-size: 3rem; }\n}\n<\/style>\n\n<section id=\"cta\" class=\"gb-cta-section\">\n    <div class=\"gb-container\">\n        \n        <div class=\"gb-cta-banner\">\n            <img decoding=\"async\" src=\"https:\/\/gibar.maputra.id\/wp-content\/uploads\/2026\/05\/cta.webp\" alt=\"Banner Booking\" class=\"gb-cta-bg-img\" loading=\"lazy\">\n            \n            <div class=\"gb-cta-overlay\">\n                <h2 class=\"gb-cta-title\">Siap Tampil Lebih Maksimal?<\/h2>\n                <p class=\"gb-cta-desc\">Dapatkan pengalaman cukur eksklusif sekarang juga.<\/p>\n                <a href=\"https:\/\/wa.me\/6281234567890\" class=\"gb-btn-primary-large\" target=\"_blank\" rel=\"noopener noreferrer\">Booking Sekarang<\/a>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium Home Service Ketampanan Eksklusif, Tanpa Keluar Rumah. Membawa pengalaman barbershop mewah langsung ke depan pintu Anda. Rapi, higienis, dan profesional. Lihat Layanan Lebih Dari Sekadar Cukur Standar Baru Grooming Premium Gilang Barber mendefinisikan ulang pengalaman pangkas rambut pria. Kami membawa layanan barbershop kelas atas langsung ke ruang pribadi Anda. Nikmati kenyamanan maksimal dengan standar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gibar.maputra.id\/index.php?rest_route=\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gibar.maputra.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gibar.maputra.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gibar.maputra.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gibar.maputra.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":10,"href":"https:\/\/gibar.maputra.id\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/gibar.maputra.id\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/gibar.maputra.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}