<?php
include 'admin/koneksi.php';

$artikel_terbaru = mysqli_query($conn, "
    SELECT * FROM artikel 
    WHERE status='published'
    ORDER BY tanggal DESC 
    LIMIT 3
");
?>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="description" content="WTC & Partners adalah firma hukum profesional yang menyediakan layanan hukum perdata, pidana, dan konsultasi hukum terpercaya.">
<meta name="keywords" content="firma hukum, pengacara, advokat, konsultasi hukum, WTC Partners">
<meta name="author" content="WTC & Partners">

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V80SDZT7BB"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-V80SDZT7BB');
</script>
<title>WTC & Partners | Firma Hukum Profesional & Konsultasi Hukum</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <link rel="icon" href="./images/image.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
    <script src="./js/main.js"></script>
</head>

<body>
    <header class="header">
        <a href="#" class="logo"><img src="./images/image.png" alt=""></a>
        <div class="fas fa-bars"></div>
        <nav class="navbar">
            <ul>
                <li><a href="#home">Beranda</a></li>
                <li><a href="tentang.html">Tentang</a></li>
                <li><a href="#service">Layanan</a></li>
                <li><a href="artikel.php">Artikel</a></li>
                <li><a href="#contact">Kontak</a></li>
                <li><a href="#faq">FAQ</a></li>
            </ul>
        </nav>
    </header>

  <section id="home" class="home">
      <h1><strong>Modern. Solusi Digital</strong></h1>
      <h2>Keamanan Data Klien Adalah Prioritas Hukum Kami</h2>
    <div class="wave wave1"></div>
    <div class="wave wave2"></div>
    <div class="wave wave3"></div>
  </section>

  <section id="about" class="about">
    <h1 class="heading">Tentang</h1>
    <div class="row">
        <div class="content">
            <h3>🏛️ Dedikasi dan Keahlian Demi Solusi Hukum Anda</h3>
            <p>Kami adalah kolektif profesional hukum yang terus menganalisis dan merancang solusi strategis, tanpa. henti.
             Menggabungkan berbagai spesialisasi dan wawasan, kami menyajikan layanan hukum komprehensif yang siap melindungi kepentingan dan mencapai tujuan hukum terbaik bagi klien kami.
            <a href="tentang.html"><button class="btn"><b>Selengkapnya</b></button></a>
        </div>
    </div>
  </section>

  <div class="pt-5 pb-5" style="background-color: #f2f2f2;">
    <div class="container">
      <div class="row">
        <div class="section-head col-sm-12" id="service">
          <h1>Layanan</h1>
          <p>Kami membantu Anda merumuskan solusi dan strategi hukum yang berkualitas tinggi, serta menyediakan beragam layanan profesional terkait secara komprehensif.</p>
        </div>
        <div class="col-lg-4 col-sm-6">
          <div class="item"> <span class="icon feature_box_col_one"><i class="fa fa-book"></i></span>
            <h6>Perkara Perdata</h6>
            <p>kami mendedikasikan diri untuk memastikan hak-hak Anda dilindungi secara maksimal melalui representasi yang kuat dan strategi yang terencana.</p>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6">
          <div class="item"> <span class="icon feature_box_col_two"><i class="fa fa-balance-scale"></i></span>
            <h6>Perkara Pidana</h6>
            <p>kami memahami beratnya situasi ini dan siap berdiri di sisi Anda, menyediakan pembelaan hukum yang gigih untuk memastikan hak-hak Anda terjaga di setiap tahapan proses.</p>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6">
          <div class="item"> <span class="icon feature_box_col_three"><i class="fa fa-heartbeat"></i></span>
            <h6>Perkara Perceraian</h6>
            <p>kami menyediakan pendampingan hukum yang sensitif namun tegas untuk memastikan hak dan kepentingan Anda serta masa depan anak-anak Anda terlindungi.</p>
          </div>
          <h6></h6>
           <a href="layanan.html"><button class="btn">Layanan Lainnya</button></a>
        </div>
      </div>
    </div>
</div>

<section class="counters">

<div id="id6aa39a37bee32" a='{"t":"r","v":"1.2","lang":"id","locs":[],"ssot":"c","sics":"ds","cbkg":"#","cfnt":"#FFFFFF","codd":"#","cont":"#E0E0E0"}'>
    <a href="https://cuacalab.id/widget/">HTML Weather widget for website</a> by cuacalab.id</div>
    <script async src="https://static1.cuacalab.id/widgetjs/?id=id6aa39a37bee32"></script>
</section>

<main>

<section id="contact" class="contact">
    <h1 class="heading">Kontak</h1>
</section>
<div class="contact-in">
    <div class="contact-map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d247.87252895089884!2d107.18443172966577!3d-6.268930232535566!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2s!5e0!3m2!1sen!2sid!4v1765878611871!5m2!1sen!2sid" width="600" height="450" width="100%" height="auto" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
    </div>

    <div class="contact-form">
        <form action="./contactme.php" method="POST">
            <input type="text" name="name" placeholder="Name" class="contact-form-txt" required>
            <input type="tel" name="phone" placeholder="Phone" class="contact-form-phone" required>
            <input type="email" name="email" placeholder="Email" class="contact-form-email" required>
            <textarea placeholder="Your Message" name="message" class="contact-form-txtarea" required></textarea>
            <input type="submit" value="Submit" name="submit" class="contact-form-btn">
        </form>
    </div>
    </div>

    <section class="faq">
      <h1 class="heading" style="margin-top: -2rem; color: #00bfff;" id="faq">FAQ</h1>
      <div class="row">
          <div class="accordion-container">
             <div class="accordion">
                <div class="accordion-header" onclick="toggleAccordion(this)">
                    <span class="plus-icon">+</span>
                    <h3>Apa langkah pertama yang lakukan jika memiliki masalah hukum?</h3>
                </div>
                  <div class="accordion-body">
                      <p>mengumpulkan semua informasi dan dokumen terkait masalah, lalu menghubungi kami untuk menjadwalkan konsultasi awal.</p>
                  </div>
              </div>
             
              <div class="accordion">
                  <div class="accordion-header" onclick="toggleAccordion(this)">
                     <span class="plus-icon">+</span>
                      <h3>Apa perbedaan antara pengacara, advokat, dan konsultan hukum?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>perbedaan utama adalah advokat bisa mewakili klien di pengadilan, pengacara lebih banyak memberikan nasihat hukum tanpa ke pengadilan, dan konsultan hukum memberikan saran untuk urusan bisnis dan hukum non-litigasi.</p>
                  </div>
              </div>

             <div class="accordion">
                  <div class="accordion-header" onclick="toggleAccordion(this)">
                     <span class="plus-icon">+</span>
                      <h3>Dokumen apa saja yang harus di bawa saat konsultasi pertama?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>Kartu Identitas, Dokumen Bukti Domisili, Buku Nikah/Akta Kelahiran, Bukti-bukti pendukung</p>
                  </div>
              </div>

              <div class="accordion">
                  <div class="accordion-header" onclick="toggleAccordion(this)">
                     <span class="plus-icon">+</span>
                      <h3>Apa keunggulan firma hukum Anda dibandingkan yang lain?.</h3>
                  </div>
                  <div class="accordion-body">
                      <p>keunggulan kami adalah spesialisasi yang tajam, rekam jejak yang terbukti, dan komitmen pribadi kami untuk menjaga komunikasi yang transparan dan proaktif. Kami bukan sekadar penyedia jasa hukum; kami adalah mitra strategis Anda.</p>
                  </div>
              </div>

             <div class="accordion">
                  <div class="accordion-header" onclick="toggleAccordion(this)">
                     <span class="plus-icon">+</span>
                      <h3>Apakah kerahasiaan klien terjamin?</h3>
                  </div>
                  <div class="accordion-body">
                      <p>Ya, kerahasiaan klien hukum sangat terjamin dan merupakan prinsip fundamental serta kewajiban etika yang paling ketat.
                        Kerahasiaan ini dijamin oleh hukum dan kode etik profesi, yang dikenal sebagai Hak Ingkar Advokat atau Client-Attorney Privilege.</p>
                  </div>
              </div>
          </div>
      </div>
  </section>

  <script>
    function toggleAccordion(headerElement) {
        // Cari elemen body akordion yang merupakan sibling dari header
        var body = headerElement.nextElementSibling; 

        // Periksa apakah body tersebut sedang terlihat atau tidak 
        // dan ubah tampilannya (ini adalah logika dasar)
        if (body.style.display === "block" || body.style.display === "") {
            body.style.display = "none";
        } else {
            body.style.display = "block";
        }
    }

</script> 

    <div class="footer">
      <div class="footer-top">
          <div class="container">
              <div class="row">
                  <div class="col-lg-3 col-md-6 footer-links">
                      <h4>About Us</h4>
                      <ul>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="#">Beranda</a></li>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="#contact">Kontak</a></li>
                           <li><i class="ion-ios-arrow-forward"></i> <a href="#faq">FAQ</a></li>
                           <li><i class="ion-ios-arrow-forward"></i> <a href="disclaimer.html">Disclaimer</a></li>
                      </ul>
                  </div>

                  <div class="col-lg-3 col-md-6 footer-links">
                      <h4>Useful Links</h4>
                      <ul>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="tentang.html">Tentang</a></li>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="layanan.html">Layanan</a></li>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="artikel.php">Artikel</a></li>
                          <li><i class="ion-ios-arrow-forward"></i> <a href="privacy.html">Privacy Policy</a></li>
                      </ul>
                  </div>

                  <div class="col-lg-3 col-md-6 footer-contact" style="font-size: 1.5rem;">
                      <h4>Hubungi Kami</h4>
                      <p>
                          Jl. Perum BCL, Tirta Agung<br>
                          Cikarang Utara, Bekasi<br>
                          Indonesia <br>
                          <strong>📞</strong> +62 8121 3671 321<br>
                          <strong>📧</strong> wtcandpartners@gmail.com<br>
                      </p>

                      <div class="social-links">
                          <a href="https://www.facebook.com/share/1GyH41VhBd/"><i class="ion-logo-facebook"></i></a>
                          <a href="https://www.youtube.com/@WTCANDPARTNERS"><i class="ion-logo-youtube"></i></a>
                          <a href="https://api.whatsapp.com/send/?phone=6281213671321&text=Halo+Saya+ingin+melakukan+konsultasi+hukum%29&type=phone_number&app_absent=0"><i class="ion-logo-whatsapp"></i></a>
                          <a href="https://www.instagram.com/wtcpartners?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="><i class="ion-logo-instagram"></i></a>
                          <a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&to=wtcandpartners@gmail.com&su=Subjek%20Email&body=Halo!%20saya%20ingin%20konsultasi%20hukum"><i class="ion-logo-googleplus"></i></a>
                      </div>

                  </div>

                  <div class="col-lg-3 col-md-6 footer-newsletter">
                      <h4>Subscription</h4>
                      <p>Dapatkan pembaruan terbaru seputar artikel hukum, wawasan legal, dan informasi penting dari WTC & Partners langsung ke email Anda. Tetap terinformasi dengan perkembangan hukum terkini.</p>
                      <form action="" method="post">
                          <input type="email" name="email"><input type="submit"  value="Subscribe">
                      </form>
                  </div>
          </div>
      </div>
  </div>

  <div class="container">
          <div class="row align-items-center">
              <div class="col-md-6 copyright" style="color: #fff; font-size: 1.3rem;">
                  Copyright &copy; 2025 Olga Zamelda. All Rights Reserved.
              </div>
          </div>
      </div>

</html>
