import type { Metadata } from "next";
import MobileMenu from "@/components/home/MobileMenu";
import SearchPopup from "@/components/home/SearchPopup";
import Header from "@/components/home/Header";
import FooterSection from "@/components/home/FooterSection";
import PageBanner from "@/components/shared/PageBanner";
import { pageBannerData } from "@/data/blog/pageBanner";
import BlogSection from "@/components/blog/BlogSection";

export const metadata: Metadata = {
  title: "Blog",
  description:
    "Stay updated with the latest fintech trends, insights, and news from the Sasico team.",
};

export default function Blog() {
  return (
    <div className="wrapper">
      <MobileMenu />
      <SearchPopup />
      <section className="main-sec2">
        <Header />
        <PageBanner {...pageBannerData} />
      </section>
      <BlogSection />
      <FooterSection />
    </div>
  );
}