Skip to content

update pricing faq #16170

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ivanagas wants to merge 2 commits into from
Closed

update pricing faq #16170

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
14b0404
update pricing faq
ivanagas Apr 3, 2026
0ea9b5d
add more pricing faq
ivanagas Apr 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 22 additions & 20 deletions src/components/Pricing/FAQs/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@ import React, { ChangeEvent, useState } from 'react'
import { Disclosure } from '@headlessui/react'
import { faqs } from '../../../pages-content/pricing-data'
import { Plus, Minus } from 'components/Icons/Icons'
import { motion } from 'framer-motion'
import Fuse from 'fuse.js'

const fuse = new Fuse(faqs, { keys: ['q', 'a'], includeMatches: true })
Expand All @@ -23,30 +22,33 @@ export const FAQs = ({ className = '' }) => {
data-scheme="secondary"
className="bg-primary border border-primary py-2 px-3 rounded-sm text-[15px] font-semibold w-full"
/>
<ul className="list-none m-0 p-0 grid gap-y-6 mt-4">
<div className="mt-4 divide-y divide-primary border-y border-primary">
{questions &&
questions.map((faq, index) => {
const { author, q, a } = faq
const { q, a } = faq
return (
<li key={index}>
<div className="flex items-center space-x-2 relative">
<span className="flex-shrink-0 relative">
<span className="absolute w-full h-full left-1/2 translate-y-[55%] border-l border-b border-dashed border-primary rounded-sm" />
<span className="size-[40px] inline-block relative z-10">{author.q.image}</span>
</span>
<p className="text-[15px] font-semibold !my-0">{q}</p>
</div>
<div className="flex items-start space-x-2 pt-2 ml-[calc(40px+.5rem)]">
<span className="flex-shrink-0 size-[25px] inline-block">{author.a.image}</span>
<span>
<p className="text-[15px] font-semibold text-red !my-0">{author.a.name}</p>
<p className="text-[14px] font-normal !my-0">{a}</p>
</span>
</div>
</li>
<Disclosure key={index}>
{({ open }) => (
<>
<Disclosure.Button className="flex w-full items-center justify-between py-3 text-left">
<span className="text-[15px] font-semibold pr-4">{q}</span>
<span className="flex-shrink-0">
{open ? <Minus className="size-4" /> : <Plus className="size-4" />}
</span>
</Disclosure.Button>
<Disclosure.Panel className="pb-4 pr-8">
<p
className="text-[14px] text-secondary m-0 [&_a]:text-red [&_a]:font-semibold [&_code]:bg-accent [&_code]:px-1 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-[13px]"
// nosemgrep: typescript.react.security.audit.react-dangerouslysetinnerhtml.react-dangerouslysetinnerhtml - FAQ answer from codebase, not user input
dangerouslySetInnerHTML={{ __html: a }}
/>
</Disclosure.Panel>
</>
)}
</Disclosure>
)
})}
</ul>
</div>
</section>
)
}
Loading
Loading