75 lines
2.1 KiB
Svelte
75 lines
2.1 KiB
Svelte
|
<script>
|
|||
|
|
import { faqs } from './faqs';
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<div class="mt-[5%] mb-[15%]">
|
|||
|
|
<header class="text-center mb-[5%] px-[8%]">
|
|||
|
|
<h1
|
|||
|
|
class="mt-2 text-4xl lg:text-4xl font-medium tracking-tight text-gray-900"
|
|||
|
|
>
|
|||
|
|
Questions & Answers
|
|||
|
|
</h1>
|
|||
|
|
<h3
|
|||
|
|
class="lg:px-[20%] mt-4 text-lg lg:text-xl text-gray-500 inter font-normal tracking-normal lg:tracking-wide"
|
|||
|
|
>
|
|||
|
|
Can’t find the answer you’re looking for?
|
|||
|
|
<a
|
|||
|
|
class="text-[#1D4EE2]"
|
|||
|
|
href="mailto:help@classroomio.com"
|
|||
|
|
target="_blank">Shoot us an email</a
|
|||
|
|
> and we’ll get back to you ASAP.
|
|||
|
|
</h3>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-1 lg:grid-cols-3 gap-10 lg:gap-20 lg:px-[13%] mt-[20%] lg:m-0"
|
|||
|
|
>
|
|||
|
|
{#each faqs as faq}
|
|||
|
|
<div class="max-w-[100%] px-6 lg:p-0">
|
|||
|
|
<h1
|
|||
|
|
class="text:md lg:text-md font-semibold leading-8 text-gray-800 inter"
|
|||
|
|
>
|
|||
|
|
{faq.question}
|
|||
|
|
</h1>
|
|||
|
|
<p
|
|||
|
|
class="mt-2 text:md lg:text-md font-thin leading-7 lg:leading-9 text-gray-600 inter tracking-wide"
|
|||
|
|
>
|
|||
|
|
{faq.answer}
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
{/each}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div
|
|||
|
|
class="floating relative mt-[10%] grad w-[100%] h-[61vh] lg:h-[54vh] flex items-center flex-col justify-center lg:w-[70%] mx-auto py-[12%] px-[6%] text-center shadow-2xl lg:rounded-3xl"
|
|||
|
|
>
|
|||
|
|
<h1
|
|||
|
|
class="mt-3 lg:mt-2 text-3xl lg:text-4xl font-bold font-display tracking-tight text-white"
|
|||
|
|
>
|
|||
|
|
Supercharge your Classroom Today
|
|||
|
|
</h1>
|
|||
|
|
<p class="mt-6 text-xl lg:text-lg text-gray-300 inter">
|
|||
|
|
Try before you buy. No credit card required.
|
|||
|
|
</p>
|
|||
|
|
<button
|
|||
|
|
class="font-semibold text-md lg:text-lg text-gray-900 bg-white px-6 lg:px-7 py-4 lg:py-3 rounded-xl mt-10 inter"
|
|||
|
|
data-cal-config={"{'layout':'month_view'}"}
|
|||
|
|
data-cal-link="classroomio/demo"
|
|||
|
|
>
|
|||
|
|
Book a demo
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.grad {
|
|||
|
|
background: rgb(51, 16, 71);
|
|||
|
|
background: radial-gradient(
|
|||
|
|
circle at 50% 100%,
|
|||
|
|
rgba(51, 16, 71, 1) 1%,
|
|||
|
|
rgba(2, 0, 36, 1) 100%
|
|||
|
|
);
|
|||
|
|
background-size: cover;
|
|||
|
|
}
|
|||
|
|
</style>
|