import type { Metadata } from "next";
import Header from "@/components/shared/Header";
import PricingSection from "@/components/common/PricingSection";
import FAQSection from "@/components/home/FAQSection";
import Footer from "@/components/shared/Footer";
import ChatFeature from "@/components/pricing/ChatFeature";

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

export default function PricingPage() {
  return (
    <div className="wrapper">
      <section className="main-sec3">
        <Header />

        {/* page-banner */}
        <div className="page-banner2">
          <div className="carousel-container">
            <div className="page-content v2">
              <h1
                className="title"
                data-aos="fade"
                data-aos-duration={900}
                data-aos-delay={300}
              >
                We Offer flexible pricing for every stage
              </h1>
              <p data-aos="fade" data-aos-duration={900} data-aos-delay={400}>
                Whether you&apos;re just getting started or scaling fast, we’ve
                got a pricing plan that fits your needs. Our transparent and
                flexible packages are designed
              </p>
            </div>
          </div>
        </div>
        {/* End page-banner */}
        <PricingSection />
      </section>

      {/* feature-sec */}
      <section className="feature-sec space">
        <div className="carousel-container">
          <div className="sec-title">
            <span
              className="sub-title"
              data-aos="fade-up"
              data-aos-duration={900}
              data-aos-delay={300}
            >
              Elevate Every Interaction
            </span>
            <h2
              className="title"
              data-aos="fade-up"
              data-aos-duration={900}
              data-aos-delay={400}
            >
              Built-In brilliance discover the smart side of chat
            </h2>
            <p data-aos="fade-up" data-aos-duration={700} data-aos-delay={300}>
              Our AI chatbot is packed with intelligent features designed to
              make every interaction seamless, natural, and efficient
            </p>
          </div>

          <ChatFeature />
        </div>
      </section>
      {/* End feature-sec */}

      <FAQSection />
      <Footer />
    </div>
  );
}