src/components/landing/flagship/FAQSection.tsx

"use client";

import { useState } from "react";
import { Minus, Plus } from "lucide-react";
import { SectionHeading } from "./SectionHeading";

const faqs = [
  {
    q: "How does DocDoe create my plan?",
    a: "You set class, board, subjects, exam date and available time. DocDoe turns that into a daily path of lessons, practice and revision—and updates it from what you complete and miss.",
  },
  {
    q: "Which boards, classes and subjects are supported?",
    a: "The current beta is for Kerala SSLC Class 10. Reviewed lessons, notes, practice, and videos roll out chapter by chapter, and the coverage explorer labels unfinished content honestly. Class 11 and Class 12 are in development.",
  },
  {
    q: "Is DocDoe only for exam preparation?",
    a: "Exam prep is the core. StudyChat also handles doubts and materials. Learn Anything supports skills beyond the school syllabus with a structured roadmap.",
  },
  {
    q: "Can I upload my own textbook or notes?",
    a: "Yes, in StudyChat. Uploaded materials can ground notes, quizzes and analysis. Tuition still starts from the syllabus path without requiring uploads.",
  },
  {
    q: "How does answer correction work?",
    a: "Correction compares your answer to expected steps and keywords, shows what matched, what was missing, and offers a board-style rewrite. It does not claim guaranteed marks.",
  },
  {
    q: "What is included during early access?",
    a: "Access to the workspace modes under closed beta limits: tuition path where chapters are available, StudyChat tools, Learn Anything roadmaps, and plan updates from your activity.",
  },
  {
    q: "Can parents view progress?",
    a: "Progress surfaces show completed lessons, weak topics and revision queues in the student workspace. Dedicated parent accounts may expand later—do not assume full parent dashboards in beta.",
  },
  {
    q: "How is DocDoe different from an open-ended chatbot?",
    a: "DocDoe is a learning system: a plan, modes for teaching and practice, and memory of weak topics. A chatbot answers one message; DocDoe decides what should happen tonight and tomorrow.",
  },
];

export function FAQSection() {
  const [open, setOpen] = useState(0);

  return (
    <section id="faq" className="df-section border-t border-[var(--df-border)]">
      <div className="df-container max-w-3xl">
        <SectionHeading align="center" className="mx-auto" title="Questions students actually ask" />
        <div className="mt-10 divide-y divide-[var(--df-border)] rounded-[22px] border border-[var(--df-border)] bg-white">
          {faqs.map((faq, i) => {
            const isOpen = open === i;
            return (
              <div key={faq.q} className="px-5 sm:px-6">
                <button
                  type="button"
                  className="flex w-full items-center justify-between gap-4 py-5 text-left"
                  aria-expanded={isOpen}
                  onClick={() => setOpen(isOpen ? -1 : i)}
                >
                  <span className="text-[15px] font-semibold text-[var(--df-ink)]">{faq.q}</span>
                  {isOpen ? (
                    <Minus className="size-4 shrink-0 text-[var(--df-ink-3)]" />
                  ) : (
                    <Plus className="size-4 shrink-0 text-[var(--df-ink-3)]" />
                  )}
                </button>
                {isOpen ? (
                  <p className="pb-5 text-[14px] leading-7 text-[var(--df-ink-2)]">{faq.a}</p>
                ) : null}
              </div>
            );
          })}
        </div>
      </div>
    </section>
  );
}