import MainSec3Footer from "@/components/common/main-sec3-footer";
import SiteHeader from "@/components/common/site-header";
import type { Metadata } from "next";
import BlogHero from "@/components/blog/BlogHero";
import BlogGrid from "@/components/blog/BlogGrid";
import BlogPagination from "@/components/blog/BlogPagination";
import BlogSidebar from "@/components/blog/BlogSidebar";

export const metadata: Metadata = {
  title: "News",
  description: "Articles and updates — mapped from blog-standard.html",
};

export default function BlogStandardPage() {
  return (
    <>
      <SiteHeader />
      {/* main-sec4 */}
      <section className="main-sec4 v2">
        <BlogHero />

        {/* blog-sec2 */}
        <div className="blog-sec2 space">
          <div className="carousel-container">
            <div className="row">
              <div className="col-lg-8">
                <BlogGrid />
                <BlogPagination />
              </div>
              <div className="col-lg-4">
                <BlogSidebar />
              </div>
            </div>
          </div>
        </div>
        {/* End blog-sec2 */}
      </section>
      {/* End main-sec4 */}
      <MainSec3Footer />
    </>
  );
}