{{-- package 3Kw --}}
<div class="shadow overflow-hidden sm:rounded-lg p-6 text-center bg-white" data-aos="fade-right" data-aos-delay="100">
    <div class="text-2xl font-bold mb-4 bg-yellow-400 p-0 text-white">3 Kw <br> <span class="text-sm">ประหยัดค่าไฟ 1,800
            บาท/เดือน</span></div>
    <div style="text-decoration: line-through" class="text-md font-bold mb-4">109,000</div>
    <div class="text-4xl font-bold mb-4 text-yellow-600">89,000</div>
    <ul class="text-left">
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-solar-panel"></i>
                <span>โซล่าเซลล์ 6 แผ่น</span>

            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-table-cells"></i>
                <span>พื้นที่ 18 ตร.ม.</span>
            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-rotate-right"></i>
                <span>คืนทุนใน 4.xx ปี</span>
            </div>
        </li>
    </ul>
    {{-- <div class="mt-6">
        <a href="#" class="text-blue-500 hover:text-blue-700">Learn More</a>
    </div> --}}
</div>
{{-- package 3Kw --}}
{{-- package 5Kw1P --}}
<div class=" shadow overflow-hidden sm:rounded-lg p-6 text-center bg-white" data-aos="fade-right" data-aos-delay="300">
    <div class="text-2xl font-bold mb-4 bg-yellow-500 p-0 text-white">5 Kw1P <br> <span class="text-sm">ประหยัดค่าไฟ
            3,000
            บาท/เดือน</span></div>
    <div style="text-decoration: line-through" class="text-md font-bold mb-4">169,000</div>
    <div class="text-4xl font-bold mb-4 text-yellow-600">129,000</div>
    <ul class="text-left">
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-solar-panel"></i>
                <span>โซล่าเซลล์ 9 แผ่น</span>

            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-table-cells"></i>
                <span>พื้นที่ 28 ตร.ม.</span>
            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-rotate-right"></i>
                <span>คืนทุนใน 3.xx ปี</span>
            </div>
        </li>
    </ul>
    {{-- <div class="mt-6">
        <a href="#" class="text-blue-500 hover:text-blue-700">Learn More</a>
    </div> --}}
</div>
{{-- package 5Kw1P --}}
{{-- package 5Kw3P --}}
<div class=" shadow overflow-hidden sm:rounded-lg p-6 text-center bg-white" data-aos="fade-right" data-aos-delay="500">
    <div class="text-2xl font-bold mb-4 bg-yellow-500 p-0 text-white">5 Kw3P <br> <span class="text-sm">ประหยัดค่าไฟ
            3,000
            บาท/เดือน</span></div>
    <div style="text-decoration: line-through" class="text-md font-bold mb-4">189,000</div>
    <div class="text-4xl font-bold mb-4 text-yellow-600">139,000</div>
    <ul class="text-left">
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-solar-panel"></i>
                <span>โซล่าเซลล์ 9 แผ่น</span>
            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-table-cells"></i>
                <span>พื้นที่ 28 ตร.ม.</span>
            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-rotate-right"></i>
                <span>คืนทุนใน 3.xx ปี</span>
            </div>
        </li>
    </ul>
    {{-- <div class="mt-6">
        <a href="#" class="text-blue-500 hover:text-blue-700">Learn More</a>
    </div> --}}
</div>
{{-- package 5Kw3P --}}
{{-- package 10Kw --}}
<div class="shadow overflow-hidden sm:rounded-lg p-6 text-center bg-white" data-aos="fade-right" data-aos-delay="700">
    <div class="text-2xl font-bold mb-4 bg-yellow-600 p-0 text-white">10 Kw <br> <span class="text-sm">ประหยัดค่าไฟ
            6,000
            บาท/เดือน</span></div>
    <div style="text-decoration: line-through" class="text-md font-bold mb-4">319,000</div>
    <div class="text-4xl font-bold mb-4 text-yellow-600">234,900</div>
    <ul class="text-left">
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-solar-panel"></i>
                <span>โซล่าเซลล์ 18 แผ่น</span>

            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-table-cells"></i>
                <span>พื้นที่ 54 ตร.ม.</span>
            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-rotate-right"></i>
                <span>คืนทุนใน 3.xx ปี</span>
            </div>
        </li>
    </ul>
    {{-- <div class="mt-6">
        <a href="#" class="text-blue-500 hover:text-blue-700">Learn More</a>
    </div> --}}
</div>
{{-- package 10Kw --}}
{{-- package 15Kw --}}
<div class=" shadow overflow-hidden sm:rounded-lg p-6 text-center bg-white" data-aos="fade-right" data-aos-delay="900">
    <div class="text-2xl font-bold mb-4 bg-yellow-700 p-0 text-white">15 Kw <br> <span class="text-sm">ประหยัดค่าไฟ
            9,000
            บาท/เดือน</span></div>
    <div style="text-decoration: line-through" class="text-md font-bold mb-4">439,000</div>
    <div class="text-4xl font-bold mb-4 text-yellow-600">389,000</div>
    <ul class="text-left">
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-solar-panel"></i>
                <span>โซล่าเซลล์ 26 แผ่น</span>

            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-table-cells"></i>
                <span>พื้นที่ 78 ตร.ม.</span>
            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-rotate-right"></i>
                <span>คืนทุนใน 3.xx ปี</span>
            </div>
        </li>
    </ul>
    {{-- <div class="mt-6">
        <a href="#" class="text-blue-500 hover:text-blue-700">Learn More</a>
    </div> --}}
</div>
{{-- package 15Kw --}}
{{-- package 20Kw --}}
<div class="shadow overflow-hidden sm:rounded-lg p-6 text-center bg-white" data-aos="fade-right" data-aos-delay="1100">
    <div class="text-2xl font-bold mb-4 bg-yellow-800 p-0 text-white">20 Kw <br> <span class="text-sm">ประหยัดค่าไฟ
            12,000
            บาท/เดือน</span></div>
    <div style="text-decoration: line-through" class="text-md font-bold mb-4">519,000</div>
    <div class="text-4xl font-bold mb-4 text-yellow-600">459,000</div>
    <ul class="text-left">
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-solar-panel"></i>
                <span>โซล่าเซลล์ 36 แผ่น</span>

            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-table-cells"></i>
                <span>พื้นที่ 108 ตร.ม.</span>
            </div>
        </li>
        <li class="border-b border-gray-100 mb-4">
            <div class="mb-3"> <i class="fa-solid fa-rotate-right"></i>
                <span>คืนทุนใน 3.xx ปี</span>
            </div>
        </li>
    </ul>
    {{-- <div class="mt-6">
        <a href="#" class="text-blue-500 hover:text-blue-700">Learn More</a>
    </div> --}}
</div>
{{-- package 20Kw --}}