import { Metadata } from 'next';
import Header from "@/components/shared/layout/header/Header";
import ServicesBanner from "@/components/pages/services/ServicesBanner";
import ServiceMain from "@/components/pages/services/ServiceMain";
import Footer from "@/components/shared/layout/footer/Footer";
import ServicesScrollProgressButton from "@/components/pages/services/ServicesScrollProgressButton";
import ServicesInitAnimations from "@/components/pages/services/ServicesInitAnimations";
import { generateMetadata as createMetadata } from "@/lib/seo/metadata";

export const metadata: Metadata = createMetadata({
  title: "Our Services - Enterprise Software Development",
  description: "Explore our comprehensive range of enterprise software development services including custom software, data replication, incident management, AI business intelligence, backend & frontend engineering, and systems integration.",
  keywords: [
    "Software Development Services",
    "Custom Software Development",
    "Data Replication",
    "Incident Management SaaS",
    "AI Business Intelligence",
    "Backend Engineering Services",
    "Frontend Development",
    "Systems Integration Services",
  ],
  url: "/services",
});

const page = () => {
  return (
    <div className="enterprise-app">
      <Header />
      <main className="enterprise-main">
        <ServicesBanner />
        <ServiceMain />
      </main>
      <Footer />
      <ServicesScrollProgressButton />
      <ServicesInitAnimations />
    </div>
  );
};

export default page;