File: /home/dnlightw-124/dn.lightweb.kr/themes/prompt/Pages/Help.vue
<template>
<Layout>
<Help />
<!-- =========== common Section Start =========== -->
<section class="py-20 relative">
<div class="container">
<div class="grid lg:grid-cols-3 grid-cols-1 gap-6">
<div class="lg:col-span-2 cols-span-1">
<div class="grid md:grid-cols-3 grid-cols-1 gap-5">
<div>
<svg class="w-12 h-12 text-primary" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
<path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" id="Path-94" fill="currentcolor" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "></path>
<rect id="Rectangle" fill="currentcolor" opacity="0.3" x="12" y="17" width="10" height="2" rx="1"></rect>
</g>
</svg>
<h4 class="text-lg my-4">{{ __('Getting started') }}</h4>
<div class="grid gap-y-4 mb-4">
<a href="#" class="font-medium text-slate-400">{{ __('General information') }}</a>
<a href="#" class="font-medium text-slate-400">{{ __('Signup help') }}</a>
<a href="#" class="font-medium text-slate-400">{{ __('Preparing the documents') }}</a>
</div>
<a href="#">
<div class="flex items-center gap-3">
<p class="text-primary font-medium">{{ __('View More') }}</p>
<i class="fa-solid fa-angle-right text-primary"></i>
</div>
</a>
</div>
<div>
<svg class="w-12 h-12 text-primary" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="bound" x="0" y="0" width="24" height="24"></rect>
<path d="M6,2 L18,2 C19.6568542,2 21,3.34314575 21,5 L21,19 C21,20.6568542 19.6568542,22 18,22 L6,22 C4.34314575,22 3,20.6568542 3,19 L3,5 C3,3.34314575 4.34314575,2 6,2 Z M12,11 C13.1045695,11 14,10.1045695 14,9 C14,7.8954305 13.1045695,7 12,7 C10.8954305,7 10,7.8954305 10,9 C10,10.1045695 10.8954305,11 12,11 Z M7.00036205,16.4995035 C6.98863236,16.6619875 7.26484009,17 7.4041679,17 C11.463736,17 14.5228466,17 16.5815,17 C16.9988413,17 17.0053266,16.6221713 16.9988413,16.5 C16.8360465,13.4332455 14.6506758,12 11.9907452,12 C9.36772908,12 7.21569918,13.5165724 7.00036205,16.4995035 Z" id="Combined-Shape" fill="currentcolor"></path>
</g>
</svg>
<h4 class="text-lg my-4">{{ __('Managing my account') }}</h4>
<div class="grid gap-y-4 mb-4">
<a href="#" class="font-medium text-slate-400">{{ __('Managing my account') }}</a>
<a href="#" class="font-medium text-slate-400">{{ __('Identity verification') }}</a>
<a href="#" class="font-medium text-slate-400">{{ __('Linking a paymeny method') }}</a>
</div>
<a href="#">
<div class="flex items-center gap-3">
<p class="text-primary font-medium">{{ __('View More') }}</p>
<i class="fa-solid fa-angle-right text-primary"></i>
</div>
</a>
</div>
<div>
<svg class="w-12 h-12 text-primary" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle-5" x="0" y="0" width="24" height="24"></rect>
<path d="M6,7 C7.1045695,7 8,6.1045695 8,5 C8,3.8954305 7.1045695,3 6,3 C4.8954305,3 4,3.8954305 4,5 C4,6.1045695 4.8954305,7 6,7 Z M6,9 C3.790861,9 2,7.209139 2,5 C2,2.790861 3.790861,1 6,1 C8.209139,1 10,2.790861 10,5 C10,7.209139 8.209139,9 6,9 Z" id="Oval-7" fill="currentcolor"></path>
<path d="M7,11.4648712 L7,17 C7,18.1045695 7.8954305,19 9,19 L15,19 L15,21 L9,21 C6.790861,21 5,19.209139 5,17 L5,8 L5,7 L7,7 L7,8 C7,9.1045695 7.8954305,10 9,10 L15,10 L15,12 L9,12 C8.27142571,12 7.58834673,11.8052114 7,11.4648712 Z" id="Combined-Shape" fill="currentcolor" opacity="0.3"></path>
<path d="M18,22 C19.1045695,22 20,21.1045695 20,20 C20,18.8954305 19.1045695,18 18,18 C16.8954305,18 16,18.8954305 16,20 C16,21.1045695 16.8954305,22 18,22 Z M18,24 C15.790861,24 14,22.209139 14,20 C14,17.790861 15.790861,16 18,16 C20.209139,16 22,17.790861 22,20 C22,22.209139 20.209139,24 18,24 Z" id="Oval-7-Copy" fill="currentcolor"></path>
<path d="M18,13 C19.1045695,13 20,12.1045695 20,11 C20,9.8954305 19.1045695,9 18,9 C16.8954305,9 16,9.8954305 16,11 C16,12.1045695 16.8954305,13 18,13 Z M18,15 C15.790861,15 14,13.209139 14,11 C14,8.790861 15.790861,7 18,7 C20.209139,7 22,8.790861 22,11 C22,13.209139 20.209139,15 18,15 Z" id="Oval-7-Copy-3" fill="currentcolor"></path>
</g>
</svg>
<h4 class="text-lg my-4">{{ __('API & Integrations') }}</h4>
<div class="grid gap-y-4 mb-4">
<a href="#" class="font-medium text-slate-400">{{ __('Rest API Integrations') }}</a>
<a href="#" class="font-medium text-slate-400">{{ __('API SDKs') }}</a>
<a href="#" class="font-medium text-slate-400">{{ __('Embed scripts') }}</a>
</div>
<a href="#">
<div class="flex items-center gap-3">
<p class="text-primary font-medium">{{ __('View More') }}</p>
<i class="fa-solid fa-angle-right text-primary"></i>
</div>
</a>
</div>
</div>
<h4 class="text-base mt-24">{{ __('Frequently Asked Questions') }}</h4>
<p class="text-slate-400 mt-1">{{ __('Here are some of the basic types of questions for our customers') }}</p>
<div class="mt-10 lg:me-36">
<div class="hs-accordion-group">
<div class="hs-accordion active rounded border">
<button class="hs-accordion-toggle sm:text-base p-5 inline-flex items-center gap-x-3 w-full font-medium text-gray-800 transition hover:text-gray-500" aria-controls="accordion1">
{{ __('Can I use this template for my client?') }}
<span class="fa-solid fa-angle-down ms-auto transition-all hs-collapse-open:-rotate-90"></span>
</button>
<div id="accordion1" class="hs-accordion-content w-full overflow-hidden transition-[height] duration-300 ">
<p class="sm:text-sm font-medium text-gray-500 p-5 pt-0">
{{ __('Yup, the marketplace license allows you to use this theme in any end products. For more information on licenses, please refere license terms on marketplace.') }}
</p>
</div>
</div>
<div class="hs-accordion rounded border mt-2">
<button class="hs-accordion-toggle hs-collapse-open:rounded-b-none sm:text-base p-5 inline-flex items-center gap-x-3 w-full font-medium text-left text-gray-800 transition hover:text-gray-500" aria-controls="accordion2">
{{ __('Can this theme work with WordPress?') }}
<span class="fa-solid fa-angle-down ms-auto transition-all fc-collapse-open:-rotate-90"></span>
</button>
<div id="accordion2" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300">
<p class="sm:text-sm font-medium text-gray-500 p-5 pt-0">
{{ __('No. This is a HTML template. It won\'t directly with WordPress, though you can convert this into WordPress compatible theme.') }}
</p>
</div>
</div>
<div class="hs-accordion rounded border mt-2">
<button class="hs-accordion-toggle hs-collapse-open:rounded-b-none sm:text-base p-5 inline-flex items-center gap-x-3 w-full font-medium text-left text-gray-800 transition hover:text-gray-500" data-fc-type="collapse">
{{ __('How do I get help with the theme?') }}
<span class="fa-solid fa-angle-down ms-auto transition-all hs-collapse-open:-rotate-90"></span>
</button>
<div class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300">
<p class="sm:text-sm font-medium text-gray-500 p-5 pt-0">
{{ __('Use our dedicated support email (support@coderthemes.com) to send your issues or feedback. We are here to help anytime.') }}
</p>
</div>
</div>
<div class="hs-accordion rounded border mt-2">
<button class="hs-accordion-toggle hs-collapse-open:rounded-b-none sm:text-base p-5 inline-flex items-center gap-x-3 w-full font-medium text-left text-gray-800 transition hover:text-gray-500" data-fc-type="collapse">
{{ __('Will you regularly give updates of Prompt ?') }}
<span class="fa-solid fa-angle-down ms-auto transition-all hs-collapse-open:-rotate-90"></span>
</button>
<div class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300">
<p class="sm:text-sm font-medium text-gray-500 p-5 pt-0">
{{ __('Yes, We will update the Prompt regularly. All the future updates would be available without any cost.') }}
</p>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="sticky top-24 border rounded-md px-12 py-6">
<div class="flex items-center gap-4">
<svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 text-slate-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<circle cx="12" cy="12" r="4"></circle>
<line x1="4.93" y1="4.93" x2="9.17" y2="9.17"></line>
<line x1="14.83" y1="14.83" x2="19.07" y2="19.07"></line>
<line x1="14.83" y1="9.17" x2="19.07" y2="4.93"></line>
<line x1="14.83" y1="9.17" x2="18.36" y2="5.64"></line>
<line x1="4.93" y1="19.07" x2="9.17" y2="14.83"></line>
</svg>
<h4 class="text-lg">{{ __('Support center') }}</h4>
</div>
<h5 class="font-medium mt-3 text-slate-400">
<span class="font-semibold">{{ __('Can\'t find the answer? ') }}</span>
{{ __('We are here to help you all the time.') }}
</h5>
<div class="flex flex-wrap items-center gap-4 mt-10">
<svg class="w-5 h-5 text-slate-500 feather feather-message-square icon-xs me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
</svg>
<h4 class="text-slate-400">{{ __('Talk to Support Team') }}</h4>
</div>
<div class="flex flex-wrap items-center gap-4 my-3">
<svg class="w-5 h-5 text-slate-500 feather feather-mail icon-xs me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
<polyline points="22,6 12,13 2,6"></polyline>
</svg>
<h4 class="text-slate-400">{{ __('help@coderthemes.com') }}</h4>
</div>
<div class="flex flex-wrap items-center gap-4 my-3">
<svg class="w-5 h-5 text-slate-500 feather feather-twitter icon-xs me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>
<h4 class="text-slate-400">{{ __('@coderthemes') }}</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =========== common Section End =========== -->
<Footer />
</Layout>
</template>
<script lang="ts" setup>
import Layout from '@prompt/Layouts/Default.vue'
import Help from '@prompt/Components/HeroSections/Help.vue'
import Footer from "@prompt/Layouts/Partials/Footers/Footer.vue"
import {__} from "@/lib/translate";
</script>