import type { Metadata } from "next";
import HeaderSection from "@/components/shared/HeaderSection";
import FeatureSection2 from "@/components/home/FeatureSection2";
import FooterSection from "@/components/shared/FooterSection";
import TemplatesHero from "@/components/templates/TemplatesHero";
import TemplatesGrid from "@/components/templates/TemplatesGrid";
import TemplatesCTA from "@/components/templates/TemplatesCTA";

// Import data

export const metadata: Metadata = {
  title: "Templates",
  description: "Ai-power Software Solutions",
};

export default function TemplatesPage() {
  return (
    <div className="wrapper">
      <HeaderSection />

      {/* hero-sec */}
      <TemplatesHero />
      {/* End hero-sec */}

      {/* project-sec2 */}
      <TemplatesGrid />
      <TemplatesCTA />
      {/* End project-sec2 */}

      <section className="main-sec2">
        <FeatureSection2 />
      </section>

      <FooterSection />
    </div>
  );
}