{"version":3,"file":"Welcome-91e7eefd.js","sources":["../../../resources/js/Pages/Welcome.vue"],"sourcesContent":["<script setup>\nimport { Head } from \"@inertiajs/vue3\";\ndefineProps({\n    canLogin: Boolean,\n    canRegister: Boolean,\n    laravelVersion: String,\n    phpVersion: String,\n    auth: Object,\n});\nimport { Disclosure, DisclosureButton, DisclosurePanel } from \"@headlessui/vue\";\nimport { MinusSmallIcon, PlusSmallIcon } from \"@heroicons/vue/24/outline\";\nimport {\n    UsersIcon,\n    ChevronRightIcon,\n    PuzzlePieceIcon,\n    PaintBrushIcon,\n    BanknotesIcon,\n    CalendarDaysIcon,\n    SpeakerXMarkIcon,\n    CreditCardIcon,\n} from \"@heroicons/vue/20/solid\";\n\nimport ApplicationLogoWhite from \"@/Components/ApplicationLogoWhite.vue\";\nimport LandingNav from \"@/Components/LandingNav.vue\";\nimport FooterNav from \"@/Components/FooterNav.vue\";\nimport { onMounted } from \"vue\";\n\nconst why_get_a_tutor = [\n    {\n        name: \"Same course, same professors\",\n        description:\n            \"On Tutorie, you will find tutors who have taken the same course, with the same professors, as you. So you get relevant help.\",\n        icon: UsersIcon,\n    },\n    {\n        name: \"Personalized sessions, or group sessions\",\n        description:\n            \"Easily find a tutor who can help you in your preferred format. Whether it's a one-on-one session, or a group session, you'll find them on Tutorie.\",\n        icon: PaintBrushIcon,\n    },\n    {\n        name: \"Always look for the perfect match\",\n        description:\n            \"By learning your struggles, we can recommend the best tutor for you, who is most suited to help you in the classes you're behind on.\",\n        icon: PuzzlePieceIcon,\n    },\n];\nconst why_become_a_tutor = [\n    {\n        name: \"Turn knowledge into income\",\n        description:\n            \"Easily earn some extra cash by helping students who are struggling in the classes you've already aced.\",\n        icon: BanknotesIcon,\n    },\n    {\n        name: \"On your own schedule\",\n        description:\n            \"At Tutorie, you set your own schedule. You can tutor as much, or as little, as you want. Simply set time slots when you're free to tutor someone, and tutees can book you.\",\n        icon: CalendarDaysIcon,\n    },\n    {\n        name: \"Over with the WhatsApp spam\",\n        description:\n            \"No more spamming WhatsApp groups to find students. On Tutorie, you'll be visible to students who need help in the classes you're good at.\",\n        icon: SpeakerXMarkIcon,\n    },\n    {\n        name: \"Easy payouts\",\n        description:\n            \"We partner with Stripe to provide safe and secure payments, and payouts. Every transaction is through Stripe, and payouts go straight to your bank account.\",\n        icon: CreditCardIcon,\n    },\n];\n\nconst faqs = [\n    {\n        question: \"To be honest no one really asked any questions yet...\",\n        answer: \"So we don't have any answers yet. So enjoy programming humor.\",\n    },\n    {\n        question: \"Why do programmers prefer using dark mode?\",\n        answer: \"Because light attracts bugs.\",\n    },\n    {\n        question: \"Why did the software developer go to therapy?\",\n        answer: \"Because he had too many unresolved issues.\",\n    },\n    {\n        question: \"What's a programmer's favorite olympic sport?\",\n        answer: \"The 100 meter sprint.\",\n    },\n    {\n        question: \"Why did the software developer go broke?\",\n        answer: \"Because he ran out of cache.\",\n    },\n    {\n        question: \"How do you comfort a JavaScript bug?\",\n        answer: \"You console it.\",\n    },\n    {\n        question: \"Why did the container go to therapy?\",\n        answer: \"Because it had too many levels of isolation.\",\n    },\n    {\n        question: \"What's a Kubernetes cluster's favorite free time activity?\",\n        answer: \"Listening to pod-casts.\",\n    },\n    // More questions...\n];\n\n\nonMounted(() => {\n    console.log(auth);\n});\n</script>\n\n<template>\n    <Head title=\"Landing\" />\n    <div class=\"bg-gray-900\">\n        <!-- Header -->\n        <LandingNav :auth=\"auth\" :can-register=\"canRegister\" />\n\n        <main>\n            <!-- Hero section -->\n            <div\n                class=\"relative pb-16 overflow-hidden bg-gray-900 isolate pt-14 sm:pb-20\"\n            >\n                <!-- src=\"blend=111827&sat=-100&exp=15&blend-mode=multiply\" -->\n                <img\n                    src=\"/assets/img/couches.jpg\"\n                    alt=\"\"\n                    class=\"absolute inset-0 object-cover w-full h-full -z-10 mix-blend-multiply\"\n                />\n                <div\n                    class=\"absolute inset-x-0 overflow-hidden -top-40 -z-10 transform-gpu blur-3xl sm:-top-80\"\n                    aria-hidden=\"true\"\n                >\n                    <div\n                        class=\"relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]\"\n                        style=\"\n                            clip-path: polygon(\n                                74.1% 44.1%,\n                                100% 61.6%,\n                                97.5% 26.9%,\n                                85.5% 0.1%,\n                                80.7% 2%,\n                                72.5% 32.5%,\n                                60.2% 62.4%,\n                                52.4% 68.1%,\n                                47.5% 58.3%,\n                                45.2% 34.5%,\n                                27.5% 76.7%,\n                                0.1% 64.9%,\n                                17.9% 100%,\n                                27.6% 76.8%,\n                                76.1% 97.7%,\n                                74.1% 44.1%\n                            );\n                        \"\n                    />\n                </div>\n                <div class=\"px-6 mx-auto max-w-7xl lg:px-8\">\n                    <div class=\"max-w-2xl py-32 mx-auto sm:py-48 lg:py-56\">\n                        <div class=\"hidden sm:mb-8 sm:flex sm:justify-center\">\n                            <div\n                                class=\"relative flex items-center px-4 py-1 text-sm leading-6 text-gray-200 rounded-full gap-x-4 ring-1 ring-white/20 hover:ring-white/30\"\n                            >\n                                <span class=\"font-semibold text-blue-400\"\n                                    >Launched!</span\n                                >\n                                <span\n                                    class=\"w-px h-4 bg-white/20\"\n                                    aria-hidden=\"true\"\n                                />\n                                <a\n                                    :href=\"route('register')\"\n                                    class=\"flex items-center gap-x-1\"\n                                >\n                                    <span\n                                        class=\"absolute inset-0\"\n                                        aria-hidden=\"true\"\n                                    />\n                                    Join the tutoring revolution\n                                    <ChevronRightIcon\n                                        class=\"w-5 h-5 -mr-2 text-gray-200\"\n                                        aria-hidden=\"true\"\n                                    />\n                                </a>\n                            </div>\n                        </div>\n                        <div class=\"text-center\">\n                            <h1\n                                class=\"text-4xl font-medium tracking-tight text-white sm:text-6xl\"\n                            >\n                                Tutorie helps your academics to\n                                <span class=\"font-bold text-blue-400\"\n                                    >bloom</span\n                                >\n                            </h1>\n                            <p class=\"mt-6 text-lg leading-8 text-gray-300\">\n                                Easily tutor, or find a qualified tutor, from\n                                your own university.\n                            </p>\n                            <div\n                                class=\"flex items-center justify-center mt-10 gap-x-6\"\n                            >\n                                <a\n                                    :href=\"route('register')\"\n                                    class=\"rounded-md bg-blue-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400\"\n                                    >Find a tutor</a\n                                >\n                                <a\n                                    :href=\"route('register')\"\n                                    class=\"text-sm font-semibold leading-6 text-white\"\n                                    >Become a tutor\n                                    <span aria-hidden=\"true\">→</span></a\n                                >\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div\n                    class=\"absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]\"\n                    aria-hidden=\"true\"\n                >\n                    <div\n                        class=\"relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]\"\n                        style=\"\n                            clip-path: polygon(\n                                74.1% 44.1%,\n                                100% 61.6%,\n                                97.5% 26.9%,\n                                85.5% 0.1%,\n                                80.7% 2%,\n                                72.5% 32.5%,\n                                60.2% 62.4%,\n                                52.4% 68.1%,\n                                47.5% 58.3%,\n                                45.2% 34.5%,\n                                27.5% 76.7%,\n                                0.1% 64.9%,\n                                17.9% 100%,\n                                27.6% 76.8%,\n                                76.1% 97.7%,\n                                74.1% 44.1%\n                            );\n                        \"\n                    />\n                </div>\n            </div>\n\n            <div class=\"py-24 bg-white sm:py-32\" id=\"why_get_a_tutor\">\n                <div class=\"px-6 mx-auto max-w-7xl lg:px-8\">\n                    <div class=\"max-w-2xl mx-auto lg:mx-0\">\n                        <h2\n                            class=\"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl\"\n                        >\n                            Why get a tutor?\n                        </h2>\n                        <p class=\"mt-6 text-lg leading-8 text-gray-600\"></p>\n                    </div>\n                    <div\n                        class=\"max-w-2xl mx-auto mt-16 sm:mt-20 lg:mt-24 lg:max-w-none\"\n                    >\n                        <dl\n                            class=\"grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3\"\n                        >\n                            <div\n                                v-for=\"reason in why_get_a_tutor\"\n                                :key=\"reason.name\"\n                                class=\"flex flex-col\"\n                            >\n                                <dt\n                                    class=\"text-base font-semibold leading-7 text-gray-900\"\n                                >\n                                    <div\n                                        class=\"flex items-center justify-center w-10 h-10 mb-6 bg-blue-600 rounded-lg\"\n                                    >\n                                        <component\n                                            :is=\"reason.icon\"\n                                            class=\"w-6 h-6 text-white\"\n                                            aria-hidden=\"true\"\n                                        />\n                                    </div>\n                                    {{ reason.name }}\n                                </dt>\n                                <dd\n                                    class=\"flex flex-col flex-auto mt-1 text-base leading-7 text-gray-600\"\n                                >\n                                    <p class=\"flex-auto\">\n                                        {{ reason.description }}\n                                    </p>\n                                </dd>\n                            </div>\n                        </dl>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"py-24 bg-gray-900 sm:py-32\" id=\"why_become_a_tutor\">\n                <div class=\"px-6 mx-auto max-w-7xl lg:px-8\">\n                    <div class=\"max-w-2xl mx-auto lg:mx-0\">\n                        <p\n                            class=\"mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl\"\n                        >\n                            Why become a tutor on Tutorie?\n                        </p>\n                        <p class=\"mt-6 text-lg leading-8 text-gray-300\">\n                            We're always looking for the best tutors to help\n                            students. Here's why you should become a tutor on\n                            our platform.\n                        </p>\n                    </div>\n                    <dl\n                        class=\"grid max-w-2xl grid-cols-1 gap-8 mx-auto mt-16 text-base leading-7 text-gray-300 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:gap-x-16\"\n                    >\n                        <div\n                            v-for=\"reason in why_become_a_tutor\"\n                            :key=\"reason.name\"\n                            class=\"relative pl-9\"\n                        >\n                            <dt class=\"inline font-semibold text-white\">\n                                <component\n                                    :is=\"reason.icon\"\n                                    class=\"absolute w-5 h-5 text-blue-500 left-1 top-1\"\n                                    aria-hidden=\"true\"\n                                />\n                                {{ reason.name }}\n                            </dt>\n                            {{ \" \" }}\n                            <dd class=\"inline\">{{ reason.description }}</dd>\n                        </div>\n                    </dl>\n                </div>\n            </div>\n\n            <!-- FAQ section -->\n            <!-- <div class=\"px-6 mx-auto mt-32 max-w-7xl sm:mt-56 lg:px-8\">\n                <div class=\"max-w-4xl mx-auto divide-y divide-gray-900/10\">\n                    <h2\n                        class=\"text-2xl font-bold leading-10 tracking-tight text-gray-900\"\n                    >\n                        Frequently asked questions\n                    </h2>\n                    <dl class=\"mt-10 space-y-6 divide-y divide-gray-900/10\">\n                        <Disclosure\n                            as=\"div\"\n                            v-for=\"faq in faqs\"\n                            :key=\"faq.question\"\n                            class=\"pt-6\"\n                            v-slot=\"{ open }\"\n                        >\n                            <dt>\n                                <DisclosureButton\n                                    class=\"flex items-start justify-between w-full text-left text-gray-900\"\n                                >\n                                    <span\n                                        class=\"text-base font-semibold leading-7\"\n                                        >{{ faq.question }}</span\n                                    >\n                                    <span class=\"flex items-center ml-6 h-7\">\n                                        <PlusSmallIcon\n                                            v-if=\"!open\"\n                                            class=\"w-6 h-6\"\n                                            aria-hidden=\"true\"\n                                        />\n                                        <MinusSmallIcon\n                                            v-else\n                                            class=\"w-6 h-6\"\n                                            aria-hidden=\"true\"\n                                        />\n                                    </span>\n                                </DisclosureButton>\n                            </dt>\n                            <DisclosurePanel as=\"dd\" class=\"pr-12 mt-2\">\n                                <p class=\"text-base leading-7 text-gray-600\">\n                                    {{ faq.answer }}\n                                </p>\n                            </DisclosurePanel>\n                        </Disclosure>\n                    </dl>\n                </div>\n            </div> -->\n        </main>\n\n        <!-- Footer -->\n        <FooterNav />\n    </div>\n</template>\n"],"names":["why_get_a_tutor","UsersIcon","PaintBrushIcon","PuzzlePieceIcon","why_become_a_tutor","BanknotesIcon","CalendarDaysIcon","SpeakerXMarkIcon","CreditCardIcon","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;g/CA2BA,MAAMA,EAAkB,CACpB,CACI,KAAM,+BACN,YACI,+HACJ,KAAMC,CACT,EACD,CACI,KAAM,2CACN,YACI,qJACJ,KAAMC,CACT,EACD,CACI,KAAM,oCACN,YACI,uIACJ,KAAMC,CACT,CACL,EACMC,EAAqB,CACvB,CACI,KAAM,6BACN,YACI,yGACJ,KAAMC,CACT,EACD,CACI,KAAM,uBACN,YACI,6KACJ,KAAMC,CACT,EACD,CACI,KAAM,8BACN,YACI,4IACJ,KAAMC,CACT,EACD,CACI,KAAM,eACN,YACI,8JACJ,KAAMC,CACT,CACL,EAuCA,OAAAC,EAAU,IAAM,CACZ,QAAQ,IAAI,IAAI,CACpB,CAAC"}