{"version":3,"file":"D2vV0RyP.js","sources":["../../../../../../../app/components/Pages/Callouts/PlantationGallery.vue","../../../../../../../app/pages/index.vue"],"sourcesContent":["<template>\n    <section :class=\"props.bgColor\" class=\"py-10\">\n        <UContainer>\n            <h4 class=\"mb-4 text-center text-3xl font-bold text-green-600 sm:text-3xl lg:text-3xl dark:text-white\">Agarwood Plantations Thailand</h4>\n\n            <p class=\"mb-10 text-center text-lg font-normal text-gray-900 sm:text-lg lg:text-lg dark:text-white\">\n                Agarwood plantations are located in the province of Chon Buri, just an hour’s drive from Thailand’s capital city of Bangkok.\n            </p>\n\n            <div class=\"grid grid-cols-2 flex-col items-center justify-center gap-6 md:grid-cols-3 md:gap-6 lg:grid-cols-4 lg:gap-8\">\n                <NuxtImg\n                    v-for=\"(image, index) in images\"\n                    format=\"webp\"\n                    width=\"840\"\n                    height=\"473\"\n                    class=\"w-[100%] cursor-pointer rounded-xl duration-500 hover:scale-105 hover:transform\"\n                    :src=\"image.src\"\n                    :alt=\"config.public.company.name\"\n                    @click=\"showImg(index)\" />\n\n                <VueEasyLightbox :visible=\"visibleRef\" :imgs=\"images\" :index=\"indexRef\" @hide=\"onHide\" />\n            </div>\n        </UContainer>\n    </section>\n</template>\n\n<script setup>\n    const props = defineProps({\n        bgColor: {\n            type: String,\n            default: 'bg-white dark:bg-gray-800',\n            required: false\n        }\n    })\n\n    const config = useRuntimeConfig()\n\n    const visibleRef = ref(false)\n    const indexRef = ref(0)\n\n    const showImg = (index) => {\n        visibleRef.value = true\n        indexRef.value = index\n    }\n\n    const onHide = () => {\n        visibleRef.value = false\n    }\n\n    const images = [\n        {\n            src: '/assets/images/gallery/gallery-01.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-02.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-03.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-04.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-05.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-06.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-07.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-08.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-09.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-10.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-11.webp',\n            title: `${config.public.company.name}`\n        },\n        {\n            src: '/assets/images/gallery/gallery-12.webp',\n            title: `${config.public.company.name}`\n        }\n    ]\n</script>\n","<template>\n    <section class=\"border-primary-500 relative border-b bg-success-900\">\n        <NuxtImg\n            format=\"webp\"\n            width=\"100%\"\n            height=\"100%\"\n            class=\"absolute bottom-0 left-0 right-0 top-0 h-full w-full object-cover opacity-100 md:h-full\"\n            src=\"/assets/images/sliders/slider-main.webp\"\n            :alt=\"config.public.company.name\" />\n\n        <UContainer class=\"relative\">\n            <div class=\"flex flex-col items-center justify-center gap-2 lg:grid lg:grid-cols-1\">\n                <ULandingHero\n                    title=\"Permaculture Agarwood Plantations\"\n                    description=\"How to secure your family’s future by owning your own fully managed Agarwood plantation.\"\n                    :links=\"[\n                        {\n                            to: '/plantations/agarwood-plantations',\n                            label: 'Agarwood Plantations',\n                            icon: 'i-ph-plant',\n                            color: 'green',\n                            variant: 'solid',\n                            size: 'xl',\n                            leading: true\n                        },\n                        {\n                            to: '/agarwood-plantation-ownership',\n                            label: 'Claim Your FREE Guide',\n                            icon: 'i-bi-arrow-right',\n                            color: 'blue',\n                            variant: 'solid',\n                            size: 'xl',\n                            trailing: true\n                        }\n                    ]\"\n                    :ui=\"{\n                        title: 'text-5xl md:text-7xl font-bold text-white bg-green-600/50 px-4 py-1 rounded-lg',\n                        description: 'mt-6 text-2xl text-white bg-green-950 px-4 py-1 rounded'\n                    }\" />\n\n                <!--<NuxtImg\n                    format=\"webp\"\n                    width=\"500px\"\n                    height=\"500px\"\n                    class=\"absolute bottom-0 right-0 top-0 my-auto hidden rotate-12 rounded-full border border-green-600 p-1 lg:right-5 lg:block dark:bg-gray-800\"\n                    src=\"/assets/images/agarwood.webp\"\n                    :alt=\"config.public.company.name\" />-->\n            </div>\n        </UContainer>\n    </section>\n\n    <ULandingSection\n        title=\"What is Agarwood?\"\n        description=\"Agarwood is the resinous heartwood that comes from the Aquilaria tree. The Aquilaria tree is a fast-growing subtropical forest tree that grows on numerous, sustainably managed plantations in Thailand, Malaysia and Indonesia.\"\n        :features=\"[\n            {\n                name: 'Agarwood Oud Oil',\n                description:\n                    'When Agarwood is distilled into an oil, it produces one of the most valuable raw commodities in the world - Agarwood tree oil also known as “OUD OIL”.'\n            },\n            {\n                name: 'Demand for Luxury and Natural Products',\n                description:\n                    'Oud Oil is the key ingredient in some of the most expensive fragrances in the world. Top name brands like Gucci, Tom Ford, Hugo Boss, Versace, Calvin Klein, to name a few, all have premium fragrance lines that feature Oud Oil.'\n            },\n            {\n                name: 'High Grade Oud Oil',\n                description: 'Due to its high demand and limited supply, high grade Oud Oil has sold for over USD 50,000 per kilogram.'\n            }\n        ]\"\n        align=\"right\"\n        :ui=\"{\n            title: 'text-3xl font-bold text-green-600 sm:text-4xl lg:text-4xl'\n        }\">\n        <NuxtImg\n            format=\"webp\"\n            width=\"840\"\n            height=\"473\"\n            class=\"w-[100%] rounded-xl\"\n            src=\"/assets/images/gallery/gallery-01.webp\"\n            :alt=\"config.public.company.name\" />\n    </ULandingSection>\n\n    <UDivider\n        icon=\"i-ph-plant\"\n        :ui=\"{\n            icon: {\n                base: 'flex-shrink-0 w-10 h-10 text-green-600'\n            }\n        }\" />\n\n    <PagesPlantationsMain />\n\n    <PagesCalloutsPlantationOwnership />\n\n    <!--<section class=\"relative bg-green-950 py-4\">\n        <NuxtImg\n            class=\"absolute left-0 top-0 h-full w-full opacity-50\"\n            src=\"/assets/images/sliders/slider-04.webp\"\n            :alt=\"config.public.company.name\" />\n\n        <UContainer class=\"relative z-10 my-5\">\n            <p class=\"mb-6 text-center font-bold tracking-tight text-white\">RETURN ON INVESTMENT CALCULATOR</p>\n\n            <UTabs\n                :items=\"items\"\n                :ui=\"{\n                    list: {\n                        background: 'bg-green-500',\n                        height: 'h-14',\n                        marker: {\n                            wrapper: 'absolute top-[4px] left-[4px] duration-200 ease-out focus:outline-none',\n                            base: 'w-full h-full',\n                            background: 'bg-green-950',\n                            rounded: 'rounded-md',\n                            shadow: 'shadow-sm'\n                        },\n                        tab: {\n                            background: 'tracking-tighter',\n                            active: 'text-white',\n                            inactive: 'text-green-950',\n                            height: 'h-12',\n                            padding: 'px-3',\n                            size: 'text-[10px] md:text-xl lg:text-2xl',\n                            font: 'font-bold',\n                            rounded: 'rounded-md',\n                            shadow: '',\n                            icon: 'w-6 h-6 flex-shrink-0 me-2'\n                        }\n                    }\n                }\">\n                <template #item=\"{ item }\">\n                    <ULandingCTA\n                        :title=\"`${item.content.text}`\"\n                        :description=\"`${item.content.span}`\"\n                        card\n                        :links=\"[\n                            {\n                                to: '/agarwood-plantation-ownership',\n                                label: 'Download Your FREE Guide',\n                                color: 'landing',\n                                size: 'xl',\n                                trailingIcon: 'i-bi-arrow-right'\n                            }\n                        ]\"\n                        :ui=\"{\n                            wrapper: 'relative mt-4 bg-green-500 ring-green-500 rounded-md',\n                            body: {\n                                base: 'flex flex-col gap-16 sm:gap-y-10',\n                                padding: 'py-4 sm:py-6 sm:px-6'\n                            },\n                            title: 'mt-20 px-2 items-center text-2xl font-semibold tracking-tight text-green-950',\n                            description: 'mt-2 px-2 text-6xl font-extrabold text-green-950',\n                            links: 'mt-6 mx-4 flex items-center justify-center gap-x-6'\n                        }\">\n                        <UIcon :name=\"item.content.icon\" class=\"absolute left-0 right-0 top-1 mx-auto h-24 w-24 text-green-950\" />\n                    </ULandingCTA>\n                </template>\n            </UTabs>\n        </UContainer>\n    </section>-->\n\n    <ULandingSection\n        title=\"Agarwood Sustainability\"\n        description=\"Agarwood, revered as the “Wood of the Gods,” is one of the world’s most treasured natural resources, renowned for its rich fragrance and deep cultural significance.\"\n        :features=\"[\n            {\n                name: 'Plantation Ownership',\n                description: 'Venturing into owning and managing an agarwood plantation offers a path filled with potential rewards.'\n            },\n            {\n                name: 'Commitment to Organic Principles',\n                description:\n                    'Our commitment to organic cultivation is unwavering. We understand that the use of synthetic chemicals can have long-term detrimental effects on both the environment and the quality of our agarwood.'\n            }\n        ]\"\n        align=\"left\"\n        :ui=\"{\n            title: 'text-3xl font-bold text-green-600 sm:text-4xl lg:text-4xl'\n        }\">\n        <NuxtImg\n            format=\"webp\"\n            width=\"840\"\n            height=\"473\"\n            class=\"w-[100%] rounded-xl\"\n            src=\"/assets/images/gallery/gallery-02.webp\"\n            :alt=\"config.public.company.name\" />\n    </ULandingSection>\n\n    <UDivider\n        icon=\"i-ph-plant\"\n        :ui=\"{\n            icon: {\n                base: 'flex-shrink-0 w-10 h-10 text-green-600'\n            }\n        }\" />\n\n    <PagesSustainabilityMain />\n\n    <PagesCalloutsPlantationGallery bgColor=\"bg-gray-200\" />\n\n    <PagesSectionsAssociates />\n</template>\n\n<script setup>\n    definePageMeta({\n        layout: 'default'\n    })\n\n    const config = useRuntimeConfig()\n\n    useHead({\n        title: `${config.public.company.name} | Permaculture Agarwood Plantations`,\n        meta: [\n            {\n                name: 'description',\n                content:\n                    'Agarwood is revered as the “Wood of the Gods,” is one of the world’s most treasured natural resources, renowned for its rich fragrance and deep cultural significance.'\n            },\n            { name: 'robots', content: 'index, follow' }\n        ],\n        link: [{ rel: 'canonical', href: config.public.base.url }]\n    })\n\n    const items = [\n        {\n            label: '$6,250',\n            content: {\n                text: 'YOUR PLANTATION WILL RETURN A PROFIT OF',\n                icon: 'i-ph-plant',\n                span: '$14,700*'\n            }\n        },\n        {\n            label: '$12,500',\n            content: {\n                text: 'YOUR PLANTATION WILL RETURN A PROFIT OF',\n                icon: 'i-ph-plant',\n                span: '$29,400*'\n            }\n        },\n        {\n            label: '$25,000',\n            content: {\n                text: 'YOUR PLANTATION WILL RETURN A PROFIT OF',\n                icon: 'i-ph-plant',\n                span: '$58,800*'\n            }\n        },\n        {\n            label: '$50,000',\n            content: {\n                text: 'YOUR PLANTATION WILL RETURN A PROFIT OF',\n                icon: 'i-ph-plant',\n                span: '$117,600*'\n            }\n        },\n        {\n            label: '$125,000',\n            content: {\n                text: 'YOUR PLANTATION WILL RETURN A PROFIT OF',\n                icon: 'i-ph-plant',\n                span: '$294,000*'\n            }\n        }\n    ]\n</script>\n"],"names":["props","__props","config","useRuntimeConfig","visibleRef","ref","indexRef","showImg","index","onHide","images","useHead"],"mappings":"qhCA2BI,MAAMA,EAAQC,EAQRC,EAASC,EAAgB,EAEzBC,EAAaC,EAAI,EAAK,EACtBC,EAAWD,EAAI,CAAC,EAEhBE,EAAWC,GAAU,CACvBJ,EAAW,MAAQ,GACnBE,EAAS,MAAQE,CACzB,EAEUC,EAAS,IAAM,CACjBL,EAAW,MAAQ,EAC3B,EAEUM,EAAS,CACX,CACI,IAAK,yCACL,MAAO,GAAGR,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EACvC,EACD,CACI,IAAK,yCACL,MAAO,GAAGA,EAAO,OAAO,QAAQ,IAAI,EAChD,CACA,8iCC+GI,MAAMA,EAASC,EAAgB,EAE/B,OAAAQ,EAAQ,CACJ,MAAO,GAAGT,EAAO,OAAO,QAAQ,IAAI,uCACpC,KAAM,CACF,CACI,KAAM,cACN,QACI,wKACP,EACD,CAAE,KAAM,SAAU,QAAS,eAAe,CAC7C,EACD,KAAM,CAAC,CAAE,IAAK,YAAa,KAAMA,EAAO,OAAO,KAAK,GAAK,CAAA,CAC5D,CAAA"}