import type { Metadata } from "next";
import Header from "@/components/shared/Header";
import AboutSection from "@/components/common/AboutSection";
import ServicesSection from "@/components/common/ServicesSection";
import BenefitsSection from "@/components/common/BenefitsSection";
import ChatSection from "@/components/common/ChatSection";
import Footer from "@/components/shared/Footer";
import HeroSection from "@/components/feature/HeroSection";

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

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

        {/* page-banner */}
        <HeroSection />
        {/* End page-banner */}
      </section>
      <AboutSection />
      <section className="chat-sec space-bottom">
        <ChatSection />
      </section>

      <section className="benefit-sec v2 space">
        <BenefitsSection />
      </section>

      <section className="feature-sec3 space">
        <ServicesSection />
      </section>

      <Footer />
    </div>
  );
}