"use client"; import * as React from "react"; import { motion } from "motion/react"; const BlurredStagger = ({ text = "built by ruixen.com", }: { text: string; }) => { const headingText = text; const container = { hidden: { opacity: 0 }, show: { opacity: 1, transition: { staggerChildren: 0.015, }, }, }; const letterAnimation = { hidden: { opacity: 0, filter: "blur(10px)", }, show: { opacity: 1, filter: "blur(0px)", }, }; return ( <>

{headingText.split("").map((char, index) => ( {char === " " ? "\u00A0" : char} ))}

); }; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@/components/ui/accordion"; import Link from "next/link"; import { cn } from "@/lib/utils"; export interface FAQItem { id: string; question: string; answer: string; } export interface StaggeredFAQProps { title?: string; subtitle?: string; supportText?: string; supportLink?: string; supportLinkText?: string; faqItems: FAQItem[]; className?: string; hideSupport?: boolean; } export default function StaggeredFAQSection({ title = "StaggeredFAQ", subtitle = "Everything you need to know about Ruixen UI", supportText = "Can't find what you're looking for? Reach out to our", supportLink = "#", supportLinkText = "Ruixen UI support team", faqItems, className, hideSupport = false, }: StaggeredFAQProps) { return (

{title}

{subtitle}

{!hideSupport && (

{supportText}{" "} {supportLinkText} {" "} for assistance.

)}

{faqItems.map((item) => ( {item.question} ))}

{!hideSupport && (

{supportText}{" "} {supportLinkText}

)}

); }