Skip to main content
Clever Ops

Parents FAQ

The questions parents and skeptics actually ask, accreditation, refunds, job outcomes, answered plainly behind real disclosure semantics, with a talk-to-a-human fallback.

Preview & code

Loading Parents FAQ preview

Installation

pnpm dlx shadcn@latest add @cleverui/faq-parents

Requires the @cleverui registry in your components.json, a one-off, two-line setup.

Usage

tsx
import { FaqParents } from '@/components/blocks/faq-parents'
Exampletsx
import { FaqParents } from '@/components/blocks/faq-parents'

export default function FaqParentsDemo() {
  return (
    <div className="mx-auto w-full">
      <FaqParents
        heading="Honest answers for parents"
        intro="If you're paying for this or co-signing the decision, these are your questions."
        items={[
          {
            question: 'Is this course nationally accredited?',
            answer:
              'Yes. We have held national RTO accreditation since 2019; the registration number is printed on every certificate and appears on the national training register within 48 hours of graduation.',
          },
          {
            question: 'What if my child needs to withdraw?',
            answer: [
              'Full refund if they withdraw before the end of week two, no questions, no admin fee. After that, unused tuition is pro-rated against remaining modules and returned within 14 business days.',
              'We also pause enrolments for medical or caring leave up to six months without losing progress.',
            ],
          },
          {
            question: 'Do graduates actually get hired?',
            answer:
              'Of the 2025 cohort who completed the full path, 78% were in a related role within six months. We publish the survey methodology and response rate on our outcomes page, no cherry-picked LinkedIn posts.',
          },
          {
            question: 'How much time does this take each week?',
            answer:
              'Plan on 12–15 hours: two live workshops, one project block, and asynchronous reading. Working students typically protect two weeknights and a Saturday morning. We do not pack content into weekends-only cram formats.',
          },
          {
            question: 'Who teaches, and are they still practicing?',
            answer:
              'Every module is led by a practitioner who shipped in the last 18 months, product engineers, data leads, and design managers from companies your child would recognise. Bios and recent work links sit on each course page.',
          },
        ]}
        fallback={{
          note: 'Still unsure? Call us, a course advisor answers, not a bot.',
          phone: '(02) 8014 6620',
          email: 'parents@northline.studio',
        }}
        singleOpen
        defaultOpen={0}
      />
    </div>
  )
}

API reference

FaqParents accepts the following props.

PropTypeDefaultDescription
headingstring'Honest answers for parents'
introstringone plain sentence setting expectations for skeptical parents
items*FaqParentsItem[]
fallbackFaqParentsFallbacktalk-to-a-human fallback under the list
singleOpenbooleanfalseopening a row closes the others
defaultOpennumberindex open on first render (SSR), omit for fully closed

…plus everything from React.HTMLAttributes<HTMLElement>: className, event handlers, aria attributes and the rest pass straight through.

Referenced types

Typestsx
export interface FaqParentsItem {
  question: string
  /** string = one paragraph; string[] = multiple paragraphs */
  answer: string | string[]
}

export interface FaqParentsFallback {
  note: string
  phone?: string
  email?: string
}

Frequently asked questions

How do I install the Parents FAQ component?

Register the @cleverui registry in your components.json ("@cleverui": "https://cleverops.com.au/r/{name}.json"), then run `npx shadcn@latest add @cleverui/faq-parents`. The shadcn CLI copies the source into your project, you own the code from that point. You can also copy the source directly from this page.

What dependencies does Parents FAQ require?

Parents FAQ uses motion and lucide-react on top of React and Tailwind CSS. You don't need to install them manually, the shadcn CLI resolves and installs npm dependencies automatically when you add the component.

Can I theme Parents FAQ to match my brand?

Yes. The component is styled entirely with Tailwind utilities over standard design tokens (primary, background, muted, border), so it inherits your existing shadcn/ui theme automatically. Change your CSS variables and the component follows, no source edits needed for palette, radius, or fonts.

Want this built for you?

CleverUI is built by the Clever Ops web team. If you'd rather ship a hand-coded, fast, custom website than assemble one, we build them for Australian businesses every week.

Explore web development services