<PageHeaderRoot size="default">
  <PageHeaderMeta>
    <PageHeaderSummary>
      <PageHeaderTitle>تنظیمات حساب</PageHeaderTitle>
      <PageHeaderDescription>اطلاعات پروفایل و تنظیمات امنیتی</PageHeaderDescription>
    </PageHeaderSummary>
  </PageHeaderMeta>
</PageHeaderRoot>

<PageContainer size="default">
  <PageSection>
    <PageSectionMeta>
      <PageSectionSummary>
        <PageSectionTitle>اطلاعات پروفایل</PageSectionTitle>
      </PageSectionSummary>
    </PageSectionMeta>
    <PageSectionContent>{/* فرم تنظیمات */}</PageSectionContent>
  </PageSection>
</PageContainer>

<PageHeaderRoot size="large">
  <PageHeaderMeta>
    <PageHeaderSummary>
      <PageHeaderTitle>اینفلوئنسرها</PageHeaderTitle>
    </PageHeaderSummary>
    <PageHeaderAside>
      <Button>اینفلوئنسر جدید</Button>
    </PageHeaderAside>
  </PageHeaderMeta>
</PageHeaderRoot>

<PageContainer size="large">
  <PageSection>
    <PageSectionContent>{/* جدول یا گرید اینفلوئنسرها */}</PageSectionContent>
  </PageSection>
</PageContainer>

<PageHeaderRoot size="full">
  <PageHeaderMeta>
    <PageHeaderSummary>
      <PageHeaderTitle>داشبورد سوشال لیسنینگ</PageHeaderTitle>
    </PageHeaderSummary>
    <PageHeaderAside>
      <PeriodSelector />
    </PageHeaderAside>
  </PageHeaderMeta>
</PageHeaderRoot>

<PageContainer size="full">
  <PageSection>
    <PageSectionContent>{/* نمودارها و متریک‌ها */}</PageSectionContent>
  </PageSection>
</PageContainer>

<PageBreadcrumbs>
  <BreadcrumbList>
    <BreadcrumbItem>
      <BreadcrumbLink href="/influencers">اینفلوئنسرها</BreadcrumbLink>
    </BreadcrumbItem>
    <BreadcrumbItem>
      <BreadcrumbPage>علی احمدی</BreadcrumbPage>
    </BreadcrumbItem>
  </BreadcrumbList>
</PageBreadcrumbs>

<PageHeaderRoot size="large">
  <PageHeaderMeta>
    <PageHeaderSummary>
      <PageHeaderTitle>پروفایل اینفلوئنسر</PageHeaderTitle>
    </PageHeaderSummary>
  </PageHeaderMeta>
</PageHeaderRoot>

<PageContainer size="large">
  <PageSection orientation="horizontal">
    {/* ستون باریک (1fr): خلاصه و پلتفرم‌ها */}
    <PageSectionMeta>
      <PageSectionSummary>
        <PageSectionTitle>خلاصهٔ پروفایل</PageSectionTitle>
        <PageSectionDescription>اطلاعات کلی و پلتفرم‌ها</PageSectionDescription>
      </PageSectionSummary>
    </PageSectionMeta>
    {/* ستون پهن (2fr): محتوای اصلی — نمودارها و آمار */}
    <PageSectionContent>{/* نمودارها و آمار */}</PageSectionContent>
  </PageSection>
</PageContainer>

<PageContainer size="small" | "default" | "large" | "full">{/* محتوا */}</PageContainer>

<PageHeaderRoot size="default">
  <PageHeaderMeta>
    <PageHeaderSummary>
      <PageHeaderTitle>عنوان صفحه</PageHeaderTitle>
      <PageHeaderDescription>توضیح صفحه</PageHeaderDescription>
    </PageHeaderSummary>
    <PageHeaderAside>
      <Button>اقدام اصلی</Button>
    </PageHeaderAside>
  </PageHeaderMeta>
</PageHeaderRoot>

<PageSection orientation="vertical" | "horizontal">
  <PageSectionMeta>
    <PageSectionSummary>
      <PageSectionTitle>عنوان بخش</PageSectionTitle>
      <PageSectionDescription>توضیح بخش</PageSectionDescription>
    </PageSectionSummary>
    <PageSectionAside>
      <Button variant="outline">اقدام بخش</Button>
    </PageSectionAside>
  </PageSectionMeta>
  <PageSectionContent>{/* محتوای اصلی — فرم، جدول، گرید */}</PageSectionContent>
</PageSection>