<template>

<div class="w-full">
    <div class="w-full flex flex-col items-center justify-center lg:h-96 h-20">
        <strong><span class="lg:text-[78px] text-[36px] text-[#242424]">Sertifikat kami</span></strong>
        <span class="text-[11px] text-[#242424]">HALAMAN BERANDA / SERTIFIKAT KAMI</span>
    </div>
    <div class="lg:w-[70%] grid lg:grid-cols-3 grid-cols-1 gap-8 p-8">
        <div class="p-4 flex flex-col items-center justify-start" v-for="value in contentList">
            <img class="w-full lg:h-[400px]" :src="value.img" alt="">
            <div class="mt-2.5"><strong><span class="w-full text-center text-[22px] text-[#242424]">{{value.con}}</span></strong></div>
        </div>
    </div>
</div>

</template>

<script setup>
import img1 from '@/assets/serti/1.png'
import img2 from '@/assets/serti/2.png'
import img3 from '@/assets/serti/3.png'
import img4 from '@/assets/serti/4.png'
import img5 from '@/assets/serti/5.png'
import img6 from '@/assets/serti/6.png'
import img7 from '@/assets/serti/7.png'
import img8 from '@/assets/serti/8.png'
import img9 from '@/assets/serti/9.png'
import img10 from '@/assets/serti/10.png'
import img11 from '@/assets/serti/11.png'

const contentList = [
    {
        img:img1,
        con:"Lisensi Perjalanan & Pariwisata"
    },
    {
        img:img2,
        con:"Lisensi Transportasi Khusus"
    },
    {
        img:img3,
        con:"Lisensi Layanan Umrah"
    },
    {
        img:img4,
        con:"Lisensi Operasional Keamanan Industri"
    },
    {
        img:img5,
        con:"Lisensi Satpam Industri (Swasta)"
    },
    {
        img:img6,
        con:"Lisensi Pertahanan Sipil"
    },
    {
        img:img7,
        con:"Lisensi Kegiatan Keamanan Industri"
    },
    {
        img:img8,
        con:"ISO 45001:2018 (Kesehatan & Keselamatan)"
    },
    {
        img:img9,
        con:"ISO 22301:2019 (Kelangsungan Bisnis)"
    },
    {
        img:img10,
        con:"ISO 9001:2015 (Kualitas)"
    },
    {
        img:img11,
        con:"ISO 18788:2015 (Keamanan)"
    },
]


</script>