{"id":28,"date":"2026-04-20T12:41:34","date_gmt":"2026-04-20T12:41:34","guid":{"rendered":"https:\/\/goldenlionlawoffice.com\/?page_id=28"},"modified":"2026-04-20T12:58:22","modified_gmt":"2026-04-20T12:58:22","slug":"golden-lion-law-office-pembela-keadilan-dan-penasihat-hukum-terpercaya","status":"publish","type":"page","link":"https:\/\/goldenlionlawoffice.com\/","title":{"rendered":"Golden Lion Law Office | Pembela Keadilan dan Penasihat Hukum Terpercaya"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0898fd7 e-flex e-con-boxed e-con e-parent\" data-id=\"0898fd7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9ab9e elementor-widget elementor-widget-html\" data-id=\"4f9ab9e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Golden Lion Law Office | Pembela Keadilan dan Penasihat Hukum Terpercaya<\/title>\r\n  <meta name=\"description\"\r\n    content=\"Golden Lion Law Office - Mitra hukum korporasi terpercaya di Semarang. Layanan kontrak bisnis, litigasi, dan pendampingan korporasi.\" \/>\r\n  <meta property=\"og:title\" content=\"Golden Lion Law Office\" \/>\r\n  <meta property=\"og:description\" content=\"Pembela Keadilan dan Penasihat Hukum Terpercaya\" \/>\r\n  <meta property=\"og:type\" content=\"website\" \/>\r\n\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap\"\r\n    rel=\"stylesheet\">\r\n\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <script>\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          fontFamily: {\r\n            heading: ['\"Cormorant Garamond\"', 'Georgia', 'serif'],\r\n            body: ['\"DM Sans\"', 'system-ui', 'sans-serif'],\r\n          },\r\n          colors: {\r\n            background: 'hsl(218 50% 6%)',\r\n            foreground: 'hsl(210 20% 93%)',\r\n            card: 'hsl(218 42% 10%)',\r\n            primary: { DEFAULT: 'hsl(42 78% 50%)', foreground: 'hsl(218 55% 5%)' },\r\n            secondary: 'hsl(218 35% 14%)',\r\n            muted: { DEFAULT: 'hsl(218 28% 18%)', foreground: 'hsl(215 12% 64%)' },\r\n            border: 'hsl(218 22% 20%)',\r\n            'navy-deep': 'hsl(218 55% 4%)',\r\n            'navy-mid': 'hsl(218 42% 12%)',\r\n            'gold-light': 'hsl(42 70% 62%)',\r\n          },\r\n          keyframes: {\r\n            'fade-up': { '0%': { opacity: '0', transform: 'translateY(24px)' }, '100%': { opacity: '1', transform: 'translateY(0)' } },\r\n            'line-grow': { '0%': { width: '0' }, '100%': { width: '4rem' } },\r\n            'pulse-ring': { '0%,100%': { transform: 'scale(1)', opacity: '0.75' }, '50%': { transform: 'scale(1.1)', opacity: '0.3' } },\r\n          },\r\n          animation: {\r\n            'fade-up': 'fade-up 0.7s ease-out forwards',\r\n            'line-grow': 'line-grow 0.8s ease-out forwards',\r\n            'pulse-ring': 'pulse-ring 2s ease-in-out infinite',\r\n          }\r\n        }\r\n      }\r\n    }\r\n  <\/script>\r\n\r\n  <style>\r\n    body {\r\n      font-family: 'DM Sans', system-ui, sans-serif;\r\n      background: hsl(218 50% 6%);\r\n      color: hsl(210 20% 93%);\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6 {\r\n      font-family: 'Cormorant Garamond', Georgia, serif;\r\n      letter-spacing: 0.01em;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n    }\r\n\r\n    .text-gradient-gold {\r\n      background-image: linear-gradient(135deg, hsl(42 78% 50%), hsl(42 70% 65%), hsl(42 78% 50%));\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    .skip-link {\r\n      position: absolute;\r\n      top: -3rem;\r\n      left: 1rem;\r\n      background: hsl(42 78% 50%);\r\n      color: hsl(218 55% 5%);\r\n      padding: 0.5rem 1rem;\r\n      border-radius: 0.375rem;\r\n      z-index: 100;\r\n      font-weight: 600;\r\n      font-size: 0.875rem;\r\n      transition: top 0.2s;\r\n    }\r\n\r\n    .skip-link:focus {\r\n      top: 1rem;\r\n    }\r\n\r\n    :focus-visible {\r\n      outline: 2px solid hsl(42 78% 50%);\r\n      outline-offset: 2px;\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n      transition: opacity 0.7s ease-out, transform 0.7s ease-out;\r\n    }\r\n\r\n    .reveal.visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .line-reveal {\r\n      width: 0;\r\n      transition: width 0.8s ease-out;\r\n    }\r\n\r\n    .line-reveal.visible {\r\n      width: 4rem;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      *,\r\n      *::before,\r\n      *::after {\r\n        animation-duration: 0.01ms !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-background text-foreground\">\r\n\r\n  <a href=\"#main-content\" class=\"skip-link\">Langsung ke konten utama<\/a>\r\n\r\n  <!-- NAVBAR -->\r\n  <header role=\"banner\">\r\n    <nav id=\"navbar\" aria-label=\"Navigasi utama\"\r\n      class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-transparent py-5\">\r\n      <div class=\"container mx-auto flex items-center justify-between px-6 max-w-7xl\">\r\n        <a href=\"#home\" class=\"flex items-center gap-3\" aria-label=\"Golden Lion Law Office - Beranda\">\r\n          <img decoding=\"async\" src=\"https:\/\/goldenlionlawoffice.com\/wp-content\/uploads\/2026\/01\/new-2.png\" alt=\"\" class=\"h-9 w-9\"\r\n            aria-hidden=\"true\" \/>\r\n          <div class=\"leading-none\">\r\n            <span class=\"font-heading text-xl font-bold text-primary tracking-wide\">Golden Lion<\/span>\r\n            <span class=\"block text-[10px] tracking-[0.25em] uppercase text-muted-foreground font-medium mt-0.5\">Law\r\n              Office<\/span>\r\n          <\/div>\r\n        <\/a>\r\n        <ul class=\"hidden md:flex items-center gap-10\" role=\"list\">\r\n          <li><a href=\"#home\"\r\n              class=\"text-[13px] font-medium tracking-wide uppercase text-foreground\/80 hover:text-primary transition-colors duration-300 py-2\">Home<\/a>\r\n          <\/li>\r\n          <li><a href=\"#about\"\r\n              class=\"text-[13px] font-medium tracking-wide uppercase text-foreground\/80 hover:text-primary transition-colors duration-300 py-2\">Tentang\r\n              Kami<\/a><\/li>\r\n          <li><a href=\"#services\"\r\n              class=\"text-[13px] font-medium tracking-wide uppercase text-foreground\/80 hover:text-primary transition-colors duration-300 py-2\">Layanan<\/a>\r\n          <\/li>\r\n          <li><a href=\"#contact\"\r\n              class=\"text-[13px] font-medium tracking-wide uppercase text-foreground\/80 hover:text-primary transition-colors duration-300 py-2\">Hubungi\r\n              Kami<\/a><\/li>\r\n        <\/ul>\r\n        <button id=\"menu-toggle\" class=\"md:hidden text-foreground p-2 rounded-md hover:bg-secondary transition-colors\"\r\n          aria-expanded=\"false\" aria-controls=\"mobile-menu\" aria-label=\"Buka menu\">\r\n          <svg id=\"icon-menu\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n            stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\" \/>\r\n            <line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\" \/>\r\n            <line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\" \/>\r\n          <\/svg>\r\n          <svg id=\"icon-close\" class=\"hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\"\r\n            viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\">\r\n            <path d=\"M18 6 6 18\" \/>\r\n            <path d=\"m6 6 12 12\" \/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n      <div id=\"mobile-menu\" class=\"hidden md:hidden bg-background\/95 backdrop-blur-xl border-t border-border\/40\">\r\n        <ul class=\"flex flex-col p-6 gap-4\" role=\"list\">\r\n          <li><a href=\"#home\"\r\n              class=\"text-foreground\/90 hover:text-primary transition-colors font-medium text-sm uppercase tracking-wide block py-2\">Home<\/a>\r\n          <\/li>\r\n          <li><a href=\"#about\"\r\n              class=\"text-foreground\/90 hover:text-primary transition-colors font-medium text-sm uppercase tracking-wide block py-2\">Tentang\r\n              Kami<\/a><\/li>\r\n          <li><a href=\"#services\"\r\n              class=\"text-foreground\/90 hover:text-primary transition-colors font-medium text-sm uppercase tracking-wide block py-2\">Layanan<\/a>\r\n          <\/li>\r\n          <li><a href=\"#contact\"\r\n              class=\"text-foreground\/90 hover:text-primary transition-colors font-medium text-sm uppercase tracking-wide block py-2\">Hubungi\r\n              Kami<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/nav>\r\n  <\/header>\r\n\r\n  <main id=\"main-content\">\r\n\r\n    <!-- HERO -->\r\n    <section id=\"home\" aria-labelledby=\"hero-heading\" class=\"relative min-h-screen flex items-center overflow-hidden\">\r\n      <div class=\"absolute inset-0\" aria-hidden=\"true\">\r\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/goldenlionlawoffice.com\/wp-content\/uploads\/2026\/04\/hero-justice.jpg\" alt=\"\"\r\n          class=\"h-full w-full object-cover\" width=\"800\" height=\"1024\" \/>\r\n        <div class=\"absolute inset-0 bg-gradient-to-r from-background via-background\/95 to-background\/60\"><\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-background via-transparent to-background\/40\"><\/div>\r\n      <\/div>\r\n      <div class=\"container mx-auto px-6 relative z-10 pt-32 pb-20 max-w-7xl\">\r\n        <div class=\"max-w-2xl\">\r\n          <div class=\"h-[2px] bg-primary mb-8 animate-[line-grow_0.8s_ease-out_0.2s_forwards]\" style=\"width:0\"><\/div>\r\n          <p\r\n            class=\"text-primary font-body font-semibold tracking-[0.2em] uppercase text-xs mb-6 opacity-0 animate-[fade-up_0.7s_ease-out_0.3s_forwards]\">\r\n            Golden Lion Law Office<\/p>\r\n          <h1 id=\"hero-heading\"\r\n            class=\"font-heading text-5xl md:text-6xl lg:text-7xl font-bold leading-[1.1] mb-8 text-foreground opacity-0 animate-[fade-up_0.7s_ease-out_0.5s_forwards]\">\r\n            Pembela Keadilan<br \/>\r\n            <span class=\"text-gradient-gold\">&amp; Penasihat Hukum<\/span><br \/>\r\n            Terpercaya\r\n          <\/h1>\r\n          <p\r\n            class=\"text-muted-foreground text-base leading-relaxed mb-12 max-w-lg font-light opacity-0 animate-[fade-up_0.7s_ease-out_0.7s_forwards]\">\r\n            Kami hadir sebagai mitra hukum yang berintegritas bagi korporasi, memastikan setiap langkah operasional\r\n            klien kami berjalan di atas landasan legal yang kokoh.\r\n          <\/p>\r\n          <div class=\"flex flex-col sm:flex-row gap-4 opacity-0 animate-[fade-up_0.7s_ease-out_0.9s_forwards]\">\r\n            <a href=\"#contact\"\r\n              class=\"inline-flex items-center justify-center gap-3 bg-primary text-primary-foreground px-8 py-4 rounded font-semibold text-sm tracking-wide uppercase hover:brightness-110 transition-all\">\r\n              Konsultasi Gratis\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M5 12h14\" \/>\r\n                <path d=\"m12 5 7 7-7 7\" \/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a href=\"#services\"\r\n              class=\"inline-flex items-center justify-center gap-3 border border-foreground\/20 text-foreground px-8 py-4 rounded font-medium text-sm tracking-wide uppercase hover:border-primary hover:text-primary transition-all\">\r\n              Layanan Kami\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ABOUT -->\r\n    <section id=\"about\" aria-labelledby=\"about-heading\" class=\"py-28 bg-background\">\r\n      <div class=\"container mx-auto px-6 max-w-7xl\">\r\n        <div class=\"max-w-3xl mb-20\">\r\n          <div class=\"line-reveal reveal h-[2px] bg-primary mb-6\"><\/div>\r\n          <p class=\"reveal text-primary font-body font-semibold tracking-[0.2em] uppercase text-xs mb-4\">Tentang Kami\r\n          <\/p>\r\n          <h2 id=\"about-heading\"\r\n            class=\"reveal font-heading text-4xl md:text-5xl font-bold text-foreground leading-tight mb-6\">\r\n            Dedikasi untuk<br \/>\r\n            <span class=\"text-gradient-gold\">Keadilan &amp; Integritas<\/span>\r\n          <\/h2>\r\n          <p class=\"reveal text-muted-foreground leading-relaxed font-light\">\r\n            Dengan tim advokat yang berpengalaman dan berdedikasi, Golden Lion Law Office memastikan bahwa setiap\r\n            tantangan hukum dihadapi dengan solusi yang efektif, transparan, dan berorientasi pada hasil.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"grid md:grid-cols-2 gap-6\">\r\n          <article\r\n            class=\"reveal relative p-10 rounded-lg bg-card border border-border hover:border-primary\/30 transition-all duration-500 group\">\r\n            <span class=\"absolute top-6 right-6 font-heading text-7xl font-bold text-primary\/10 select-none\"\r\n              aria-hidden=\"true\">01<\/span>\r\n            <h3 class=\"font-heading text-2xl font-bold text-primary mb-4 tracking-wide\">VISI<\/h3>\r\n            <p class=\"text-foreground\/80 leading-relaxed relative z-10\">Menjadi mitra hukum terpercaya dan pilar utama\r\n              bagi pelaku bisnis dalam mencapai pertumbuhan yang berkelanjutan melalui kepastian hukum dan integritas\r\n              tanpa kompromi.<\/p>\r\n          <\/article>\r\n          <article\r\n            class=\"reveal relative p-10 rounded-lg bg-card border border-border hover:border-primary\/30 transition-all duration-500 group\">\r\n            <span class=\"absolute top-6 right-6 font-heading text-7xl font-bold text-primary\/10 select-none\"\r\n              aria-hidden=\"true\">02<\/span>\r\n            <h3 class=\"font-heading text-2xl font-bold text-primary mb-4 tracking-wide\">MISI<\/h3>\r\n            <p class=\"text-foreground\/80 leading-relaxed relative z-10\">Memberikan perlindungan hukum yang strategis dan\r\n              preventif guna memitigasi risiko bisnis klien sejak dini melalui solusi yang adaptif dan praktis. Dengan\r\n              menjunjung tinggi integritas dan transparansi.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SERVICES -->\r\n    <section id=\"services\" aria-labelledby=\"services-heading\" class=\"py-28 bg-card\">\r\n      <div class=\"container mx-auto px-6 max-w-7xl\">\r\n        <div class=\"flex flex-col md:flex-row md:items-end md:justify-between mb-20 gap-6\">\r\n          <div>\r\n            <div class=\"line-reveal reveal h-[2px] bg-primary mb-6\"><\/div>\r\n            <p class=\"reveal text-primary font-body font-semibold tracking-[0.2em] uppercase text-xs mb-4\">Pelayanan\r\n              Kami<\/p>\r\n            <h2 id=\"services-heading\"\r\n              class=\"reveal font-heading text-4xl md:text-5xl font-bold text-foreground leading-tight\">\r\n              Area Praktik <span class=\"text-gradient-gold\">Hukum<\/span>\r\n            <\/h2>\r\n          <\/div>\r\n          <p class=\"reveal text-muted-foreground max-w-sm font-light text-sm leading-relaxed\">\r\n            Kami menyediakan layanan hukum komprehensif yang dirancang untuk melindungi kepentingan bisnis Anda.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"grid md:grid-cols-3 gap-5\">\r\n          <!-- Service 1 -->\r\n          <article class=\"reveal group relative rounded-lg overflow-hidden cursor-pointer\">\r\n            <div class=\"aspect-[3\/4] relative overflow-hidden\">\r\n              <img decoding=\"async\" src=\"https:\/\/goldenlionlawoffice.com\/wp-content\/uploads\/2026\/04\/service-contract.jpg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"\r\n                class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" \/>\r\n              <div class=\"absolute inset-0 bg-gradient-to-t from-background via-background\/70 to-transparent\"><\/div>\r\n              <div class=\"absolute bottom-0 left-0 right-0 p-7\">\r\n                <div class=\"flex items-center justify-between mb-4\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-primary\">\r\n                    <path d=\"m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\" \/>\r\n                    <path d=\"m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z\" \/>\r\n                    <path d=\"M7 21h10\" \/>\r\n                    <path d=\"M12 3v18\" \/>\r\n                    <path d=\"M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2\" \/>\r\n                  <\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-foreground\/40 group-hover:text-primary transition-colors\">\r\n                    <path d=\"M7 7h10v10\" \/>\r\n                    <path d=\"M7 17 17 7\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3 class=\"font-heading text-2xl font-bold text-foreground mb-2\">Manajemen Kontrak Bisnis<\/h3>\r\n                <p class=\"text-muted-foreground text-sm leading-relaxed font-light\">Penyusunan dan negosiasi kontrak\r\n                  strategis untuk mengamankan posisi tawar dan keuntungan perusahaan Anda.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n          <!-- Service 2 -->\r\n          <article class=\"reveal group relative rounded-lg overflow-hidden cursor-pointer\">\r\n            <div class=\"aspect-[3\/4] relative overflow-hidden\">\r\n              <img decoding=\"async\" src=\"https:\/\/goldenlionlawoffice.com\/wp-content\/uploads\/2026\/04\/service-litigation.jpg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"\r\n                class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" \/>\r\n              <div class=\"absolute inset-0 bg-gradient-to-t from-background via-background\/70 to-transparent\"><\/div>\r\n              <div class=\"absolute bottom-0 left-0 right-0 p-7\">\r\n                <div class=\"flex items-center justify-between mb-4\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-primary\">\r\n                    <path d=\"m14.5 12.5-8 8a2.119 2.119 0 1 1-3-3l8-8\" \/>\r\n                    <path d=\"m16 16 6-6\" \/>\r\n                    <path d=\"m8 8 6-6\" \/>\r\n                    <path d=\"m9 7 8 8\" \/>\r\n                    <path d=\"m21 11-8-8\" \/>\r\n                  <\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-foreground\/40 group-hover:text-primary transition-colors\">\r\n                    <path d=\"M7 7h10v10\" \/>\r\n                    <path d=\"M7 17 17 7\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3 class=\"font-heading text-2xl font-bold text-foreground mb-2\">Resolusi Sengketa &amp; Litigasi<\/h3>\r\n                <p class=\"text-muted-foreground text-sm leading-relaxed font-light\">Pembelaan tangguh dalam sengketa\r\n                  bisnis melalui jalur mediasi, arbitrase, maupun pendampingan di pengadilan.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n          <!-- Service 3 -->\r\n          <article class=\"reveal group relative rounded-lg overflow-hidden cursor-pointer\">\r\n            <div class=\"aspect-[3\/4] relative overflow-hidden\">\r\n              <img decoding=\"async\" src=\"https:\/\/goldenlionlawoffice.com\/wp-content\/uploads\/2026\/04\/service-corporate.jpg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"\r\n                class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" \/>\r\n              <div class=\"absolute inset-0 bg-gradient-to-t from-background via-background\/70 to-transparent\"><\/div>\r\n              <div class=\"absolute bottom-0 left-0 right-0 p-7\">\r\n                <div class=\"flex items-center justify-between mb-4\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-primary\">\r\n                    <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\" \/>\r\n                    <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\" \/>\r\n                    <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\" \/>\r\n                    <path d=\"M10 6h4\" \/>\r\n                    <path d=\"M10 10h4\" \/>\r\n                    <path d=\"M10 14h4\" \/>\r\n                    <path d=\"M10 18h4\" \/>\r\n                  <\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-foreground\/40 group-hover:text-primary transition-colors\">\r\n                    <path d=\"M7 7h10v10\" \/>\r\n                    <path d=\"M7 17 17 7\" \/>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h3 class=\"font-heading text-2xl font-bold text-foreground mb-2\">Korporasi<\/h3>\r\n                <p class=\"text-muted-foreground text-sm leading-relaxed font-light\">Pendampingan legal profesional untuk\r\n                  investasi, merger, akuisisi, hingga restrukturisasi hutang perusahaan.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA -->\r\n    <section aria-labelledby=\"cta-heading\" class=\"relative py-20 overflow-hidden\">\r\n      <div class=\"absolute inset-0 bg-gradient-to-br from-navy-deep via-navy-mid to-navy-deep\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-transparent via-gold-light to-transparent\"\r\n        aria-hidden=\"true\"><\/div>\r\n      <div class=\"absolute inset-0 opacity-[0.03]\"\r\n        style=\"background-image: linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px); background-size: 60px 60px;\"\r\n        aria-hidden=\"true\"><\/div>\r\n      <div class=\"container mx-auto px-6 relative z-10 max-w-7xl\">\r\n        <div class=\"max-w-4xl mx-auto text-center\">\r\n          <div\r\n            class=\"reveal inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gold-light\/10 border border-gold-light\/20 mb-8\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n              stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n              class=\"text-gold-light\">\r\n              <path\r\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n            <\/svg>\r\n            <span class=\"text-gold-light text-sm font-medium tracking-wide\">Konsultasi Gratis 24\/7<\/span>\r\n          <\/div>\r\n          <h2 id=\"cta-heading\"\r\n            class=\"reveal font-heading text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6\">\r\n            Butuh Bantuan Hukum\r\n            <span class=\"block text-gold-light\">Segera?<\/span>\r\n          <\/h2>\r\n          <p class=\"reveal text-white\/70 text-lg leading-relaxed mb-10 max-w-2xl mx-auto font-light\">\r\n            Tim ahli hukum kami siap memberikan solusi strategis untuk perlindungan bisnis Anda. Konsultasi pertama\r\n            <strong class=\"text-gold-light\">GRATIS<\/strong> \u2014 tanpa biaya tersembunyi.\r\n          <\/p>\r\n          <div class=\"reveal flex flex-col sm:flex-row items-center justify-center gap-4\">\r\n            <a href=\"tel:085190030881\"\r\n              class=\"group inline-flex items-center gap-3 bg-gold-light text-navy-deep px-8 py-4 rounded font-semibold text-sm tracking-wide uppercase hover:bg-gold-light\/90 transition-all shadow-lg shadow-gold-light\/20\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path\r\n                  d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n              <\/svg>\r\n              Hubungi Sekarang\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                class=\"group-hover:translate-x-1 transition-transform\">\r\n                <path d=\"M5 12h14\" \/>\r\n                <path d=\"m12 5 7 7-7 7\" \/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a href=\"#contact\"\r\n              class=\"inline-flex items-center gap-3 border border-white\/30 text-white px-8 py-4 rounded font-medium text-sm tracking-wide uppercase hover:border-gold-light hover:text-gold-light transition-all\">\r\n              Jadwalkan Meeting\r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"reveal mt-12 pt-8 border-t border-white\/10\">\r\n            <p class=\"text-white\/50 text-sm mb-4\">Dipercaya oleh 50+ korporasi di Indonesia<\/p>\r\n            <div class=\"flex items-center justify-center gap-8 text-white\/30 text-sm font-medium\">\r\n              <span>PERADI<\/span>\r\n              <span class=\"w-1 h-1 rounded-full bg-white\/30\" aria-hidden=\"true\"><\/span>\r\n              <span>AKK<\/span>\r\n              <span class=\"w-1 h-1 rounded-full bg-white\/30\" aria-hidden=\"true\"><\/span>\r\n              <span>ISO 27001<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONTACT -->\r\n    <section id=\"contact\" aria-labelledby=\"contact-heading\" class=\"py-28 bg-background\">\r\n      <div class=\"container mx-auto px-6 max-w-7xl\">\r\n        <div class=\"grid lg:grid-cols-2 gap-16\">\r\n          <div>\r\n            <div class=\"line-reveal reveal h-[2px] bg-primary mb-6\"><\/div>\r\n            <p class=\"reveal text-primary font-body font-semibold tracking-[0.2em] uppercase text-xs mb-4\">Hubungi Kami\r\n            <\/p>\r\n            <h2 id=\"contact-heading\"\r\n              class=\"reveal font-heading text-4xl md:text-5xl font-bold text-foreground leading-tight mb-8\">\r\n              Tegakan Keadilan<br \/>\r\n              <span class=\"text-gradient-gold\">Hingga Bumi Kan Runtuh<\/span>\r\n            <\/h2>\r\n            <p class=\"reveal text-muted-foreground font-light leading-relaxed max-w-md\">\r\n              Siap mendampingi bisnis Anda dengan solusi hukum yang strategis dan berorientasi hasil. Hubungi kami untuk\r\n              konsultasi awal.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"reveal flex flex-col justify-center\">\r\n            <address class=\"space-y-5 not-italic mb-10\">\r\n              <a href=\"https:\/\/wa.me\/6285190030881\"\r\n                class=\"flex items-center gap-4 text-foreground hover:text-primary transition-colors group p-3 -mx-3 rounded-lg hover:bg-secondary\/50\">\r\n                <span\r\n                  class=\"flex items-center justify-center w-10 h-10 rounded bg-secondary group-hover:bg-primary\/15 transition-colors\"\r\n                  aria-hidden=\"true\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-primary\">\r\n                    <path\r\n                      d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <span class=\"text-sm font-medium flex-1\">0851-9003-0881<\/span>\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                  class=\"text-muted-foreground group-hover:text-primary transition-colors\">\r\n                  <path d=\"M7 7h10v10\" \/>\r\n                  <path d=\"M7 17 17 7\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n              <a href=\"mailto:legal@goldenlionlawoffice.com\"\r\n                class=\"flex items-center gap-4 text-foreground hover:text-primary transition-colors group p-3 -mx-3 rounded-lg hover:bg-secondary\/50\">\r\n                <span\r\n                  class=\"flex items-center justify-center w-10 h-10 rounded bg-secondary group-hover:bg-primary\/15 transition-colors\"\r\n                  aria-hidden=\"true\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-primary\">\r\n                    <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" \/>\r\n                    <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\" \/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <span class=\"text-sm font-medium flex-1\">legal@goldenlionlawoffice.com<\/span>\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                  class=\"text-muted-foreground group-hover:text-primary transition-colors\">\r\n                  <path d=\"M7 7h10v10\" \/>\r\n                  <path d=\"M7 17 17 7\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n              <a href=\"https:\/\/instagram.com\/goldenlionlawoffice\" target=\"_blank\" rel=\"noopener noreferrer\"\r\n                class=\"flex items-center gap-4 text-foreground hover:text-primary transition-colors group p-3 -mx-3 rounded-lg hover:bg-secondary\/50\">\r\n                <span\r\n                  class=\"flex items-center justify-center w-10 h-10 rounded bg-secondary group-hover:bg-primary\/15 transition-colors\"\r\n                  aria-hidden=\"true\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                    class=\"text-primary\">\r\n                    <rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\" \/>\r\n                    <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\" \/>\r\n                    <line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\" \/>\r\n                  <\/svg>\r\n                <\/span>\r\n                <span class=\"text-sm font-medium flex-1\">@goldenlionlawoffice<\/span>\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                  class=\"text-muted-foreground group-hover:text-primary transition-colors\">\r\n                  <path d=\"M7 7h10v10\" \/>\r\n                  <path d=\"M7 17 17 7\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n            <\/address>\r\n            <div class=\"flex items-start gap-4 p-3 -mx-3\">\r\n              <span class=\"flex items-center justify-center w-10 h-10 rounded bg-secondary shrink-0\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                  class=\"text-primary\">\r\n                  <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\" \/>\r\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n                <\/svg>\r\n              <\/span>\r\n              <div>\r\n                <p class=\"font-semibold text-primary text-sm\">Ruko Metro Plaza Peterongan<\/p>\r\n                <p class=\"text-muted-foreground text-sm leading-relaxed mt-1 font-light\">Jl. Letjend MT Haryono 970\r\n                  Lamper Kidul, Kec. Semarang Selatan, Kota Semarang, Jawa Tengah<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <footer role=\"contentinfo\"\r\n          class=\"mt-24 pt-8 border-t border-border\/40 flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n          <p class=\"text-muted-foreground text-xs\">\u00a9 <span id=\"year\"><\/span> Golden Lion Law Office. All rights\r\n            reserved.<\/p>\r\n          <p class=\"text-muted-foreground text-xs\">Semarang, Jawa Tengah, Indonesia<\/p>\r\n        <\/footer>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/main>\r\n\r\n  <!-- FLOATING CTA -->\r\n  <div id=\"floating-cta\"\r\n    class=\"fixed bottom-6 right-6 z-50 hidden md:block opacity-0 pointer-events-none transition-all duration-300\">\r\n    <div class=\"relative group\">\r\n      <button id=\"dismiss-cta\"\r\n        class=\"absolute -top-2 -right-2 w-6 h-6 rounded-full bg-background shadow-lg flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors z-10\"\r\n        aria-label=\"Tutup notifikasi\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n          stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M18 6 6 18\" \/>\r\n          <path d=\"m6 6 12 12\" \/>\r\n        <\/svg>\r\n      <\/button>\r\n      <a href=\"https:\/\/wa.me\/6285190030881\"\r\n        class=\"flex items-center gap-4 bg-background rounded-lg shadow-2xl shadow-black\/20 p-4 pr-6 border-l-4 border-primary hover:shadow-xl transition-shadow\">\r\n        <div class=\"flex items-center justify-center w-12 h-12 rounded-full bg-primary\/10 shrink-0\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n            stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-primary\">\r\n            <path\r\n              d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"text-foreground font-semibold text-sm\">Konsultasi Sekarang<\/p>\r\n          <p class=\"text-primary font-bold text-lg\">0851-9003-0881<\/p>\r\n        <\/div>\r\n      <\/a>\r\n      <span class=\"absolute -inset-1 rounded-lg bg-primary\/20 -z-10 animate-pulse-ring\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ Year\r\n    document.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n    \/\/ Navbar scroll\r\n    const navbar = document.getElementById('navbar');\r\n    const floatingCTA = document.getElementById('floating-cta');\r\n    let dismissed = false;\r\n    window.addEventListener('scroll', () => {\r\n      if (window.scrollY > 40) {\r\n        navbar.className = 'fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-background\/95 backdrop-blur-xl border-b border-border\/50 py-3';\r\n      } else {\r\n        navbar.className = 'fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-transparent py-5';\r\n      }\r\n      if (!dismissed) {\r\n        if (window.scrollY > 600) {\r\n          floatingCTA.classList.remove('opacity-0', 'pointer-events-none');\r\n          floatingCTA.classList.add('opacity-100');\r\n        } else {\r\n          floatingCTA.classList.add('opacity-0', 'pointer-events-none');\r\n          floatingCTA.classList.remove('opacity-100');\r\n        }\r\n      }\r\n    }, { passive: true });\r\n\r\n    \/\/ Mobile menu\r\n    const toggle = document.getElementById('menu-toggle');\r\n    const menu = document.getElementById('mobile-menu');\r\n    const iconMenu = document.getElementById('icon-menu');\r\n    const iconClose = document.getElementById('icon-close');\r\n    toggle.addEventListener('click', () => {\r\n      const open = !menu.classList.contains('hidden');\r\n      if (open) {\r\n        menu.classList.add('hidden'); iconMenu.classList.remove('hidden'); iconClose.classList.add('hidden');\r\n        toggle.setAttribute('aria-expanded', 'false'); toggle.setAttribute('aria-label', 'Buka menu');\r\n      } else {\r\n        menu.classList.remove('hidden'); iconMenu.classList.add('hidden'); iconClose.classList.remove('hidden');\r\n        toggle.setAttribute('aria-expanded', 'true'); toggle.setAttribute('aria-label', 'Tutup menu');\r\n      }\r\n    });\r\n    menu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\r\n      menu.classList.add('hidden'); iconMenu.classList.remove('hidden'); iconClose.classList.add('hidden');\r\n      toggle.setAttribute('aria-expanded', 'false');\r\n    }));\r\n\r\n    \/\/ Dismiss floating CTA\r\n    document.getElementById('dismiss-cta').addEventListener('click', (e) => {\r\n      e.preventDefault(); e.stopPropagation();\r\n      dismissed = true;\r\n      floatingCTA.classList.add('opacity-0', 'pointer-events-none');\r\n    });\r\n\r\n    \/\/ Reveal on scroll\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    document.querySelectorAll('.reveal, .line-reveal').forEach(el => observer.observe(el));\r\n  <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\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>Golden Lion Law Office | Pembela Keadilan dan Penasihat Hukum Terpercaya Langsung ke konten utama Golden Lion Law Office Home Tentang Kami Layanan Hubungi Kami Home Tentang Kami Layanan Hubungi Kami Golden Lion Law Office&#8230;<\/p>\n<div class=\"button-div\"><a href=\"https:\/\/goldenlionlawoffice.com\/\" class=\"button-read\">Read more<\/a><\/div>\n","protected":false},"author":1,"featured_media":20,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":10,"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/44"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/goldenlionlawoffice.com\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}