import { Navbar } from "@/components/sections/Navbar";
import { PageTitleBanner } from "@/components/shared/PageTitleBanner";
import { MarqueeStrip } from "@/components/sections/MarqueeStrip";
import { ContactFormSection } from "@/components/shared/ContactFormSection";
import { PartnerLogosSection } from "@/components/shared/PartnerLogosSection";

import { ServiceCardsGrid } from "@/components/sections/services/ServiceCardsGrid";
import { ServiceFeaturesSection } from "@/components/sections/services/ServiceFeaturesSection";
import { DeliveryPrinciplesSection } from "@/components/sections/services/DeliveryPrinciplesSection";
import { EngagementModelsSection } from "@/components/sections/services/EngagementModelsSection";

export const metadata = {
  title: "Services",
  description:
    "Technology engineering, cloud, AI & data science, enterprise mobility, and digital commerce services for enterprises.",
};

export default function ServicesPage() {
  return (
    <>
      <Navbar />
      <main className="min-h-screen bg-tenext-dark">
        <PageTitleBanner
          title="Services"
          breadcrumbs={[{ label: "Home", href: "/" }, { label: "Services" }]}
        />
        <ServiceCardsGrid />
        <MarqueeStrip text="/ Building the digital backbone for enterprises across industries." />
        <ServiceFeaturesSection />
        <DeliveryPrinciplesSection />
        <EngagementModelsSection />
        <PartnerLogosSection />
        <ContactFormSection />
      </main>
    </>
  );
}
