import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";

export default function FAQ() {
  const faqs = [
    {
      q: "How does Original Home Buyers calculate my cash offer?",
      a: "We evaluate comparable recent sales in your neighborhood, the current local market conditions, and the estimated cost of any necessary repairs. Because we buy houses directly without agent commissions or holding costs, we make a fair, transparent cash offer.",
    },
    {
      q: "Are there any fees, commissions, or closing costs?",
      a: "No. When you sell directly to us, you pay $0 in real estate agent commissions. We also cover standard closing costs, meaning the offer amount is what you receive at closing.",
    },
    {
      q: "Do I need to clean or make repairs before selling?",
      a: "Never. We buy houses 100% as-is. Whether your property needs minor cosmetic updates or major structural repairs (roof, foundation, fire damage), you can leave unwanted items behind and let us handle it.",
    },
    {
      q: "How fast can we close?",
      a: "We can close in as little as 7 days, or on whatever timeline best fits your schedule. If you need extra time to find your next home or coordinate your move, we accommodate your preferred date.",
    },
    {
      q: "Am I obligated to accept the offer once requested?",
      a: "Zero obligation. Requesting a cash offer is 100% free and comes with no pressure. You are free to review the offer and decide whether it is the right path for your situation.",
    },
  ];

  return (
    <section id="faq" className="py-24 bg-background">
      <div className="container max-w-5xl space-y-16">
        
        {/* Header */}
        <div className="max-w-2xl space-y-4">
          <span className="editorial-badge">Common Questions</span>
          <h2 className="font-serif text-3xl sm:text-5xl font-normal tracking-tight text-foreground">
            Frequently Asked Questions
          </h2>
          <p className="text-lg text-muted-foreground leading-relaxed">
            Everything you need to know about requesting a direct cash offer and closing on your own terms.
          </p>
        </div>

        {/* Accordion */}
        <Accordion type="single" collapsible className="space-y-4">
          {faqs.map((faq, idx) => (
            <AccordionItem
              key={idx}
              value={`item-${idx}`}
              className="paper-card rounded-xl px-6 border border-border data-[state=open]:border-primary/50 transition-colors"
            >
              <AccordionTrigger className="font-serif text-lg text-left text-foreground hover:text-primary py-5">
                {faq.q}
              </AccordionTrigger>
              <AccordionContent className="text-base text-muted-foreground leading-relaxed pb-6 pt-1">
                {faq.a}
              </AccordionContent>
            </AccordionItem>
          ))}
        </Accordion>

      </div>
    </section>
  );
}
