import type { Metadata } from "next";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import FAQHero from "@/components/FAQHero";
import FAQAccordion from "@/components/FAQAccordion";
import FAQSupport from "@/components/FAQSupport";
import PageAnimations from "@/components/PageAnimations";

export const metadata: Metadata = {
    title: "FAQ - Aasi Tech",
    description: "Find answers to frequently asked questions about Aasi Tech's services, pricing, support, and technical capabilities.",
};

export default function FAQPage() {
    return (
        <>
            <PageAnimations />
            <Navbar />
            <FAQHero />
            <section className="section-dark py-20 relative overflow-hidden">
                <div className="glow-orb w-[800px] h-[800px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-20"></div>
                <div className="max-w-5xl mx-auto px-6 relative z-10">
                    <FAQAccordion />
                    <div className="mt-12 gsap-fade-up">
                        <FAQSupport />
                    </div>
                </div>
            </section>
            <Footer />
        </>
    );
}
