import type { Metadata } from "next";
import Header from "@/components/shared/Header";
import Footer from "@/components/shared/Footer";
import HelpHero from "@/components/help/HelpHero";
import HelpContact from "@/components/help/HelpContact";
import HelpFAQ from "@/components/help/HelpFAQ";

export const metadata: Metadata = {
  title: "Help",
};

export default function HelpPage() {
  return (
    <div className="wrapper">
      <section className="main-sec2">
        <Header />
        <HelpHero />
      </section>

      <section className="faq-sec2 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>

      <Footer />
    </div>
  );
}