FAQ

A responsive FAQ component with accordion functionality and smooth animations

Preview

FAQ Component

Features

🎯 Responsive accordion design
📱 Mobile-friendly layout
💫 Smooth animations and transitions
📧 Direct email contact support

Usage

Import and use the FAQ component in your page:

page.tsx

import Faq from '@/components/faq';
 
export default function Page() {
  return (
    <main>
      {/* Your other components */}
      <Faq />
    </main>
  );
}

Customization Content

You can customize the FAQ content by modifying the faq section in your translation files (e.g., messages/en.json):

messages/en.json

{
  "faq": {
    "title": "Frequently Asked Questions",
    "contact": "Still have questions? Contact us",
    "items": [
      {
        "question": "What is ShipNow?",
        "answer": "ShipNow is a Next.js template..."
      },
      {
        "question": "How does it work?",
        "answer": "Simply use the components..."
      }
    ]
  }
}

Tips

Include questions about pricing - Answer questions about costs and explain why your product is worth the money.
Explain your refund policy - Clearly describe how customers can get their money back if they're not satisfied.

Header

A responsive header component with logo, navigation links, and authentication features

CTA

A beautiful call-to-action component with gradient background and decorative elements