import { Metadata } from 'next';
import Header from "@/components/shared/layout/header/Header";
import BlogItems from "@/components/pages/blog/BlogItems";
import Footer from "@/components/shared/layout/footer/Footer";
import BlogScrollProgressButton from "@/components/pages/blog/BlogScrollProgressButton";
import BlogInitAnimations from "@/components/pages/blog/BlogInitAnimations";
import { generateMetadata as createMetadata } from "@/lib/seo/metadata";

export const metadata: Metadata = createMetadata({
  title: "Insights & Blog - Technology Trends & Best Practices",
  description: "Stay updated with the latest insights on enterprise software development, technology trends, best practices, and industry news from GNX Soft's expert team.",
  keywords: [
    "Technology Blog",
    "Software Development Insights",
    "Tech Trends",
    "Enterprise Software Blog",
    "Development Best Practices",
    "Industry News",
  ],
  url: "/insights",
});

const page = () => {
  return (
    <div className="tp-app">
      <Header />
      <main>
        <BlogItems />
      </main>
      <Footer />
      <BlogScrollProgressButton />
      <BlogInitAnimations />
    </div>
  );
};

export default page;