Skip to main content

Support FAQ Stack

This section reduces hesitation near the bottom of a landing page or near the checkout entry point.

Do you migrate my existing hosting account?

Yes. Standard migrations are handled by the onboarding team before DNS cutover.

How often are backups created?

Daily backups are included on managed plans, with restore points retained for 14 days.

What support channels are included?

All plans include tickets. Premium plans add live chat and a priority queue.

Why it works​

  • The questions map to hosting objections that are easy to overlook.
  • The cards are calm and readable on both marketing and docs pages.
  • It works well as a simple static block before moving to accordions.

Copy paste code​

const items = [
  {
    question: 'Do you migrate my existing hosting account?',
    answer: 'Yes. Standard migrations are handled by the onboarding team and scheduled before DNS cutover.',
  },
  {
    question: 'How often are backups created?',
    answer: 'Daily backups are included on managed plans, with restore points retained for 14 days.',
  },
  {
    question: 'What support channels are included?',
    answer: 'All plans include ticket support. Premium plans add live chat and a priority queue.',
  },
];

export function SupportFaqStack() {
  return (
    <section className="space-y-3">
      {items.map((item) => (
        <article
          key={item.question}
          className="rounded-[24px] border border-slate-200 bg-white p-5 shadow-[0_20px_64px_-48px_rgba(15,23,42,0.4)]"
        >
          <h3 className="text-base font-semibold text-slate-950">{item.question}</h3>
          <p className="mt-3 text-sm leading-6 text-slate-600">{item.answer}</p>
        </article>
      ))}
    </section>
  );
}

Customization notes​

  • Use support language your team can actually deliver on.
  • Keep answers short enough to scan.
  • If you need more than five items, split the list into categories.