import { Squares2X2Icon } from "@heroicons/react/24/outline";
import { PageLayout } from "@/components/templates/PageLayout";
import { ServicesOverviewContent } from "@/features/services/components/common/ServicesOverviewContent";

/**
 * AccountServicesOverview - Authenticated user's services landing page.
 *
 * Shows available services for the logged-in user with the same rich
 * design as the public page, linking to account-specific service pages.
 * Uses PageLayout for consistent account page header and navigation.
 */
export function AccountServicesOverview() {
  return (
    <PageLayout
      icon={<Squares2X2Icon />}
      title="Services"
      description="Browse and order connectivity services"
    >
      <ServicesOverviewContent basePath="/account/services" showHero={false} />
    </PageLayout>
  );
}
