<!--       █████   █████████   ██████   █████   █████████    █████████   ██████   █████     
      ░░███   ███░░░░░███ ░░██████ ░░███   ███░░░░░███  ███░░░░░███ ░░██████ ░░███      
       ░███  ░███    ░███  ░███░███ ░███  ███     ░░░  ░███    ░███  ░███░███ ░███      
       ░███  ░███████████  ░███░░███░███ ░███          ░███████████  ░███░░███░███      
       ░███  ░███░░░░░███  ░███ ░░██████ ░███    █████ ░███░░░░░███  ░███ ░░██████      
 ███   ░███  ░███    ░███  ░███  ░░█████ ░░███  ░░███  ░███    ░███  ░███  ░░█████      
░░████████   █████   █████ █████  ░░█████ ░░█████████  █████   █████ █████  ░░█████     
 ░░░░░░░░   ░░░░░   ░░░░░ ░░░░░    ░░░░░   ░░░░░░░░░  ░░░░░   ░░░░░ ░░░░░    ░░░░░      
                                                                                        
                                                                                        
                                                                                        
 ██████   ██████ ██████████ ██████   █████   █████████  █████  █████ ███████████   █████
░░██████ ██████ ░░███░░░░░█░░██████ ░░███   ███░░░░░███░░███  ░░███ ░░███░░░░░███ ░░███ 
 ░███░█████░███  ░███  █ ░  ░███░███ ░███  ███     ░░░  ░███   ░███  ░███    ░███  ░███ 
 ░███░░███ ░███  ░██████    ░███░░███░███ ░███          ░███   ░███  ░██████████   ░███ 
 ░███ ░░░  ░███  ░███░░█    ░███ ░░██████ ░███          ░███   ░███  ░███░░░░░███  ░███ 
 ░███      ░███  ░███ ░   █ ░███  ░░█████ ░░███     ███ ░███   ░███  ░███    ░███  ░███ 
 █████     █████ ██████████ █████  ░░█████ ░░█████████  ░░████████   █████   █████ █████
░░░░░     ░░░░░ ░░░░░░░░░░ ░░░░░    ░░░░░   ░░░░░░░░░    ░░░░░░░░   ░░░░░   ░░░░░ ░░░░░                                                                                      
                                                                                        -->
<!-- 
╔════════════════════════════════════════════════════════════════════════════╗
║                                                                            ║
║                             ⚠️  PERHATIAN!                                 ║
║                                                                            ║
║  KAMI TIDAK RIDHO JIKA ANDA MENCURI ATAU MENYALIN KODE INI TANPA IZIN.     ║
║  HARGAILAH USAHA ORANG LAIN DAN JANGAN ASAL MENYALIN.                      ║
║                                                                            ║
║  JIKA ANDA KETAHUAN MENGAMBIL DAN MENGGUNAKAN SOURCE CODE WEBSITE INI      ║
║  TANPA IZIN, MAKA ANDA AKAN KAMI KENAKAN DENDA SESUAI UNDANG-UNDANG        ║
║  YANG BERLAKU.                                                             ║
║                                                                            ║
╚════════════════════════════════════════════════════════════════════════════╝
-->

<!-- 
╔════════════════════════════════════════════════════════════════════════════╗
║                                                                            ║
║                             ⚠️  PERHATIAN!                                 ║
║                                                                            ║
║  KAMI TIDAK RIDHO JIKA ANDA MENCURI ATAU MENYALIN KODE INI TANPA IZIN.     ║
║  HARGAILAH USAHA ORANG LAIN DAN JANGAN ASAL MENYALIN.                      ║
║                                                                            ║
║  JIKA ANDA KETAHUAN MENGAMBIL DAN MENGGUNAKAN SOURCE CODE WEBSITE INI      ║
║  TANPA IZIN, MAKA ANDA AKAN KAMI KENAKAN DENDA SESUAI UNDANG-UNDANG        ║
║  YANG BERLAKU.                                                             ║
║                                                                            ║
╚════════════════════════════════════════════════════════════════════════════╝
-->

<!-- 
╔════════════════════════════════════════════════════════════════════════════╗
║                                                                            ║
║                             ⚠️  PERHATIAN!                                 ║
║                                                                            ║
║  KAMI TIDAK RIDHO JIKA ANDA MENCURI ATAU MENYALIN KODE INI TANPA IZIN.     ║
║  HARGAILAH USAHA ORANG LAIN DAN JANGAN ASAL MENYALIN.                      ║
║                                                                            ║
║  JIKA ANDA KETAHUAN MENGAMBIL DAN MENGGUNAKAN SOURCE CODE WEBSITE INI      ║
║  TANPA IZIN, MAKA ANDA AKAN KAMI KENAKAN DENDA SESUAI UNDANG-UNDANG        ║
║  YANG BERLAKU.                                                             ║
║                                                                            ║
╚════════════════════════════════════════════════════════════════════════════╝
-->

<!-- 
╔════════════════════════════════════════════════════════════════════════════╗
║                                                                            ║
║                             ⚠️  PERHATIAN!                                 ║
║                                                                            ║
║  KAMI TIDAK RIDHO JIKA ANDA MENCURI ATAU MENYALIN KODE INI TANPA IZIN.     ║
║  HARGAILAH USAHA ORANG LAIN DAN JANGAN ASAL MENYALIN.                      ║
║                                                                            ║
║  JIKA ANDA KETAHUAN MENGAMBIL DAN MENGGUNAKAN SOURCE CODE WEBSITE INI      ║
║  TANPA IZIN, MAKA ANDA AKAN KAMI KENAKAN DENDA SESUAI UNDANG-UNDANG        ║
║  YANG BERLAKU.                                                             ║
║                                                                            ║
╚════════════════════════════════════════════════════════════════════════════╝
-->

<!-- 
╔════════════════════════════════════════════════════════════════════════════╗
║                                                                            ║
║                             ⚠️  PERHATIAN!                                 ║
║                                                                            ║
║  KAMI TIDAK RIDHO JIKA ANDA MENCURI ATAU MENYALIN KODE INI TANPA IZIN.     ║
║  HARGAILAH USAHA ORANG LAIN DAN JANGAN ASAL MENYALIN.                      ║
║                                                                            ║
║  JIKA ANDA KETAHUAN MENGAMBIL DAN MENGGUNAKAN SOURCE CODE WEBSITE INI      ║
║  TANPA IZIN, MAKA ANDA AKAN KAMI KENAKAN DENDA SESUAI UNDANG-UNDANG        ║
║  YANG BERLAKU.                                                             ║
║                                                                            ║
╚════════════════════════════════════════════════════════════════════════════╝
-->

<!-- 
╔════════════════════════════════════════════════════════════════════════════╗
║                                                                            ║
║                             ⚠️  PERHATIAN!                                 ║
║                                                                            ║
║  KAMI TIDAK RIDHO JIKA ANDA MENCURI ATAU MENYALIN KODE INI TANPA IZIN.     ║
║  HARGAILAH USAHA ORANG LAIN DAN JANGAN ASAL MENYALIN.                      ║
║                                                                            ║
║  JIKA ANDA KETAHUAN MENGAMBIL DAN MENGGUNAKAN SOURCE CODE WEBSITE INI      ║
║  TANPA IZIN, MAKA ANDA AKAN KAMI KENAKAN DENDA SESUAI UNDANG-UNDANG        ║
║  YANG BERLAKU.                                                             ║
║                                                                            ║
╚════════════════════════════════════════════════════════════════════════════╝
-->
<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="utf-8">
    <title>Paket & Harga | WebNusa Jasa Pembuatan Website Termurah & Berkualitas di Indonesia</title>
    <meta name="description" content="WebNusa menyediakan jasa pembuatan website profesional dengan harga termurah di Indonesia. Dapatkan website modern, cepat, dan SEO-friendly untuk bisnis Anda!">
    <meta name="keywords" content="jasa pembuatan website, pembuatan website profesional, jasa web murah, bikin website, web developer indonesia, jasa buat website">
    <meta name="author" content="WebNusa Team">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="theme-color" content="#ffffff">

    <!-- Canonical URL -->
    <link rel="canonical" href="https://WebNusa.my.id/">

    <!-- Open Graph (untuk Facebook, WhatsApp, LinkedIn) -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="WebNusa | Jasa Pembuatan Website Termurah & Profesional">
    <meta property="og:description" content="Layanan jasa pembuatan website profesional dengan harga bersahabat. Cocok untuk bisnis, toko online, dan company profile.">
    <meta property="og:url" content="https://WebNusa.my.id/">
    <meta property="og:site_name" content="WebNusa">
    <meta property="og:image" content="https://WebNusa.my.id/images/preview.png">

    <!-- Twitter Card (untuk Twitter / X) -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="WebNusa | Jasa Pembuatan Website Termurah & Profesional">
    <meta name="twitter:description" content="WebNusa membantu bisnis Anda tampil profesional di internet dengan website modern, cepat, dan SEO-friendly.">
    <meta name="twitter:image" content="https://WebNusa.my.id/images/preview.png">
    <!-- ganti juga -->

    <!-- Schema.org (Google Rich Snippet) -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "WebNusa",
            "url": "https://WebNusa.my.id",
            "logo": "https://WebNusa.my.id/assets/images/logo.png",
            "description": "WebNusa adalah penyedia jasa pembuatan website profesional dengan harga termurah dan kualitas terbaik di Indonesia.",
            "sameAs": [
                "https://www.facebook.com/WebNusa",
                "https://www.instagram.com/WebNusa",
                "https://www.linkedin.com/company/WebNusa"
            ],
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+62 812-3456-7890",
                "contactType": "customer service",
                "areaServed": "ID",
                "availableLanguage": ["Indonesian", "English"]
            }
        }
    </script>
    <link href="images/favicon.ico" rel="icon">
    <!--Plugin-css-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/plugin.min.css" rel="stylesheet">
    <link href="css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap" rel="stylesheet">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">

    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
</head>

<body>

    <!--Mulai Header-->
    <header class="sw-header animation">
        <div class="container-fluid">
            <div class="menu-header">
                <div class="menu-logo">
                    <a class='brandlogo' href='/'> <img src="images/logo.png" alt="logo"></a>
                </div>
                <div class="sw-nav">
                    <nav class="navbar navbar-expand-lg">
                        <div class="container-fluid">
                            <div class="offcanvas offcanvas-start-lg" tabindex="-1" id="offcanvasmenu-sw" aria-labelledby="offcanvasExampleLabel">
                                <div class="offcanvas-header d-flex d-lg-none">
                                    <div class="offcanvas-title" id="offcanvasExampleLabel"><img src="images/logo.png" alt="logo" class="sidebarlogo"></div>
                                    <a href="javascript:void(0)" class="text-reset p-0" data-bs-dismiss="offcanvas" aria-label="close">✖︎</a>
                                </div>
                                <div class="offcanvas-body p-lg-0">
                                    <ul class="navbar-nav" data-name="overlay">
                                        <li class="nav-item"> <a class='nav-link' href='/'>Home</a></li>

                                        <li class="nav-item"> <a class='nav-link' href='/paketharga'>Harga Jasa Web</a></li>
                                        <li class="nav-item"> <a class='nav-link' href='/desainweb' style='color: #0d6efd;'>Desain Web</a></li>
                                        <li class="nav-item"> <a class='nav-link' href='/faq'>Faq</a></li>

                                        <li class="nav-item"> <a class='nav-link' href='/kontak'>Kontak</a></li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </nav>
                </div>
                <div class="sw-nav-cta">
                    <ul class="sw-menu-sw-set">
                        <li>
                            <a class='sw-btn sw-btn-1 btn-head magnetic' data-name='overlay' data-strength-text='20' data-strength='60' href='/paketharga'>
                                <span class="btn-innner">Buat Website</span>
                            </a>


                        </li>
                        <li class="sidebarmenuicon"><a href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvasmenu-sw" aria-controls="offcanvasmenu-sw" class="menucions"><span></span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!--Akhir Header-->
    <!-- Blok Harga -->
    <section class="block-space" id="harga">
        <div class="container">
            <!-- Judul Section -->
            <div class="row justify-content-center text-center">
                <div class="col-lg-6">
                    <h2>Paket & Harga Website</h2>
                    <p>Pilih paket pembuatan website sesuai kebutuhan bisnismu. Semua paket dibuat dengan desain responsif, menarik, dan berkualitas, dengan harga yang dijamin lebih terjangkau dibanding lainnya.</p>

                </div>
            </div>

            <!-- Toggle Harga -->
            <div class="row mt-4">
                <div class="col-lg-12">
                    <div class="pricing-toggle text-center">
                        <div class="toggle-btn">
                            <span style="margin: 0.8em;">HARGA PROMO</span>
                            <label class="switch">
                            <input type="checkbox" id="checbox" onclick="check()">
                            <span class="price-slider round"></span>
                        </label>
                            <span style="margin: 0.8em;">Harga Normal</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Tabel Harga -->
            <div class="row mt-5" data-cues="slideInUp" data-delay="100">
                <!-- Paket Basic -->
                <div class="col-lg-4 mt-4">
                    <div class="pricing-card shadow border cssbg-1">
                        <div class="pricingheader">
                            <h3>Basic</h3>
                            <p>Cocok untuk UMKM, Portofolio, dan Tools Custom Interaktif</p>
                            <img src="images/icons/paper.png" alt="Basic" class="imgptimg">
                            <div class="price-div">
                                <h2 class="text1">Rp 900.000</h2>
                                <h2 class="text2">Rp 499.000</h2>
                            </div>
                        </div>
                        <ul class="list">
                            <li><span>✔</span> 1 Halaman Landing Page</li>
                            <li><span>✔</span> Desain Modern & Responsif</li>
                            <li><span>✔</span> Optimasi SEO On-Page</li>
                            <li><span>✔</span> Form Contact & WhatsApp</li>
                            <li><span>✔</span> Integrasi Google Analytics</li>
                            <li><span>✔</span> Integrasi Social Media</li>
                            <li><span>✔</span> Speed Optimization</li>
                            <li><span>✔</span> Domain .my.id</li>
                            <li><span>✔</span> Hosting 1 TAHUN</li>
                            <li><span>✔</span> 3x Revisi</li>
                            <li><span>✘</span> Fitur Chatbot AI</li>
                            <li><span>✘</span> Domain .com</li>
                            <li><span>✘</span> SSL Security (HTTPS)</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>
                        </ul>
                        <button class="sw-btn sw-btn-2 mt-4 btn-paket" data-paket="Landing Page" data-harga="Rp 499k" data-fitur="1 Halaman Landing Page|Desain Modern & Responsif|Optimasi SEO On-Page|Form Contact & WhatsApp|Integrasi Google Analytics|Integrasi Social Media|Speed Optimization|Domain .my.id|Hosting 1 Tahun|3x Revisi">
    Pilih Landing Page
</button>
                    </div>
                </div>

                <!-- Paket Profesional -->
                <div class="col-lg-4 mt-4">
                    <div class="pricing-card shadow border cssbg-1">

                        <div class="pricingheader">
                            <h3>Profesional</h3>
                            <p>Cocok untuk Company Profile, Organisasi atau Komunitas</p>
                            <img src="images/icons/plane.png" alt="Profesional" class="imgptimg">
                            <div class="price-div">
                                <h2 class="text1">Rp 1.499.000</h2>
                                <h2 class="text2">Rp 999.000</h2>
                            </div>
                        </div>
                        <ul class="list">
                            <li><span>✔</span> 5 Halaman</li>
                            <li><span>✔</span> Desain Profesional & Responsif</li>
                            <li><span>✔</span> Analisis Kebutuhan Bisnis</li>
                            <li><span>✔</span> Fitur Chatbot AI 24/7</li>
                            <li><span>✔</span> Domain .com</li>
                            <li><span>✔</span> Hosting 1 TAHUN</li>
                            <li><span>✔</span> Full SEO Optimization</li>
                            <li><span>✔</span> Form Contact & WhatsApp</li>
                            <li><span>✔</span> Google Maps Integration</li>
                            <li><span>✔</span> Google Analytics & Search Console</li>
                            <li><span>✔</span> Social Media Integration</li>
                            <li><span>✔</span> SSL Security (HTTPS)</li>
                            <li><span>✔</span> Free Maintenance 3 Bulan</li>
                            <li><span>✔</span> 5x Revisi</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>


                        </ul>
                        <button class="sw-btn sw-btn-11 mt-4 btn-paket" data-paket="Company Profile" data-harga="Rp 999K" data-fitur="5 Halaman|Desain Profesional & Responsif|Fitur Chatbot AI 24/7|Domain .com|Hosting 1 Tahun|Full SEO Optimization|Form Contact & WhatsApp|Google Maps Integration|Google Analytics & Search Console|Social Media Integration|SSL Security (HTTPS)|Free Maintenance 3 Bulan|5x Revisi">
    Pilih Company Profile
</button>
                    </div>
                </div>

                <!-- Paket Premium -->
                <div class="col-lg-4 mt-4">
                    <div class="pricing-card shadow border cssbg-1">
                        <div class="recomnd-block-sw">
                            <div>PALING LARIS</div>
                        </div>
                        <div class="pricingheader">
                            <h3>Premium</h3>
                            <p>Solusi Premium untuk bisnis pemula atau yang baru memulai</p>
                            <img src="images/icons/rocket.png" alt="Premium" class="imgptimg">
                            <div class="price-div">
                                <h2 class="text1">Rp 1.900.000</h2>
                                <h2 class="text2">Rp 1.499.000</h2>
                            </div>
                        </div>
                        <ul class="list">
                            <li><span>✔</span> 10 Halaman</li>
                            <li><span>✔</span> Analisis Kebutuhan Bisnis</li>
                            <li><span>✔</span> Desain Premium & Responsif</li>
                            <li><span>✔</span> Fitur Chatbot AI Cerdas 24/7</li>
                            <li><span>✔</span> Domain .com</li>
                            <li><span>✔</span> Unlimited Hosting 1 TAHUN</li>
                            <li><span>✔</span> Premium SEO Optimization</li>
                            <li><span>✔</span> Advanced Security</li>
                            <li><span>✔</span> Google Maps Integration</li>
                            <li><span>✔</span> Google Analytics & Search Console</li>
                            <li><span>✔</span> Social Media Integration</li>
                            <li><span>✔</span> Server Optimization</li>
                            <li><span>✔</span> Super Speed Optimization</li>
                            <li><span>✔</span> Free Maintenance 6 Bulan</li>
                            <li><span>✔</span> 10x Revisi</li>
                            <li style="color: white;"><span></span>a</li>

                        </ul>
                        <button class="sw-btn sw-btn-3 mt-4 btn-paket" data-paket="Website Premium" data-harga="Rp 1.499K" data-fitur="10 Halaman|Analisis Kebutuhan Bisnis|Desain Premium & Responsif|Fitur Chatbot AI Cerdas 24/7|Domain .com|Unlimited Hosting 1 Tahun|Premium SEO Optimization|Advanced Security|Google Maps Integration|Google Analytics & Search Console|Social Media Integration|Server Optimization|Super Speed Optimization|Free Maintenance 6 Bulan|10x Revisi">
    Pilih Website Premium
</button> </div>
                </div>
                <div class="col-lg-4 mt-4">
                    <div class="pricing-card shadow border cssbg-1">
                        <div class="recomnd-block-sw" style="background-color: blueviolet;">
                            <div>PALING POPULER</div>
                        </div>
                        <div class="pricingheader">
                            <h3>Diamond</h3>
                            <p>Untuk bisnis menengah ke atas dengan kontrol penuh dan performa tinggi</p>
                            <img src="images/icons/diamond.png" alt="Premium" class="imgptimg">
                            <div class="price-div">
                                <h2 class="text1">Rp 3.000.000</h2>
                                <h2 class="text2">Rp 2.499.000</h2>
                            </div>
                        </div>
                        <ul class="list">
                            <li><span>✔</span> 15 Halaman</li>
                            <li><span>✔</span> Dashboard Admin (Tools)</li>
                            <li><span>✔</span> Desain Diamond Responsif Interaktif</li>
                            <li><span>✔</span> Fitur Chatbot AI Cerdas Lengkap 24/7</li>
                            <li><span>✔</span> Domain .com / .id 1 Tahun</li>
                            <li><span>✔</span> Unlimited Server Hosting 1 Tahun</li>
                            <li><span>✔</span> Full SEO Optimization</li>
                            <li><span>✔</span> Sistem Backup & Keamanan Tingkat Lanjut</li>
                            <li><span>✔</span> Google Maps & Analytics Integration</li>
                            <li><span>✔</span> Super Speed Optimization</li>
                            <li><span>✔</span> Animasi & Microinteractions Premium</li>
                            <li><span>✔</span> Free Maintenance 1 Tahun</li>
                            <li><span>✔</span> Konsultasi Strategi Digital</li>
                            <li><span>✔</span> Unlimited Revisi</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>


                        </ul>
                        <button class="sw-btn sw-btn-4 mt-4 btn-paket" data-paket="Website Diamond" data-harga="Rp 2.499K" data-fitur="15 Halaman|Dashboard Admin (Tools)|Desain Diamond Responsif Interaktif|Fitur Chatbot AI Cerdas Lengkap 24/7|Domain .com / .id 1 Tahun|Unlimited Server Hosting 1 Tahun|Full SEO Optimization|Sistem Backup & Keamanan Tingkat Lanjut|Google Maps & Analytics Integration|Super Speed Optimization|Animasi & Microinteractions Premium|Free Maintenance 1 Tahun|Konsultasi Strategi Digital|Unlimited Revisi">
            Pilih Website Diamond
        </button> </div>
                </div>
                <div class="col-lg-4 mt-4">
                    <div class="pricing-card shadow border cssbg-1">
                        <div class="recomnd-block-sw" style="background-color: #c0c0c0;">
                            <div>PAKET STARTUP</div>
                        </div>
                        <div class="pricingheader">
                            <h3>Platinum</h3>
                            <p>Platinum untuk Startup dan bisnis berkembang</p>
                            <img src="images/icons/platinum.png" alt="Premium" class="imgptimg">
                            <div class="price-div">
                                <h2 class="text1">Rp 5.000.000</h2>
                                <h2 class="text2">Rp 3.999.000</h2>
                            </div>
                        </div>
                        <ul class="list">
                            <li><span>✔</span> 20 Halaman</li>
                            <li><span>✔</span> Dashboard Admin Lengkap</li>
                            <li><span>✔</span> Desain Platinum Eksklusif Responsif</li>
                            <li><span>✔</span> Fitur Chatbot AI</li>
                            <li><span>✔</span> Fitur Chat Customer Support + Admin Panel</li>
                            <li><span>✔</span> Domain .com / .id / .co.id</li>
                            <li><span>✔</span> Unlimited Hosting 1 Tahun</li>
                            <li><span>✔</span> Full SEO + Google Ads Remarketing</li>
                            <li><span>✔</span> Sistem Backup & Keamanan Platinum</li>
                            <li><span>✔</span> Sistem Notifikasi</li>
                            <li><span>✔</span> Support Prioritas via Dashboard & WhatsApp</li>
                            <li><span>✔</span> Maintenance Full 1 Tahun + Update Otomatis</li>
                            <li><span>✔</span> Prioritas Pengerjaan & Fitur Eksklusif</li>
                            <li><span>✔</span> Konsultasi Branding & Strategi Digital Lengkap</li>
                            <li><span>✔</span> Sistem Login & Register</li>
                            <li><span>✔</span> Unlimited Revisi</li>
                        </ul>
                        <button class="sw-btn sw-btn-5 mt-4 btn-paket" data-paket="Website Platinum" data-harga="Rp 3.999K" data-fitur="20 Halaman|Dashboard Admin Lengkap|Desain Platinum Ekslusif Responsif|
                        Fitur Chatbot AI|Fitur Chat Customer Support + Admin Panel|Domain .com /.id /.co.id|Unlimited Hosting 1 Tahun|Full SEO + Google Ads Remarketing|Sistem Backup & Keamanan Platinum|Sistem Notifikasi|Support Prioritas via Dashboard & WhatsApp|Maintenance Full 1 Tahun + Update Otomatis|Prioritas Pengerjaan & Fitur Eksklusif|Konsultasi Branding & Strategi Digital Lengkap|Sistem Login & Register|Unlimited Revisi">
            Pilih Website Platinum
        </button></div>
                </div>
                <div class="col-lg-4 mt-4">
                    <div class="pricing-card shadow border cssbg-1">
                        <div class="pricingheader">
                            <h3>Wedding</h3>
                            <p>Paket Undangan Online Interaktif & Elegan untuk hari spesial</p>
                            <img src="images/icons/love.png" alt="Premium" class="imgptimg">
                            <div class="price-div">
                                <h2 class="text1">Rp 699.000</h2>
                                <h2 class="text2">Rp 499.000</h2>
                            </div>
                        </div>
                        <ul class="list">
                            <li><span>✔</span> Desain Undangan Cantik & Responsif</li>
                            <li><span>✔</span> RSVP Online + Form Kehadiran</li>
                            <li><span>✔</span> Galeri Foto & Video Interaktif</li>
                            <li><span>✔</span> Domain .my.id</li>
                            <li><span>✔</span> Hosting 6 Bulan</li>
                            <li><span>✔</span> Integrasi WhatsApp untuk Konfirmasi</li>
                            <li><span>✔</span> Musik Latar & Animasi Halaman</li>
                            <li><span>✔</span> Google Maps Lokasi Pernikahan</li>
                            <li><span>✔</span> Free Maintenance 4 Bulan</li>
                            <li><span>✔</span> 5x Revisi</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>
                            <li style="color: white;"><span></span>a</li>


                        </ul>
                        <button class="sw-btn sw-btn-6 mt-4 btn-paket" data-paket="Wedding" data-harga="Rp 499K" data-fitur="Desain Undangan Cantik & Responsif|RSVP Online + Form Kehadiran|Galeri Foto & Video Interaktif|Domain .my.id|Hosting 6 Bulan|Integrasi WhatsApp|Musik Latar & Animasi Halaman|Google Maps Lokasi Pernikahan|Free Maintenance 4 Bulan|5x Revisi">
            Pilih Paket Wedding
        </button> </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Blok Harga -->
    <!-- footer -->
    <footer class="pagefooter position-relative">
        <div class="footer-first-row">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-6">
                        <h2>Contoh Desain Website yang di atas belum sesuai dengan Bisnis anda?</h2>
                    </div>
                    <div class="col-lg-6">
                        <div class="btn-pair justify-end d-flex gap-3">
                            <a href="https://wa.me/6287877566677?text=Halo%20admin%20WebNusa!%20Saya%20belum%20menemukan%20desain%20website%20yang%20cocok%20untuk%20bisnis%20saya.%20Bisa%20bantu%20saya%20pilihin%20yang%20pas%3F" class="sw-btn sw-btn-2 magnetic" data-name="overlay"
                                data-strength="60" data-strength-text="20">
                                <span class="btn-inner">WhatsApp Kami<i class="fas fa-arrow-right fa-btn"></i></span>
                            </a>
                            <a class='sw-btn sw-btn-1 magnetic' data-name='overlay' data-strength-text='20' data-strength='60' href='/kontak'>
                                <span class="btn-inner">Hubungi Kami <i class="fas fa-arrow-right fa-btn"></i></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-middle-row pt-5 pb-5">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-lg-4">
                        <div class="footer-logo mb-3">
                            <a href="#"><img src="images/logo.png" alt="logo" class="img-fluid"></a>
                        </div>
                        <p>WebNusa.my.id menyediakan layanan pembuatan website profesional dan responsif untuk membantu bisnis Anda berkembang secara online dengan mudah dan cepat.</p>
                        <ul class="social-link-list mt-3" data-name="overlay">
                            <li>
                                <a href="https://www.tiktok.com/@WebNusa" target="_blank" class="facebook magnetic" data-strength="60" data-strength-text="20">
                                    <i class="fab fa-tiktok"></i>

                                </a>
                            </li>
                            <li>
                                <a href="https://www.instagram.com/WebNusa.official" target="_blank" class="insta magnetic" data-strength="60" data-strength-text="20">
                                    <i class="fab fa-instagram"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.youtube.com/@codewebid" target="_blank" class="insta magnetic" data-strength="60" data-strength-text="20">
                                    <i class="fab fa-youtube"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/syafiqbamazruk" target="_blank" class="linkedin magnetic" data-strength="60" data-strength-text="20">
                                    <i class="fab fa-linkedin-in"></i>
                                </a>
                            </li>
                        </ul>

                    </div>

                    <div class="col-lg-6 ps-lg-5 bdrright">
                        <div class="row justify-content-between">
                            <div class="col-lg-6">
                                <h5 class="footerhead">Info Kontak</h5>
                                <div class="mediablock d-flex align-items-center mb-2">
                                    <div class="mediafirst me-2">
                                        <p>P.</p>
                                    </div>
                                    <div class="mediaend"><a href="tel:+6287877566677">+62 8787-7566-677</a></div>
                                </div>
                                <div class="mediablock d-flex align-items-center mb-2">
                                    <div class="mediafirst me-2">
                                        <p>E.</p>
                                    </div>
                                    <div class="mediaend"><a href="mailto:WebNusa@gmail.com">WebNusa@gmail.com</a></div>
                                </div>
                                <div class="mediablock d-flex align-items-center">
                                    <div class="mediafirst me-2">
                                        <p>A.</p>
                                    </div>
                                    <div class="mediaend">
                                        <a href="https://maps.app.goo.gl/DCypjaWxC5brtagQ6" target="_blank" rel="noopener noreferrer">
                                        Jln Sechmagelug Kejaksan Kota Cirebon, Jawa Barat, Indonesia
                                    </a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <h5 class="footerhead">Halaman</h5>
                                <ul class="footer-links-list hover paircolumn" data-name="overlay">
                                    <li><a href="about.html">Tentang Kami</a></li>
                                    <li><a href='/paketharga'>Harga jasa Website</a></li>
                                    <li><a href="services.html">Layanan Kami</a></li>
                                    <li><a href='/desainweb'>Tema Desain Website</a></li>
                                    <li><a href="blog.html">Blog & Berita</a></li>
                                    <li>
                                        <a href='/#onboarding'>Proses Onboarding</a>
                                    </li>
                                    <li>
                                        <a href='/#klienpuas'>Klien puas</a>
                                    </li>
                                    <li><a href='/#rateklien'>Rate dari klien</a></li>

                                    <li><a href='/kontak'>Kontak Kami</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-end-row py-3 border-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="ft-copyright footer-left">
                            <p>Copyright © 2025 WebNusa. Semua hak dilindungi.</p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </footer>
    <!-- akhir footer -->
    <!-- Bottom Nav -->
    <div class="mobile-bottom-nav">
        <a data-name='home' href='/'>
            <i class="fa-solid fa-house"></i>
            <span>Home</span>
        </a>
        <a class='active' data-name='harga' href='/paketharga'>
            <i class="fa-solid fa-tags"></i>
            <span>Paket & Harga</span>
        </a>

        <a data-name='desain' href='/desainweb'>
            <i class="fa-solid fa-palette"></i>
            <span>Desain Web</span>
        </a>

        <a data-name='panduan' href='/faq'>
            <i class="fa-solid fa-circle-question"></i>
            <span>FAQ</span>
        </a>
    </div>
    <audio id="bg-music" autoplay loop>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

    <div id="music-toggle">
        <i id="music-icon" class="bi bi-volume-up"></i>
    </div>
    <!-- kembali ke atas -->
    <!-- <div class="progress-wrap" data-name="overlay">
        <svg class="progress-circle-sw svg-content separateweb-cursor" width="100%" height="100%" viewBox="-1 -1 102 102">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
   </svg>
    </div> -->
    <!-- kursor custom -->
    <div id="cursor">
        <div class="cursor__circle"></div>
    </div>

    <div class="paket-wrapper">
        <!-- Modal -->
        <div class="modal" id="paketModal" aria-hidden="true">
            <div class="modal-content" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
                <div class="modal-header">
                    <h3 id="modalTitle">Detail Paket</h3>
                    <button class="modal-close" id="modalClose" aria-label="Tutup">✕</button>
                </div>

                <div class="modal-body">
                    <aside class="paket-detail" id="paketDetail">
                        <h2 id="paketTitleInside" style="margin:0;font-size:20px;font-weight:700">Paket Landing Page</h2>

                        <div class="price-card">
                            <div class="left">Harga:</div>
                            <div class="right" id="paketPrice">Rp 499k</div>
                        </div>

                        <div style="font-weight:600">Keunggulan Paket:</div>
                        <ul class="features" id="featuresList">
                            <li> Desain Modern & Responsif</li>
                            <li> Optimasi SEO On-Page</li>
                            <li> Form Contact & WhatsApp</li>
                            <li> Integrasi Google Analytics</li>
                            <li> Integrasi Social Media</li>
                            <li> Speed Optimization</li>
                            <li> Domain .my.id</li>
                            <li> Hosting 1 TAHUN</li>
                            <li> 3x Revisi</li>
                        </ul>

                        <div class="vertical-divider" aria-hidden="true"></div>
                    </aside>

                    <section class="form-pemesanan" id="formPemesanan">
                        <h4>Data Pemesan</h4>

                        <div class="field"><label for="nama">Nama Lengkap</label><input id="nama" type="text" placeholder="Nama lengkap Anda" /></div>
                        <div class="field"><label for="wa">No. WhatsApp</label><input id="wa" type="text" placeholder="Contoh: 081234567890" /></div>
                        <div class="field"><label for="usaha">Nama Usaha/Perusahaan</label><input id="usaha" type="text" placeholder="Nama usaha atau perusahaan" /></div>
                        <div class="field"><label for="jenis">Jenis Usaha</label>
                            <select id="jenis">
    <option value="">Pilih jenis usaha</option>
    <option>Retail / Toko</option>
    <option>Jasa / Konsultan</option>
    <option>Perusahaan / Company</option>
    <option>Portofolio</option>
    <option>Restoran / Kuliner</option>
    <option>Travel / Pariwisata</option>
    <option>Pendidikan / Kursus</option>
    <option>Event / Organisasi</option>
    <option>Startup / Teknologi</option>
    <option>Kesehatan / Klinik</option>
    <option>Properti / Perumahan</option>
    <option>Fashion & Beauty</option>
    <option>Lainnya</option>
</select>
                        </div>
                        <div class="field"><label for="catatan">Catatan (Opsional)</label><textarea id="catatan" placeholder="Tuliskan kebutuhan khusus atau pertanyaan Anda"></textarea></div>

                        <div class="form-actions">
                            <button class="btn-cancel" id="btnCancel">Batal</button>
                            <button class="btn-whatsapp" id="btnWhatsapp">Kirim via WhatsApp</button>
                        </div>
                    </section>
                </div>
            </div>
        </div>

    </div>



    <!-- WA FLOATING BUTTON -->
    <div id="waPopup" class="wa-popup">
        <div class="wa-popup-text">Hubungi Kami</div>
        <button class="wa-popup-close" onclick="closeWaPopup()">×</button>
    </div>
    <a href="https://wa.me/6287877566677?text=Halo%20admin%20WebNusa%20saya%20ingin%20bertanya%20seputar%20jasa%20pembuatan%20website" class="wa-float" target="_blank" id="waBtn">
        <span class="whatsapp-ripple"></span>
        <img src="iconwa.png" alt="WhatsApp">
    </a>
    <script>
        const modal = document.getElementById('paketModal');
        const openButtons = document.querySelectorAll('.btn-paket');
        const closeBtn = document.getElementById('modalClose');
        const cancelBtn = document.getElementById('btnCancel');
        const titleInside = document.getElementById('paketTitleInside');
        const priceEl = document.getElementById('paketPrice');

        openButtons.forEach(btn => {
            btn.addEventListener('click', () => {
                const paket = btn.dataset.paket || 'Paket';
                const harga = btn.dataset.harga || '-';
                const fitur = btn.dataset.fitur ? btn.dataset.fitur.split('|') : [];

                // Set title & harga
                titleInside.textContent = paket;
                priceEl.textContent = harga;

                // Set fitur list
                const fiturList = document.getElementById('featuresList');
                fiturList.innerHTML = ''; // kosongkan dulu
                fitur.forEach(item => {
                    const li = document.createElement('li');
                    li.textContent = item.trim();
                    fiturList.appendChild(li);
                });

                // Tampilkan modal
                modal.classList.add('open');
                modal.setAttribute('aria-hidden', 'false');
                document.body.style.overflow = 'hidden';
                document.getElementById('paketDetail').scrollTop = 0;
            });
        });


        function closeModal() {
            modal.classList.remove('open');
            modal.setAttribute('aria-hidden', 'true');
            document.body.style.overflow = '';
        }
        closeBtn.addEventListener('click', closeModal);
        cancelBtn.addEventListener('click', closeModal);
        modal.addEventListener('click', e => {
            if (e.target === modal) closeModal();
        });
        window.addEventListener('keydown', e => {
            if (e.key === 'Escape' && modal.classList.contains('open')) closeModal();
        });

        document.getElementById('btnWhatsapp').addEventListener('click', () => {
            const nama = document.getElementById('nama').value || '-';
            const wa = document.getElementById('wa').value || '-';
            const usaha = document.getElementById('usaha').value || '-';
            const jenis = document.getElementById('jenis').value || '-';
            const cat = document.getElementById('catatan').value || '-';
            const paket = titleInside.textContent;
            const harga = priceEl.textContent;

            const msgRaw = `Halo WebNusa\n` +
                `Saya mau pesan ${paket} (${harga}).\n\n` +
                `Nama    : ${nama}\n` +
                `WA      : ${wa}\n` +
                `Usaha   : ${usaha}\n` +
                `Jenis   : ${jenis}\n` +
                `Catatan : ${cat}`;

            const msg = encodeURIComponent(msgRaw);
            const target = '6287877566677';
            window.open(`https://wa.me/${target}?text=${msg}`, '_blank');

            // Reset & Close Modal
            document.getElementById('nama').value = '';
            document.getElementById('wa').value = '';
            document.getElementById('usaha').value = '';
            document.getElementById('jenis').value = '';
            document.getElementById('catatan').value = '';
            closeModal();
        });
    </script>
    <script>
        // Tampilkan WA button dan popup saat halaman dimuat
        document.addEventListener("DOMContentLoaded", function() {
            const waBtn = document.getElementById("waBtn");
            const waPopup = document.getElementById("waPopup");

            waBtn.style.display = "block";

            // hanya tampilkan popup jika belum pernah ditutup sebelumnya
            if (!localStorage.getItem("waPopupClosed")) {
                waPopup.style.display = "flex";
            } else {
                waPopup.style.display = "none";
            }
        });

        // Fungsi untuk menutup popup
        function closeWaPopup() {
            const waPopup = document.getElementById("waPopup");
            waPopup.style.display = "none";
            // Simpan di localStorage agar tidak muncul lagi
            localStorage.setItem("waPopupClosed", "true");
        }
    </script>
    <!--js files-->
    <script src="js/audio.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/app.bundle.js"></script>
    <script src="js/main.js"></script>
    <script src="js/pricing-switch.js"></script>
    <script>
        console.log("%c⚠️ PERINGATAN!", "color: red; font-size: 26px; font-weight: bold;");
        console.log("%cArea ini hanya untuk developer resmi WebNusa.", "color: orange; font-size: 16px;");
        console.log("%cDilarang membuka, menyalin, atau mencuri kode di dalam sistem ini tanpa izin tertulis dari pihak WebNusa!", "color: red; font-size: 15px; font-weight: bold;");
        console.log("%cSetiap pelanggaran akan dilacak dan dapat dikenakan tindakan tegas sesuai ketentuan yang berlaku.", "color: orange; font-size: 14px;");

        fetch('https://api.ipify.org?format=json')
            .then(res => res.json())
            .then(data => {
                const ip = data.ip || 'Unknown';
                console.log("%cAlamat IP Anda: " + ip, "color: red; font-size: 15px; font-weight: bold;");
                console.log("%cTerimakasih telah mengakses sistem ini.", "color: orange; font-size: 14px;");
                console.log("%c© 2025 WebNusa Developer Console", "color: red; font-size: 12px;");
            })
            .catch(err => {
                console.error('Gagal ambil IP:', err);
            });
    </script>

</body>

</html>