-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2e067ab
commit 9e657c5
Showing
6 changed files
with
43 additions
and
30 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,20 +1,25 @@ | ||
import { Disclosure } from '@headlessui/react' | ||
import { PlayIcon } from '@heroicons/react/24/solid' | ||
import faqs from "~/data/faqs.json" | ||
import { Disclosure } from "@headlessui/react"; | ||
import { PlayIcon } from "@heroicons/react/24/solid"; | ||
import faqs from "~/data/faqs.json"; | ||
|
||
export default function Faqs() { | ||
return ( | ||
<div> | ||
<div className="mx-auto max-w-7xl px-6 pb-24 sm:pb-32 lg:px-8 lg:pb-40"> | ||
<div className="mx-auto max-w-4xl"> | ||
<h2 className="text-2xl font-bold leading-10 tracking-wide text-white">Frequently asked questions</h2> | ||
<h2 className="text-2xl font-bold leading-10 tracking-wide text-white"> | ||
Frequently asked questions | ||
</h2> | ||
<p className="mt-6 text-justify text-xl leading-7 uppercase"> | ||
Have a different question and can’t find the answer you’re looking for? | ||
Reach out to our support team by <a | ||
Have a different question and can’t find the answer you’re looking | ||
for? Reach out to our support team by{" "} | ||
<a | ||
href="mailto:[email protected]" | ||
className="font-semibold text-indigo-400 hover:text-indigo-300" | ||
>sending us an email </a | ||
>and we’ll get back to you as soon as we can. | ||
> | ||
sending us an email{" "} | ||
</a> | ||
and we’ll get back to you as soon as we can. | ||
</p> | ||
</div> | ||
<div className="mx-auto max-w-4xl divide-y"> | ||
|
@@ -27,18 +32,27 @@ export default function Faqs() { | |
<Disclosure.Button className="flex w-full items-start justify-start text-left text-white"> | ||
<div> | ||
{open ? ( | ||
<PlayIcon fill="#66B22E" className="mt-2 mr-3 w-4 h-4 rotate-90" /> | ||
<PlayIcon | ||
fill="#66B22E" | ||
className="mt-2 mr-3 w-4 h-4 rotate-90" | ||
/> | ||
) : ( | ||
<PlayIcon fill="#66B22E" className="mt-2 mr-3 w-4 h-4" /> | ||
<PlayIcon | ||
fill="#66B22E" | ||
className="mt-2 mr-3 w-4 h-4" | ||
/> | ||
)} | ||
</div> | ||
<span className="text-xl text-white font-semibold leading-7 uppercase">{faq.question}</span> | ||
<span className="ml-6 flex h-7 items-center"> | ||
<span className="text-xl text-white font-semibold leading-7 uppercase"> | ||
{faq.question} | ||
</span> | ||
<span className="ml-6 flex h-7 items-center"></span> | ||
</Disclosure.Button> | ||
</dt> | ||
<Disclosure.Panel as="dd" className="mt-2 pr-12"> | ||
<p className="font-sans text-base leading-7 text-white ml-7">{faq.answer}</p> | ||
<p className="font-sans text-base leading-7 text-white ml-7"> | ||
{faq.answer} | ||
</p> | ||
</Disclosure.Panel> | ||
</> | ||
)} | ||
|
@@ -48,5 +62,5 @@ export default function Faqs() { | |
</div> | ||
</div> | ||
</div> | ||
) | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,10 +1,10 @@ | ||
--- | ||
import Intro from "~/components/intro.astro"; | ||
import Showcase from "~/components/showcase.astro"; | ||
import Gallery from "~/components/gallery.astro"; | ||
import IndexLayout from "~/layouts/indexLayout.astro"; | ||
--- | ||
|
||
<IndexLayout> | ||
<Intro /> | ||
<Showcase /> | ||
<Gallery /> | ||
</IndexLayout> |