<section id=“testimoni” class=“py-24 bg-white overflow-hidden”> <div class=“max-w-7xl mx-auto px-4 sm:px-6 lg:px-8”> <div class=“text-center mb-16”> <h2 class=“text-3xl md:text-4xl font-bold text-primary mb-4”>Apa Kata Mereka?</h2> <p class=“text-slate-600”>Keberhasilan klien kami adalah prioritas utama kami.</p> </div>

        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
            <div class="bg-slate-50 p-8 rounded-2xl relative">
                <div class="text-accent mb-4 flex">
                    <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                    <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                    <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                    <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                    <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                </div>
                <p class="text-slate-700 italic mb-6">"Layanan ini benar-benar mengubah cara kami mengelola leads. Penjualan naik 2x lipat dalam 3 bulan!"</p>
                <div class="flex items-center">
                    <div class="w-10 h-10 bg-slate-300 rounded-full mr-3"></div>
                    <div>
                        <p class="font-bold text-primary">Andi Pratama</p>
                        <p class="text-xs text-slate-500">CEO, TechFlow Indonesia</p>
                    </div>
                </div>
            </div>
            </div>
    </div>
</section>

<section class="py-20 bg-accent">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-white">
        <h2 class="text-3xl md:text-5xl font-extrabold mb-6">Siap Untuk Meningkatkan Skala Bisnis Anda?</h2>
        <p class="text-xl mb-10 opacity-90">Jangan biarkan kompetitor mendahului Anda. Mulai transformasi digital Anda hari ini.</p>
        <a href="https://wa.me/yournumber" class="inline-block px-10 py-5 bg-primary text-white font-bold rounded-xl shadow-2xl hover:bg-slate-800 transition transform hover:-translate-y-1">
            Jadwalkan Konsultasi Gratis
        </a>
        <p class="mt-6 text-sm opacity-75 italic">*Terbatas untuk 5 klien baru bulan ini.</p>
    </div>
</section>

<footer class="bg-primary pt-16 pb-8 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid md:grid-cols-4 gap-12 mb-12">
            <div class="col-span-2">
                <span class="text-2xl font-bold text-white mb-6 block">DE<span class="text-accent">GRIYA</span></span>
                <p class="text-slate-400 max-w-sm">Partner strategis untuk solusi digital, otomasi bisnis, dan optimasi konversi yang fokus pada hasil nyata.</p>
            </div>
            <div>
                <h5 class="font-bold mb-6 italic">Navigasi</h5>
                <ul class="space-y-4 text-slate-400">
                    <li><a href="#" class="hover:text-accent transition">Beranda</a></li>
                    <li><a href="#solusi" class="hover:text-accent transition">Layanan</a></li>
                    <li><a href="#fitur" class="hover:text-accent transition">Fitur</a></li>
                </ul>
            </div>
            <div>
                <h5 class="font-bold mb-6 italic">Kontak</h5>
                <ul class="space-y-4 text-slate-400 text-sm">
                    <li>📍 Jakarta, Indonesia</li>
                    <li>✉️ hello@degriya.com</li>
                    <li>📞 +62 812 3456 7890</li>
                </ul>
            </div>
        </div>
        <div class="pt-8 border-t border-white/10 text-center text-slate-500 text-sm">
            <p>&copy; 2026 Degriya Partner. All rights reserved.</p>
        </div>
    </div>
</footer>