Faq 01

Installation

$ pnpm dlx shadcn@latest add https://react.uipkge.dev/r/react/faq-01.json

$ npx shadcn@latest add https://react.uipkge.dev/r/react/faq-01.json

$ yarn dlx shadcn@latest add https://react.uipkge.dev/r/react/faq-01.json

$ bunx shadcn@latest add https://react.uipkge.dev/r/react/faq-01.json

Examples

Files (1)

• components/blocks/Faq01.tsx 3.6 kB

  import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'
  
  export function Faq01() {
    return (
      <section className="bg-background">
        <div className="mx-auto max-w-3xl px-6 py-24">
          <div className="text-center">
            <p className="text-primary text-sm font-medium tracking-widest uppercase">FAQ</p>
            <h2 className="mt-2 text-3xl font-semibold tracking-tight sm:text-4xl">Questions, answered</h2>
            <p className="text-muted-foreground mx-auto mt-3 max-w-xl text-lg">
              Anything we missed? Email
              <a href="mailto:[email protected]" className="hover:text-foreground underline underline-offset-4">
                [email protected]
              </a>
              and we'll reply within a day.
            </p>
          </div>
  
          <Accordion type="single" collapsible className="mt-10 w-full">
            <AccordionItem value="trial">
              <AccordionTrigger>How does the 14-day free trial work?</AccordionTrigger>
              <AccordionContent>
                Sign up with a work email — no credit card. You get every feature on the Team plan for 14 days. At the end
                of the trial you pick a plan or your workspace switches to read-only until you do; nothing is deleted.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="migration">
              <AccordionTrigger>Can we migrate from our current tool?</AccordionTrigger>
              <AccordionContent>
                Yes. Most teams import people, time off balances and org structure with one CSV. We have prebuilt importers
                for BambooHR, Personio, Rippling and Gusto; for everything else, our team will run the migration with you
                free of charge.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="security">
              <AccordionTrigger>Is our employee data secure?</AccordionTrigger>
              <AccordionContent>
                SOC 2 Type II, ISO 27001, GDPR and HIPAA compliant. Data is encrypted at rest (AES-256) and in transit (TLS
                1.3). EU customers stay on EU-region infrastructure. Full audit trail is available on every plan.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="pricing">
              <AccordionTrigger>What does the per-user pricing include?</AccordionTrigger>
              <AccordionContent>
                All core modules — directory, payroll, time off, performance, onboarding — are included on the Team plan.
                SSO, SCIM, audit logs and a dedicated success manager are Enterprise-only. There are no per-feature add-ons.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="support">
              <AccordionTrigger>What support do we get?</AccordionTrigger>
              <AccordionContent>
                Email support is included on every plan with a 4-hour business-hours reply. Team and Enterprise customers
                get a shared Slack channel; Enterprise adds a named success manager and a 99.99% uptime SLA with credits.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="cancel">
              <AccordionTrigger>How do we cancel?</AccordionTrigger>
              <AccordionContent>
                One click in Settings → Billing. We charge month-to-month or annually; if you cancel mid-cycle, your
                workspace stays active through the end of the period and you can export all data as CSV or JSON before it
                ends.
              </AccordionContent>
            </AccordionItem>
          </Accordion>
        </div>
      </section>
    )
  }

Raw manifest: https://react.uipkge.dev/r/react/faq-01.json