import MainSec3Footer from "@/components/common/main-sec3-footer";
import SiteHeader from "@/components/common/site-header";
import type { Metadata } from "next";
import HelpHero from "@/components/help/HelpHero";
import HelpContact from "@/components/help/HelpContact";
import HelpFAQ from "@/components/help/HelpFAQ";
import CTASection from "@/components/help/CTASection";

export const metadata: Metadata = {
  title: "Help",
  description: "Help center — modular and data-driven.",
};

export default function HelpPage() {
  return (
    <>
      <SiteHeader />
      <HelpHero />

      {/* faq-sec */}
      <section className="faq-sec space">
        <div className="carousel-container">
          <div className="row">
            <div className="col-lg-5">
              <HelpContact />
            </div>
            <div className="col-lg-7">
              <HelpFAQ />
            </div>
          </div>
        </div>
      </section>
      {/* End faq-sec */}

      <CTASection />
      <MainSec3Footer />
    </>
  );
}