alirez.brandCursor
a47ec493c5
Introduce a footer-triggered Version History drawer with categorized release notes, hardcoded release data, and semver tracking at v0.3.0. Also ships blog blockquote/table styling, site-wide typography, home page image updates, header refinements, and related bug fixes. Co-authored-by: Cursor <cursoragent@cursor.com>
80 lines
4.1 KiB
TypeScript
80 lines
4.1 KiB
TypeScript
'use client'
|
|
|
|
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'
|
|
import Link from 'next/link'
|
|
import { type, typeSpacing } from '@/lib/typography'
|
|
import { cn } from '@/lib/utils'
|
|
|
|
export default function FAQsFour() {
|
|
const faqItems = [
|
|
{
|
|
id: 'item-1',
|
|
question: 'How long does shipping take?',
|
|
answer: 'Standard shipping takes 3-5 business days, depending on your location. Express shipping options are available at checkout for 1-2 business day delivery.',
|
|
},
|
|
{
|
|
id: 'item-2',
|
|
question: 'What payment methods do you accept?',
|
|
answer: 'We accept all major credit cards (Visa, Mastercard, American Express), PayPal, Apple Pay, and Google Pay. For enterprise customers, we also offer invoicing options.',
|
|
},
|
|
{
|
|
id: 'item-3',
|
|
question: 'Can I change or cancel my order?',
|
|
answer: 'You can modify or cancel your order within 1 hour of placing it. After this window, please contact our customer support team who will assist you with any changes.',
|
|
},
|
|
{
|
|
id: 'item-4',
|
|
question: 'Do you ship internationally?',
|
|
answer: "Yes, we ship to over 50 countries worldwide. International shipping typically takes 7-14 business days. Additional customs fees may apply depending on your country's import regulations.",
|
|
},
|
|
{
|
|
id: 'item-5',
|
|
question: 'What is your return policy?',
|
|
answer: 'We offer a 30-day return policy for most items. Products must be in original condition with tags attached. Some specialty items may have different return terms, which will be noted on the product page.',
|
|
},
|
|
]
|
|
|
|
return (
|
|
<section className="py-16 md:py-24">
|
|
<div className="mx-auto max-w-5xl px-4 md:px-6">
|
|
<div className="mx-auto max-w-xl text-center">
|
|
<h2 className={type.h2}>Frequently Asked Questions</h2>
|
|
<p className={cn(type.body, "text-muted-foreground mt-4 text-balance")}>Discover quick and comprehensive answers to common questions about our platform, services, and features.</p>
|
|
</div>
|
|
|
|
<div className="mx-auto mt-12 max-w-xl">
|
|
<Accordion
|
|
type="single"
|
|
collapsible
|
|
className="bg-muted dark:bg-muted/50 w-full rounded-2xl p-1">
|
|
{faqItems.map((item) => (
|
|
<div
|
|
className="group"
|
|
key={item.id}>
|
|
<AccordionItem
|
|
value={item.id}
|
|
className="data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm">
|
|
<AccordionTrigger className={cn(type["list-title"], "cursor-pointer hover:no-underline")}>{item.question}</AccordionTrigger>
|
|
<AccordionContent>
|
|
<p className={type.body}>{item.answer}</p>
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
<hr className="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0" />
|
|
</div>
|
|
))}
|
|
</Accordion>
|
|
|
|
<p className={cn(type.body, "text-muted-foreground mt-6 px-8")}>
|
|
Can't find what you're looking for? Contact our{' '}
|
|
<Link
|
|
href="/consulting#consulting-form"
|
|
className="text-accent font-medium hover:underline">
|
|
customer support team
|
|
</Link>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|