import type { Metadata } from "next";
import { AnimatedSection } from "@/components/ui/AnimatedSection";
import { SectionHeader } from "@/components/ui/SectionHeader";
import { FAQAccordion } from "@/components/sections/FAQAccordion";
import { CTASection } from "@/components/sections/CTASection";

export const metadata: Metadata = {
  title: "FAQ",
  description:
    "Answers about Aureva Studio turnkey interiors, 3D visualization, budgets, project timelines, material selection, WhatsApp enquiries, renovations, architecture planning, and consultations.",
};

export default function FAQPage() {
  return (
    <>
      <section className="bg-ivory pt-36 md:pt-44">
        <div className="luxury-container pb-16">
          <AnimatedSection>
            <SectionHeader
              eyebrow="FAQ"
              title="Questions clients ask before starting an interior or architecture project."
              copy="Clear answers about turnkey solutions, 3D design, budgets, timelines, material selection, renovations, WhatsApp enquiries, and consultations."
            />
          </AnimatedSection>
        </div>
      </section>

      <section className="section-y marble-surface pt-0">
        <div className="luxury-container max-w-4xl">
          <AnimatedSection>
            <FAQAccordion />
          </AnimatedSection>
        </div>
      </section>

      <CTASection title="Still deciding what your project needs?" />
    </>
  );
}