import { Metadata } from "next";
import Header from "@/app/components/common/header/Header";
import PricingCompareSection from "@/app/components/pricing/PricingCompareSection";
import PricingHeroSection from "@/app/components/pricing/PricingHeroSection";
import PricingPlansSection from "@/app/components/pricing/PricingPlansSection";
import Footer from "../components/common/footer/Footer";
import CallToAction from "../components/common/CallToAction";

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

export default function PricingPage() {
  return (
    <>
      {/*********************************
   		Code Start From Here
	******************************** */}

      <div className="wrapper">
        <Header variant="v2" />
        <PricingHeroSection />
        <section className="pricing-sec2">
          <div className="container-fluid">
            <PricingPlansSection />
          </div>
        </section>

        <PricingCompareSection />

        {/*  cta-sec  */}
        <CallToAction />
        {/*  End cta-sec  */}

        {/*  footer-style1  */}
        <Footer />
        {/*  End footer-style1  */}
      </div>

      {/*********************************
			Code End  Here 
	******************************** */}
    </>
  );
}