import { Navbar } from "@/components/sections/Navbar";
import { PageTitleBanner } from "@/components/shared/PageTitleBanner";
import { MarqueeStrip } from "@/components/sections/MarqueeStrip";
import { AnchoredCardGrid } from "@/components/shared/AnchoredCardGrid";
import { PreFooterCTA } from "@/components/shared/PreFooterCTA";
import { solutions } from "@/data/site-pages";

export const metadata = {
  title: "Solutions",
  description:
    "Digital transformation, product development, IoT, SMAC, DevOps, and blockchain solutions engineered for enterprise outcomes.",
};

export default function SolutionsPage() {
  return (
    <>
      <Navbar />
      <main className="bg-white">
        <PageTitleBanner
          title="Solutions"
          breadcrumbs={[{ label: "Home", href: "/" }, { label: "Solutions" }]}
        />
        <AnchoredCardGrid
          tag="[ solutions ]"
          title="Mapping capability to your business problems"
          description="We pair engineering depth with a diagnostic approach, so every solution fits your existing systems and delivers measurable value."
          items={solutions}
        />
        <MarqueeStrip text="/ Building the digital backbone for enterprises across industries." />
        <PreFooterCTA />
      </main>
    </>
  );
}
