
<?php $__env->startSection('title', 'Simulasi KPR || KLINIK PKP JAWA 3'); ?>

<?php $__env->startSection('content'); ?>
    <style>
        /* CSS Custom Properties for better dark mode support */
        :root {
            --bg-primary: #ffffff;
            --bg-secondary: #f7fafc;
            --bg-card: #ffffff;
            --bg-card-hover: #f8fafc;
            --text-primary: #1a202c;
            --text-secondary: #4a5568;
            --text-muted: #718096;
            --border-color: #e8ecf3;
            --border-hover: #667eea;
            --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.06);
            --shadow-medium: 0 12px 35px rgba(102, 126, 234, 0.2);
            --shadow-card: 0 15px 40px rgba(102, 126, 234, 0.15);
        }

        [data-theme="dark"],
        body.dark-mode {
            --bg-primary: #1a202c;
            --bg-secondary: #2d3748;
            --bg-card: #2d3748;
            --bg-card-hover: #4a5568;
            --text-primary: #f7fafc;
            --text-secondary: #cbd5e0;
            --text-muted: #a0aec0;
            --border-color: #4a5568;
            --border-hover: #667eea;
            --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.3);
            --shadow-medium: 0 12px 35px rgba(102, 126, 234, 0.4);
            --shadow-card: 0 15px 40px rgba(102, 126, 234, 0.35);
        }

        /* Hero Section */
        .hero-section {
            background: linear-gradient(135deg, #667eea 0%, #178ee3 100%);
            padding: 6rem 2rem;
            margin-top: 5rem;
            position: relative;
            overflow: hidden;
            transition: background 0.3s ease;
        }

        [data-theme="dark"] .hero-section,
        body.dark-mode .hero-section {
            background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
        }

        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><linearGradient id="grad1" x1="0%25" y1="0%25" x2="100%25" y2="100%25"><stop offset="0%25" style="stop-color:rgba(255,255,255,0.1);stop-opacity:1" /><stop offset="100%25" style="stop-color:rgba(255,255,255,0.05);stop-opacity:1" /></linearGradient></defs><circle cx="100" cy="100" r="80" fill="url(%23grad1)" /></svg>') no-repeat center;
            background-size: contain;
            opacity: 0.3;
        }

        .hero-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
            position: relative;
            z-index: 1;
        }

        .hero-text h1 {
            font-size: 3rem;
            font-weight: 800;
            color: #ffffff;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }

        .hero-text h1::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: #fbbf24;
            margin-top: 1rem;
        }

        .hero-text p {
            font-size: 1.1rem;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.8;
            margin-bottom: 0;
        }

        .hero-image {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .hero-image img {
            max-width: 100%;
            height: auto;
            filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
            animation: float 3s ease-in-out infinite;
        }

        @keyframes float {

            0%,
            100% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-20px);
            }
        }

        @media (max-width: 768px) {
            .hero-content {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .hero-text h1 {
                font-size: 2rem;
            }

            .hero-text h1::after {
                margin: 1rem auto 0;
            }
        }

        .custom-section {
            padding: 4rem 2rem;
            background-color: var(--bg-primary);
            margin-bottom: 0;
            transition: background-color 0.3s ease;
        }

        .section-badge {
            display: inline-block;
            background: linear-gradient(135deg, #667eea 0%, #178ee3 100%);
            color: white;
            padding: 0.5rem 1.5rem;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 1rem;
        }

        .custom-header {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--text-primary);
            margin-bottom: 1rem;
            text-align: left;
            transition: color 0.3s ease;
        }

        .custom-paragraph {
            font-size: 1rem;
            color: var(--text-secondary);
            margin-bottom: 2rem;
            line-height: 1.6;
            transition: color 0.3s ease;
        }

        .custom-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
            margin-top: 3rem;
        }

        @media (max-width: 1024px) {
            .custom-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {
            .custom-grid {
                grid-template-columns: 1fr;
            }
        }

        .bank-card {
            background: transparent;
            border-radius: 16px;
            padding: 2.5rem 2rem;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: none;
            position: relative;
            overflow: hidden;
            box-shadow: none;
        }

        .bank-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 0;
        }

        .bank-card:hover::before {
            opacity: 0.05;
        }

        [data-theme="dark"] .bank-card:hover::before,
        body.dark-mode .bank-card:hover::before {
            opacity: 0.15;
        }

        .bank-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: none;
        }

        [data-theme="dark"] .bank-card:hover,
        body.dark-mode .bank-card:hover {
            box-shadow: none;
        }

        .bank-card img {
            max-width: 100%;
            height: auto;
            max-height: 70px;
            margin: 0 auto;
            object-fit: contain;
            position: relative;
            z-index: 1;
            transition: transform 0.3s ease;
        }

        [data-theme="dark"] .bank-card img,
        body.dark-mode .bank-card img {
            filter: brightness(1.2);
        }

        .bank-card:hover img {
            transform: scale(1.1);
        }

        .custom-card {
            background: transparent;
            border-radius: 20px;
            box-shadow: none;
            padding: 2.5rem 2rem;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden;
            border: none;
            position: relative;
        }

        .custom-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 0;
        }

        .custom-card:hover::after {
            opacity: 0.03;
        }

        [data-theme="dark"] .custom-card:hover::after,
        body.dark-mode .custom-card:hover::after {
            opacity: 0.1;
        }

        .custom-card:hover {
            transform: translateY(-10px);
            box-shadow: none;
        }

        .custom-icon {
            width: 70px;
            height: 70px;
            margin: 0 auto 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #ffffff;
            box-shadow: none;
            position: relative;
            z-index: 1;
        }

        .custom-icon::before {
            display: none;
        }

        .custom-icon svg {
            width: 32px;
            height: 32px;
            fill: currentColor;
            position: relative;
            z-index: 1;
        }

        .custom-title {
            font-size: 1.05rem;
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: 0;
            line-height: 1.5;
            position: relative;
            z-index: 1;
            transition: color 0.3s ease;
        }

        .custom-description {
            font-size: 0.9rem;
            color: var(--text-muted);
            line-height: 1.6;
            transition: color 0.3s ease;
        }

        .procedure-section {
            padding: 4rem 2rem;
            background: var(--bg-secondary);
            margin-top: 0;
            transition: background 0.3s ease;
        }

        .procedure-header {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--text-primary);
            margin-bottom: 1rem;
            text-align: left;
            transition: color 0.3s ease;
        }

        .procedure-description {
            font-size: 1rem;
            color: var(--text-secondary);
            margin-bottom: 3rem;
            text-align: left;
            line-height: 1.6;
            transition: color 0.3s ease;
        }

        .procedure-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
            margin: 0 auto;
        }

        @media (max-width: 1024px) {
            .procedure-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {
            .procedure-grid {
                grid-template-columns: 1fr;
            }
        }

        .procedure-card {
            background: transparent;
            border-radius: 20px;
            padding: 2.5rem 2rem;
            text-align: left;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: none;
            position: relative;
            overflow: hidden;
            box-shadow: none;
        }

        .procedure-card::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(102, 126, 234, 0.05) 0%, transparent 70%);
            transition: transform 0.6s ease;
            transform: scale(0);
        }

        [data-theme="dark"] .procedure-card::before,
        body.dark-mode .procedure-card::before {
            background: radial-gradient(circle, rgba(102, 126, 234, 0.15) 0%, transparent 70%);
        }

        .procedure-card:hover::before {
            transform: scale(1);
        }

        .procedure-card:hover {
            transform: translateY(-10px);
            box-shadow: none;
        }

        .procedure-icon {
            width: 55px;
            height: 55px;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #ffffff;
            font-size: 1.6rem;
            font-weight: 800;
            box-shadow: none;
            position: relative;
            z-index: 1;
        }

        .procedure-title {
            font-size: 1.05rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 0.75rem;
            line-height: 1.4;
            position: relative;
            z-index: 1;
            transition: color 0.3s ease;
        }

        .procedure-text {
            font-size: 0.9rem;
            color: var(--text-muted);
            line-height: 1.6;
            position: relative;
            z-index: 1;
            transition: color 0.3s ease;
        }

        /* Container max width */
        .container {
            max-width: 1280px;
        }

        /* Smooth transitions for all elements */
        * {
            transition-property: background-color, color, border-color, box-shadow;
            transition-duration: 0.3s;
            transition-timing-function: ease;
        }

        /* Override global transition for specific animation elements */
        .custom-icon::before,
        .bank-card::before,
        .custom-card::after,
        .procedure-card::before,
        .hero-image img {
            transition-property: all;
        }
    </style>

    <!-- Hero Section with Image -->
    <div class="hero-section">
        <div class="hero-content">
            <div class="hero-text">
                <h1>Kredit Pemilikan Rumah</h1>
                <p>Kredit Pemilikan Rumah (KPR) merupakan fasilitas pinjaman yang disediakan oleh bank atau lembaga keuangan
                    lainnya kepada individu atau keluarga yang dikhususkan untuk membeli atau membangun rumah</p>
            </div>
            <div class="hero-image">
                <img src="<?php echo e(asset('image/logo/kpr-illustration.png')); ?>" alt="KPR Illustration"
                    onerror="this.style.display='none'">
            </div>
        </div>
    </div>

    <div class="container mx-auto px-4 mb-16">
        <!-- Simulasi KPR Section -->
        <div class="custom-section">
            <span class="section-badge">Partner Bank</span>
            <h2 class="custom-header">
                Simulasi KPR
            </h2>
            <div class="custom-grid">
                <a href="https://rumahsaya.bca.co.id/" target="_blank" class="bank-card">
                    <img src="<?php echo e(asset('image/logo/bca.png')); ?>" alt="BCA">
                </a>
                <a href="https://bri.co.id/simulasi-kpr" target="_blank" class="bank-card">
                    <img src="<?php echo e(asset('image/logo/bri.png')); ?>" alt="BRI">
                </a>
                <a href="https://www.bankmandiri.co.id/kalkulator-kpr" target="_blank" class="bank-card">
                    <img src="<?php echo e(asset('image/logo/mandiri.png')); ?>" alt="Mandiri">
                </a>
                <a href="https://www.btnproperti.co.id/tools/simulasi-kpr" target="_blank" class="bank-card">
                    <img src="<?php echo e(asset('image/logo/btn.svg')); ?>" alt="BTN">
                </a>
            </div>
        </div>

        <!-- Keuntungan KPR Section -->
        <div class="custom-section">
            <span class="section-badge">Keuntungan</span>
            <h2 class="custom-header">
                Orang Memilih KPR Karena
            </h2>
            <div class="custom-grid" style="grid-template-columns: repeat(3, 1fr);">
                <div class="custom-card">
                    <div class="custom-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                            <path
                                d="M96 32h32V96H96c-17.7 0-32 14.3-32 32v32H0V128C0 75 43 32 96 32zm0 384h32v64H96c-53 0-96-43-96-96V352H64v32c0 17.7 14.3 32 32 32zm256 64H320V416h32c17.7 0 32-14.3 32-32V352h64v32c0 53-43 96-96 96zm96-320H384V128c0-17.7-14.3-32-32-32H320V32h32c53 0 96 43 96 96v32zM0 192V320H64V192H0zm384 0V320h64V192H384zM160 480H288V416H160v64zm0-384H288V32H160V96z" />
                        </svg>
                    </div>
                    <h3 class="custom-title">Memungkinkan untuk memiliki properti tanpa harus membayar secara tunai penuh
                        saat pembelian</h3>
                </div>
                <div class="custom-card">
                    <div class="custom-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                            <path
                                d="M32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11H96V437c0-25.5 10.1-49.9 28.1-67.9L192 301.3l67.9 67.9c18 18 28.1 42.4 28.1 67.9v11h64V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64H32zm0 448c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM32 0C14.3 0 0 14.3 0 32S14.3 64 32 64H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z" />
                        </svg>
                    </div>
                    <h3 class="custom-title">Cicilan terjangkau dengan pembayaran yang tersebar dalam jangka waktu yang
                        panjang</h3>
                </div>
                <div class="custom-card">
                    <div class="custom-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
                            <path
                                d="M128 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm0 104a80 80 0 1 0 0-160 80 80 0 1 0 0 160zM352 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm0 104a80 80 0 1 0 0-160 80 80 0 1 0 0 160zM200 416a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm104 0a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM352 176c11.4 0 22.2-2.4 32-6.7V224H530.7l-41.4-41.4c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l96 96c12.5 12.5 12.5 32.8 0 45.3l-96 96c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L530.7 288H256v54.7c-9.8-4.3-20.6-6.7-32-6.7s-22.2 2.4-32 6.7V288H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96V169.3c9.8 4.3 20.6 6.7 32 6.7s22.2-2.4 32-6.7V224H320V169.3c9.8 4.3 20.6 6.7 32 6.7z" />
                        </svg>
                    </div>
                    <h3 class="custom-title">Menawarkan pilihan tenor yang beragam sesuai dengan kemampuan keuangan peminjam
                    </h3>
                </div>
                <div class="custom-card">
                    <div class="custom-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                            <path
                                d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm0 480c-123.5 0-224-100.5-224-224S132.5 32 256 32s224 100.5 224 224-100.5 224-224 224zm-16-352c-8.8 0-16 7.2-16 16v96H128c-8.8 0-16 7.2-16 16s7.2 16 16 16h96v96c0 8.8 7.2 16 16 16s16-7.2 16-16v-96h96c8.8 0 16-7.2 16-16s-7.2-16-16-16h-96v-96c0-8.8-7.2-16-16-16z" />
                        </svg>
                    </div>
                    <h3 class="custom-title">Miliki rumah serta memanfaatkan potensi apresiasi nilai properti di masa
                        mendatang</h3>
                </div>
                <div class="custom-card">
                    <div class="custom-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                            <path
                                d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z" />
                        </svg>
                    </div>
                    <h3 class="custom-title">Memungkinkan peminjam untuk memiliki rumah lebih cepat</h3>
                </div>
                <div class="custom-card">
                    <div class="custom-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                            <path
                                d="M144 144v48H304V144c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192V144C80 64.5 144.5 0 224 0s144 64.5 144 144v48h16c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V256c0-35.3 28.7-64 64-64H80z" />
                        </svg>
                    </div>
                    <h3 class="custom-title">Memberikan kepastian hukum atas kepemilikan rumah</h3>
                </div>
            </div>
        </div>

        <!-- Prosedur Pengajuan KPR Section -->
        <div class="procedure-section">
            <div class="container mx-auto px-4">
                <span class="section-badge">Panduan</span>
                <h2 class="procedure-header">
                    Prosedur Pengajuan KPR
                </h2>
                <p class="procedure-description">
                    Ikuti langkah-langkah berikut untuk mengajukan KPR dengan mudah.
                </p>

                <div class="procedure-grid">
                    <div class="procedure-card">
                        <div class="procedure-icon">
                            1
                        </div>
                        <h3 class="procedure-title">Pilih Bank/Lembaga Keuangan</h3>
                        <p class="procedure-text">
                            Pilih bank atau lembaga keuangan yang menawarkan kondisi KPR yang sesuai dengan kebutuhan.
                        </p>
                    </div>
                    <div class="procedure-card">
                        <div class="procedure-icon">
                            2
                        </div>
                        <h3 class="procedure-title">Persiapan Dokumen</h3>
                        <p class="procedure-text">
                            Persiapkan dokumen-dokumen yang diperlukan untuk mengajukan KPR.
                        </p>
                    </div>
                    <div class="procedure-card">
                        <div class="procedure-icon">
                            3
                        </div>
                        <h3 class="procedure-title">Pengisian Formulir</h3>
                        <p class="procedure-text">
                            Mengisikan formulir yang disediakan oleh bank atau lembaga keuangan terkait.
                        </p>
                    </div>
                    <div class="procedure-card">
                        <div class="procedure-icon">
                            4
                        </div>
                        <h3 class="procedure-title">Pemeriksaan Kelayakan</h3>
                        <p class="procedure-text">
                            Pihak berwenang akan memvalidasi dokumen-dokumen yang diajukan serta memeriksa kelayakan
                            keuangan
                            untuk mendapatkan KPR.
                        </p>
                    </div>
                    <div class="procedure-card">
                        <div class="procedure-icon">
                            5
                        </div>
                        <h3 class="procedure-title">Penilaian Properti</h3>
                        <p class="procedure-text">
                            Bank atau lembaga keuangan akan melakukan penilaian terhadap properti yang akan dijadikan
                            jaminan.
                        </p>
                    </div>
                    <div class="procedure-card">
                        <div class="procedure-icon">
                            6
                        </div>
                        <h3 class="procedure-title">Penandatanganan Akta Kredit</h3>
                        <p class="procedure-text">
                            Jika pengajuan KPR disetujui, pemohon akan diminta untuk menandatangani akta kredit yang berisi
                            detail tentang persyaratan pinjaman.
                        </p>
                    </div>
                    <div class="procedure-card">
                        <div class="procedure-icon">
                            7
                        </div>
                        <h3 class="procedure-title">Pembayaran Biaya Administrasi</h3>
                        <p class="procedure-text">
                            Penuhi pembayaran administrasi yang diperlukan dalam pengajuan KPR.
                        </p>
                    </div>
                    <div class="procedure-card">
                        <div class="procedure-icon">
                            8
                        </div>
                        <h3 class="procedure-title">Pencairan Kredit</h3>
                        <p class="procedure-text">
                            Setelah semua persyaratan terpenuhi dan akta kredit ditandatangani, bank atau lembaga keuangan
                            akan
                            mencairkan dana pinjaman sesuai dengan kesepakatan.
                        </p>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <script>
        // Dark mode synchronization function
        function syncDarkMode() {
            const isDarkMode = document.documentElement.getAttribute('data-theme') === 'dark';

            if (isDarkMode) {
                document.body.classList.add('dark-mode');
            } else {
                document.body.classList.remove('dark-mode');
            }
        }

        // Initialize dark mode on page load
        syncDarkMode();

        // Watch for theme changes
        const observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') {
                    syncDarkMode();
                }
            });
        });

        observer.observe(document.documentElement, {
            attributes: true,
            attributeFilter: ['data-theme']
        });
    </script>
    <?php if (isset($component)) { $__componentOriginal86ed18220e5516026aef66b347e6e7af = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal86ed18220e5516026aef66b347e6e7af = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.footer_one','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('footer_one'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal86ed18220e5516026aef66b347e6e7af)): ?>
<?php $attributes = $__attributesOriginal86ed18220e5516026aef66b347e6e7af; ?>
<?php unset($__attributesOriginal86ed18220e5516026aef66b347e6e7af); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal86ed18220e5516026aef66b347e6e7af)): ?>
<?php $component = $__componentOriginal86ed18220e5516026aef66b347e6e7af; ?>
<?php unset($__componentOriginal86ed18220e5516026aef66b347e6e7af); ?>
<?php endif; ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.layout1', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\laravel\krs-jawa3-template\krs-jawa3-web-template\resources\views/home/simulasikpr.blade.php ENDPATH**/ ?>