@props([
    'heroku' => [
        'videoProfileSrc' => 'https://www.youtube.com/embed/6ZefbxHxZ7o?si=jr1RO1o7Vh8IWM7n',
    ],
    'about' => [
        'title' =>
            'Desa dengan mayoritas penduduknya sebagai <span class="text-secondary-200">Petani</span>.',
        'description' => '<span class="font-semibold">
                Apakah kamu tahu bahwa Bilanrengi adalah desa yang mayoritas penduduknya adalah
                petani?
            </span>
            Ya, Bilanrengi adalah desa yang memiliki lahan pertanian yang tersebar dan bervariasi.
            Sebagian besar penduduknya adalah petani yang menggarap lahan pertanian mereka sendiri.',
        'picture' =>
            'https://images.pexels.com/photos/2253815/pexels-photo-2253815.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500',
    ],
    'statistics' => [
        'totalPopulation' => 1782,
        'totalFarmers' => 302,
        'totalProductiveAges' => 305,
    ],
    'government' => [
        'villageHead' => [
            'name' => 'Mr. Lorem Ipsum',
            'picture' =>
                'https://upload.wikimedia.org/wikipedia/commons/9/9e/Placeholder_Person.jpg',
        ],
        'officials' => [
            [
                'name' => 'Mr. Lorem Ipsum',
                'position' => 'Sekretaris Desa',
                'picture' =>
                    'https://upload.wikimedia.org/wikipedia/commons/9/9e/Placeholder_Person.jpg',
            ],
            [
                'name' => 'Mr. Lorem Ipsum',
                'position' => 'Kadus Tonrokombang',
                'picture' =>
                    'https://upload.wikimedia.org/wikipedia/commons/9/9e/Placeholder_Person.jpg',
            ],
            [
                'name' => 'Mr. Lorem Ipsum',
                'position' => 'Kadus Pallantikang',
                'picture' =>
                    'https://upload.wikimedia.org/wikipedia/commons/9/9e/Placeholder_Person.jpg',
            ],
        ],
        'vision' =>
            'Lorem ipsum dolor sit amet consectetur adipisicing elit. At porro quos fugit aliquam, id dolor quae voluptatibus praesentium illum cumque.',
        'mission' =>
            'Lorem ipsum dolor sit amet consectetur adipisicing elit. At porro quos fugit aliquam, id dolor quae voluptatibus praesentium illum cumque.',
    ],
    'news' => [
        [
            'picture' =>
                'https://upload.wikimedia.org/wikipedia/commons/9/9e/Placeholder_Person.jpg',
            'title' => 'Lorem Ipsum',
            'description' =>
                'A wouris det ait ais at etwao nia cus. Bala wei aweit jai mels tand iari lov e ly awkej aiitk auabn oata',
            'publishedDate' => '12 Agustus 2021',
        ],
        [
            'picture' =>
                'https://upload.wikimedia.org/wikipedia/commons/9/9e/Placeholder_Person.jpg',
            'title' => 'Lorem Ipsum',
            'description' =>
                'A wouris det ait ais at etwao nia cus. Bala wei aweit jai mels tand iari lov e ly awkej aiitk auabn oata',
            'publishedDate' => '12 Agustus 2021',
        ],
        [
            'picture' =>
                'https://upload.wikimedia.org/wikipedia/commons/9/9e/Placeholder_Person.jpg',
            'title' => 'Lorem Ipsum',
            'description' =>
                'A wouris det ait ais at etwao nia cus. Bala wei aweit jai mels tand iari lov e ly awkej aiitk auabn oata',
            'publishedDate' => '12 Agustus 2021',
        ],
    ],
    'financialData' => [
        [
            'title' => 'APBDes 2019 Pelaksanaan',
            'budgets' => [
                [
                    'title' => 'Pendapatan',
                    'realization' => '1657327899',
                    'max' => '1944356000',
                ],
            ],
        ],
    ],
])

<x-guest-layout>
    <x-landing.heroku :videoProfileSrc="$heroku['videoProfileSrc']" />

    <x-stack
        class="w-full px-3 py-8 md:py-16 max-w-5xl gap-12"
        id="explore-bilanrengi"
    >

        <x-landing.system-list />

        <x-landing.about
            :title="$about['title']"
            :description="$about['description']"
            :picture="$about['picture']"
        />

        <x-landing.statistic
            :totalFarmers="$statistics['totalFarmers']"
            :totalPopulation="$statistics['totalPopulation']"
            :totalProductiveAges="$statistics['totalProductiveAges']"
        />

        <x-landing.government
            :villageHead="$government['villageHead']"
            :officials="$government['officials']"
            :vision="$government['vision']"
            :mission="$government['mission']"
        />

        <x-landing.news :data="$news" />

        <x-landing.financial :data="$financialData" />

    </x-stack>

</x-guest-layout>