Adds "intro" key to front matter for intro paragraph

sass/_uswds-theme-custom-styles.scss

@@ -44,6 +44,11 @@ html, body {
    flex: 1 0 auto;
 }
 
+.usa-intro {
+   @include u-font('sans', $theme-type-scale-lg);
+   @include u-color('base-darker');
+}
+
 /* global h4 headings are sans */
 
 h4 {
@@ -54,4 +59,4 @@ h4 {
    h4 {
       @include u-font('sans', $theme-type-scale-sm)
    }
-}
+}

src/content/about/benefits.md

@@ -1,6 +1,7 @@
 ---
 title: Benefits of the Program
 description: "Some of the benefits customers can expect when they choose GSA SmartPay."
+intro: "Some of the benefits for customers using GSA SmartPay® solutions as a payment method include:"
 order: 1
 category: about
 tags:
@@ -9,8 +10,6 @@ tags:
   - refunds
 ---
 
-Some of the benefits for customers using GSA SmartPay® solutions as a payment method include:
-
 ## Cost Savings Realized
 
 Customers have the opportunity to realize administrative cost savings through payment efficiencies. In FY22 alone, the estimated administrative savings for the purchase card was $1.34 billion per year ($70 per transaction) when used in place of a written purchase order. In addition, agencies pay no direct fees to use GSA SmartPay solutions.

src/content/about/business-lines.md

@@ -1,6 +1,7 @@
 ---
 title: Business Lines
 description: "GSA SmartPay business lines include purchase, travel, fleet, tax advantage, and integrated."
+intro: "There are several business lines associated with the GSA SmartPay® program."
 order: 2
 category: about
 tags:
@@ -14,8 +15,6 @@ tags:
 
 <!--Needs card images. Proposed layout is two column (or image floats).-->
 
-There are several business lines associated with the GSA SmartPay® program.
-
 ## Purchase
 
 **Use**  

src/content/about/logos.mdx

@@ -1,6 +1,7 @@
 ---
 title: Logos and Designs
 description: GSA SmartPay brand logos and card designs.
+intro: "The following graphics may be printed or downloaded to indicate an agency’s use, or a business’s acceptance, of GSA SmartPay® payment solutions:"
 order: 5
 category: about
 tags:
@@ -9,8 +10,6 @@ tags:
   - about
 ---
 
-The following graphics may be printed or downloaded to indicate an agency’s use, or a business's acceptance, of GSA SmartPay® payment solutions:
-
 <table class="usa-table usa-table--borderless">
   <thead>
     <tr>

src/content/about/statistics-and-reports.md

@@ -1,6 +1,7 @@
 ---
 title: Statistics and Reports
 description: "We offer statistics and monthly reporting on spend, transactions, and the number of account holders."
+intro: "We offer statistics and monthly reporting on spend, transactions, and the number of account holders."
 order: 7
 category: about
 tags:
@@ -10,8 +11,6 @@ tags:
 sidenav: about
 ---
 
-We offer statistics and monthly reporting on spend, transactions, and the number of account holders.
-
 ---
 
 ## Program Statistics

src/content/how-it-works/eligibility.md

@@ -1,6 +1,7 @@
 ---
 title: Eligibility and the Application Process
 description: "Who is eligible and how to apply for GSA SmartPay solutions."
+intro: "Eligibility for the program is determined by the GSA SmartPay® Contracting Officer."
 order: 1
 category: how it works
 tags:
@@ -9,7 +10,7 @@ tags:
   - master contract
 ---
 
-Eligibility for the program is determined by the GSA SmartPay® Contracting Officer. Federal agencies, departments, tribal organizations and approved non-federal entities (including those eligible to use GSA sources of supply and/or cost-reimbursable contractors) can apply to obtain GSA SmartPay payment solutions. Further eligibility information can be found in section C.2.1.1 of the [GSA SmartPay 3 Master Contract](/about/master-contract/).
+Federal agencies, departments, tribal organizations and approved non-federal entities (including those eligible to use GSA sources of supply and/or cost-reimbursable contractors) can apply to obtain GSA SmartPay payment solutions. Further eligibility information can be found in section C.2.1.1 of the [GSA SmartPay 3 Master Contract](/about/master-contract/).
 
 For those eligible to apply, contact your agency/organization program coordinator (A/OPC) to obtain and submit an application for the GSA SmartPay account. Please note:
 

src/content/how-it-works/index.md

@@ -1,6 +1,7 @@
 ---
 title: How GSA SmartPay® Works
 description: "The GSA SmartPay program is the world’s largest government charge card and commercial payment solutions program."
+intro: "Through the GSA SmartPay 3 Master Contract, the GSA SmartPay program provides agencies/organizations with a comprehensive portfolio of purchase, travel, fleet and integrated payment solutions to support mission needs."
 slug: "./"
 order: 0
 category: how it works
@@ -9,8 +10,6 @@ tags:
   - master contract
 ---
 
-Through the GSA SmartPay 3 Master Contract, the GSA SmartPay program provides agencies/organizations with a comprehensive portfolio of purchase, travel, fleet and integrated payment solutions to support mission needs.
-
 Agencies/organizations issue a task order under the GSA SmartPay 3 Master Contract to one of the GSA SmartPay contractor banks, Citibank or U.S. Bank. Then, the awarded bank provides payment solutions to the agency.
 
 GSA SmartPay transactions involve the account holder, chosen payment solution, acquiring bank, issuing bank, brand network, and merchant.

src/pages/about/[...slug].astro

@@ -28,6 +28,13 @@ const { Content, headings } = await entry.render();
   />
   <div class="usa-layout-docs__main desktop:grid-col-8 usa-prose usa-layout-docs">
     <h1>{ entry.data.title }</h1>
+
+    { entry.data.intro && ( 
+      <p class="usa-intro">
+        { entry.data.intro }
+      </p>
+    )}
+
     <Content />
 </div>
 </PageLayout>