{"version":3,"file":"About-DljP3jAm.js","sources":["../../../resources/js/Pages/About.vue"],"sourcesContent":["<script setup>\nimport AppLayout from \"@/Layouts/AppLayout.vue\";\nimport {Link, usePage} from \"@inertiajs/vue3\";\nimport {route} from '@/Composables/route'\nimport {trans} from \"@/Composables/trans\";\n\nconst {props} = usePage();\n</script>\n\n<template>\n    <AppLayout :title=\"trans('meta.about.title')\" :description=\"trans('meta.about.description')\">\n        <section class=\"bg-primary\">\n            <b-container>\n                <b-row>\n                    <b-col lg=\"8\" offset-lg=\"2\" md=\"12\" class=\"position-relative\">\n                        <div class=\"text-white-stable text-center position-relative my-lg-10 my-8\">\n                          <span class=\"fw-medium fs-4\">\n                            {{ trans('about.about.welcome_to') }}\n                          </span>\n                            <div class=\"d-flex justify-content-center align-items-center gap-3\">\n                                <h1 class=\"text-white-stable display-3 mt-3 mb-3\">\n                                    {{ props.app.name }}\n                                </h1>\n                                <b-img\n                                    src=\"/assets/images/animated/party.gif\"\n                                    width=\"70\"\n                                    alt=\"Party Popper\"\n                                    class=\"d-none d-md-block\"\n                                    lazy\n                                />\n                            </div>\n                            <p class=\"mb-0 px-lg-7 text-opacity-75 lead\">\n                                {{ trans('about.about.trusted_partner', { app_name: props.app.name }) }}\n                            </p>\n                        </div>\n                    </b-col>\n                </b-row>\n            </b-container>\n        </section>\n        <section class=\"py-xl-8 py-5 reveal\">\n            <section class=\"py-xl-6 py-lg-7 py-5\">\n                <b-container>\n                    <b-row class=\"mb-6\">\n                        <b-col lg=\"6\">\n                            <h2 class=\"mb-3 mb-xl-0\">\n                                {{ trans('about.about.transforming_streamers') }}\n                                <span class=\"text-primary border-bottom border-4\">\n                                  {{ trans('about.about.for_the_better') }}\n                                </span>\n                            </h2>\n                        </b-col>\n                        <b-col xl=\"5\" offset-xl=\"1\">\n                            <p class=\"mb-0\">\n                                {{ trans('about.about.thanks_to_service') }}\n                            </p>\n                        </b-col>\n                    </b-row>\n                    <b-row class=\"g-4\">\n                        <b-col lg=\"4\" md=\"6\">\n                            <b-card class=\"bg-primary bg-opacity-25 border-0 shadow h-100 card-lift\">\n                                <b-card-text>\n                                    <div class=\"mb-2\">\n                                        <i class=\"bi bi-person-fill-add text-primary fs-1\"></i>\n                                    </div>\n                                    <div>\n                                        <h3>{{ trans('about.about.new_viewers') }}</h3>\n                                        <p class=\"mb-0 text-primary-emphasis\">\n                                            {{ trans('about.about.boost_stream') }}\n                                        </p>\n                                    </div>\n                                </b-card-text>\n                            </b-card>\n                        </b-col>\n                        <b-col lg=\"4\" md=\"6\">\n                            <b-card class=\"bg-warning bg-opacity-25 border-0 shadow h-100 card-lift\">\n                                <b-card-text>\n                                    <div class=\"mb-2\">\n                                        <i class=\"bi bi-chat-square-dots-fill text-warning fs-1\"></i>\n                                    </div>\n                                    <div>\n                                        <h3>\n                                            {{ trans('about.about.chat_features') }}\n                                            <b-badge\n                                                variant=\"light\"\n                                                class=\"border border-primary text-primary rounded-pill ms-2 align-middle\"\n                                            >\n                                                {{ trans('about.about.soon') }}\n                                            </b-badge>\n                                        </h3>\n                                        <p class=\"mb-0 text-warning-emphasis\">\n                                            {{ trans('about.about.work_with_chat') }}\n                                        </p>\n                                    </div>\n                                </b-card-text>\n                            </b-card>\n                        </b-col>\n                        <b-col lg=\"4\" md=\"6\">\n                            <b-card class=\"bg-info bg-opacity-25 border-0 shadow h-100 card-lift\">\n                                <b-card-text>\n                                    <div class=\"mb-2\">\n                                        <i class=\"bi bi-stack text-info fs-1\"></i>\n                                    </div>\n                                    <div>\n                                        <h3>\n                                            {{ trans('about.about.analytics') }}\n                                        </h3>\n                                        <p class=\"mb-0 text-info-emphasis\">\n                                            {{ trans('about.about.deep_analytics') }}\n                                        </p>\n                                    </div>\n                                </b-card-text>\n                            </b-card>\n                        </b-col>\n                    </b-row>\n                </b-container>\n            </section>\n        </section>\n        <section data-aos=\"fade-up\" data-aos-duration=\"500\" class=\"py-xl-8 py-5 border-top\">\n            <b-container>\n                <b-row>\n                    <b-col lg=\"4\" md=\"12\" cols=\"12\">\n                        <div class=\"mb-5 mb-lg-0 text-center text-lg-start px-md-5\">\n                            <div class=\"mb-3\">\n                                <i class=\"bi bi-question-circle-fill h1 text-primary\"></i>\n                            </div>\n                            <h2 class=\"mb-3\">\n                                {{ trans('about.about.how_we_work') }}\n                            </h2>\n                            <p class=\"mb-0\">\n                                {{ trans('about.about.ideation_to_delivery') }}\n                            </p>\n                        </div>\n                    </b-col>\n                    <b-col lg=\"8\">\n                        <b-row>\n                            <b-col md=\"6\" cols=\"12\">\n                                <div class=\"mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0\">\n                                    <div class=\"mb-3\">\n                                        <i class=\"bi bi-file-earmark-check-fill h1 text-primary\"></i>\n                                    </div>\n                                    <h3 class=\"h3\">{{ trans('about.about.choose_plan') }}</h3>\n                                    <p class=\"mb-0 pe-lg-4\">\n                                        {{ trans('about.about.choose_plan_description') }}\n                                    </p>\n                                </div>\n                            </b-col>\n                            <b-col md=\"6\" cols=\"12\">\n                                <div class=\"mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0\">\n                                    <div class=\"mb-3\">\n                                        <i class=\"bi bi-patch-plus-fill h1 text-primary\"></i>\n                                    </div>\n                                    <h3 class=\"h3\">{{ trans('about.about.add_channel') }}</h3>\n                                    <p class=\"mb-0\">\n                                        {{ trans('about.about.add_channel_description') }}\n                                    </p>\n                                </div>\n                            </b-col>\n                            <b-col md=\"6\" cols=\"12\">\n                                <div class=\"mb-lg-0 mb-5 text-center text-lg-start px-3 px-lg-0\">\n                                    <div class=\"mb-3\">\n                                        <i class=\"bi bi-play-circle-fill h1 text-primary\"></i>\n                                    </div>\n                                    <h3 class=\"h3\">{{ trans('about.about.start_promoting') }}</h3>\n                                    <p class=\"mb-0 pe-lg-4\">\n                                        {{ trans('about.about.start_promoting_description') }}\n                                    </p>\n                                </div>\n                            </b-col>\n                            <b-col md=\"6\" cols=\"12\">\n                                <div class=\"mb-lg-0 mb-5 text-center text-lg-start px-3 px-lg-0\">\n                                    <div class=\"mb-3\">\n                                        <i class=\"bi bi-check-circle-fill h1 text-primary\"></i>\n                                    </div>\n                                    <h3 class=\"h3\">{{ trans('about.about.ready') }}</h3>\n                                    <p class=\"mb-0 pe-lg-4\">\n                                        {{ trans('about.about.ready_description') }}\n                                    </p>\n                                </div>\n                            </b-col>\n                        </b-row>\n                    </b-col>\n                </b-row>\n            </b-container>\n        </section>\n        <section data-aos=\"fade-up\" data-aos-duration=\"500\" class=\"py-xl-8 py-5 border-top\">\n            <b-container>\n                <b-row>\n                    <b-col xl=\"8\" offset-xl=\"2\" md=\"8\" offset-md=\"2\">\n                        <div class=\"text-center mx-xl-7 mb-5\">\n                            <h2 class=\"mb-3\">\n                                {{ trans('about.about.customer_stories') }}\n                            </h2>\n                            <Link :href=\"route('reviews')\" class=\"btn btn-primary\">\n                                {{ trans('about.about.browse_customer_stories') }}\n                                <span class=\"badge text-bg-white align-middle rounded-pill\">99+</span>\n                            </Link>\n                        </div>\n                    </b-col>\n                </b-row>\n                <b-row class=\"gy-5 pb-5 me-lg-0\">\n                    <b-col xl=\"4\" lg=\"6\" md=\"6\">\n                        <b-card no-body class=\"shadow border-0 card-lift h-100\">\n                            <b-card-body class=\"p-lg-5\">\n                                <div class=\"d-flex justify-content-between align-items-center\">\n                                    <figure class=\"mb-4\">\n                                        <b-img\n                                            src=\"/assets/avatars/6MLNBXZji3E.jpg\"\n                                            alt=\"logo\"\n                                            class=\"avatar rounded-circle avatar-xl border border-primary border-4\"\n                                        />\n                                    </figure>\n                                    <div class=\"mb-4\">\n                                        <svg\n                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                            width=\"48\"\n                                            height=\"48\"\n                                            fill=\"currentColor\"\n                                            class=\"bi bi-quote text-primary\"\n                                            viewBox=\"0 0 16 16\"\n                                        >\n                                            <path\n                                                d=\"M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z\"\n                                            />\n                                        </svg>\n                                    </div>\n                                </div>\n                                <p class=\"mb-0\">\n                                    {{ trans('about.about.testimonial_1') }}\n                                </p>\n                                <div class=\"mt-4\">\n                                    <h5 class=\"mb-0\">\n                                        {{ trans('about.about.testimonial_1_name') }}\n                                    </h5>\n                                    <span>\n                                        {{ trans('about.about.testimonial_1_title') }}\n                                        <i class=\"bi bi-twitch ms-1 text-primary\"></i>\n                                    </span>\n                                </div>\n                            </b-card-body>\n                        </b-card>\n                    </b-col>\n                    <b-col xl=\"4\" md=\"6\">\n                        <b-card no-body  class=\"shadow border-0 card-lift h-100\">\n                            <b-card-body class=\"p-lg-5\">\n                                <div class=\"d-flex justify-content-between align-items-center\">\n                                    <figure class=\"mb-4\">\n                                        <b-img\n                                            src=\"/assets/avatars/bPtVUf01T8Y.jpg\"\n                                            alt=\"logo\"\n                                            class=\"avatar rounded-circle avatar-xl border border-primary border-4\"\n                                        />\n                                    </figure>\n                                    <div class=\"mb-4\">\n                                        <svg\n                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                            width=\"48\"\n                                            height=\"48\"\n                                            fill=\"currentColor\"\n                                            class=\"bi bi-quote text-primary\"\n                                            viewBox=\"0 0 16 16\"\n                                        >\n                                            <path\n                                                d=\"M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z\"\n                                            />\n                                        </svg>\n                                    </div>\n                                </div>\n                                <p class=\"mb-0\">\n                                    {{ trans('about.about.testimonial_2') }}\n                                </p>\n                                <div class=\"mt-4\">\n                                    <h5 class=\"mb-0\">\n                                        {{ trans('about.about.testimonial_2_name') }}\n                                    </h5>\n                                    <span>\n                                        {{ trans('about.about.testimonial_2_title') }}\n                                        <i class=\"bi bi-twitch ms-1 text-primary\"></i>\n                                    </span>\n                                </div>\n                            </b-card-body>\n                        </b-card>\n                    </b-col>\n                    <b-col xl=\"4\" md=\"6\">\n                        <b-card no-body class=\"shadow border-0 card-lift h-100\">\n                            <b-card-body class=\"p-lg-5\">\n                                <div class=\"d-flex justify-content-between align-items-center\">\n                                    <figure class=\"mb-4\">\n                                        <b-img\n                                            src=\"/assets/avatars/QItlAZUfFqz5A.jpg\"\n                                            alt=\"logo\"\n                                            class=\"avatar rounded-circle avatar-xl border border-primary border-4\"\n                                        />\n                                    </figure>\n                                    <div class=\"mb-4\">\n                                        <svg\n                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                            width=\"48\"\n                                            height=\"48\"\n                                            fill=\"currentColor\"\n                                            class=\"bi bi-quote text-primary\"\n                                            viewBox=\"0 0 16 16\"\n                                        >\n                                            <path\n                                                d=\"M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z\"\n                                            />\n                                        </svg>\n                                    </div>\n                                </div>\n                                <p class=\"mb-0\">\n                                    {{ trans('about.about.testimonial_3') }}\n                                </p>\n                                <div class=\"mt-4\">\n                                    <h5 class=\"mb-0\">\n                                        {{ trans('about.about.testimonial_3_name') }}\n                                    </h5>\n                                    <span>\n                                        {{ trans('about.about.testimonial_3_title') }}\n                                        <i class=\"bi bi-twitch ms-1 text-primary\"></i>\n                                    </span>\n                                </div>\n                            </b-card-body>\n                        </b-card>\n                    </b-col>\n                </b-row>\n            </b-container>\n        </section>\n        <section data-aos=\"fade-up\" data-aos-duration=\"500\" class=\"py-xl-8 py-5 text-bg-primary\">\n            <b-container>\n                <b-row>\n                    <b-col xl=\"8\" offset-xl=\"2\" cols=\"12\">\n                        <div class=\"text-center mb-xl-7 mb-5\">\n                            <h2 class=\"text-white-stable mb-3\">\n                                {{ trans('about.about.why_choose_us') }}\n                            </h2>\n                            <p class=\"mb-0 text-white-50\">\n                                {{ trans('about.about.real_methods') }}\n                            </p>\n                        </div>\n                    </b-col>\n                </b-row>\n                <b-row class=\"mb-7 pb-4 g-5 text-center text-lg-start\">\n                    <b-col md=\"4\">\n                        <h4 class=\"text-white-stable\">\n                            {{ trans('about.about.multiple_countries') }}\n                        </h4>\n                        <p class=\"text-white-50 mb-0\">\n                            {{ trans('about.about.multiple_countries_description') }}\n                        </p>\n                    </b-col>\n                    <b-col md=\"4\">\n                        <h4 class=\"text-white-stable\">\n                            {{ trans('about.about.money_back_guarantee') }}\n                        </h4>\n                        <p class=\"text-white-50 mb-0\">\n                            {{ trans('about.about.money_back_guarantee_description') }}\n                        </p>\n                    </b-col>\n                    <b-col md=\"4\">\n                        <h4 class=\"text-white-stable\">\n                            {{ trans('about.about.time_tested_quality') }}\n                        </h4>\n                        <p class=\"text-white-50 mb-0\">\n                            {{ trans('about.about.time_tested_quality_description') }}\n                        </p>\n                    </b-col>\n                </b-row>\n                <b-row class=\"border-white border-top g-5 g-lg-0 text-center text-lg-start\">\n                    <b-col lg=\"4\" cols=\"6\" class=\"border-end-lg border-md-0 border-lg-white\">\n                        <div class=\"p-lg-5\">\n                            <h5 class=\"h1 text-white-stable mb-0\">100K+</h5>\n                            <span class=\"text-white-50\">\n                                {{ trans('about.about.viewers_delivered') }}\n                            </span>\n                        </div>\n                    </b-col>\n                    <b-col lg=\"4\" cols=\"6\" class=\"border-end-lg border-md-0 border-lg-white\">\n                        <div class=\"p-lg-5\">\n                            <h5 class=\"h1 text-white-stable mb-0\">95%</h5>\n                            <span class=\"text-white-50\">\n                                {{ trans('about.about.positive_feedback') }}\n                            </span>\n                        </div>\n                    </b-col>\n                    <b-col lg=\"4\" cols=\"6\">\n                        <div class=\"p-lg-5\">\n                            <h5 class=\"h1 text-white-stable mb-0\">73%</h5>\n                            <span class=\"text-white-50\">\n                                {{ trans('about.about.increased_earnings') }}\n                            </span>\n                        </div>\n                    </b-col>\n                </b-row>\n            </b-container>\n        </section>\n    </AppLayout>\n</template>\n\n"],"names":["props","usePage"],"mappings":"i3GAMA,KAAM,CAAC,MAAAA,CAAK,EAAIC,EAAS"}