Merge pull request #7742 from GSA/bc-contact-center-community-landing

Create contact center community landing page

content/communities/contact-center.md

@@ -0,0 +1,59 @@
+---
+slug: contact-center
+date: 2024-05-26 16:36:00 -0500
+title: Contact Center
+summary: "Explore methods of service delivery that improve customer experience in government contact centers."
+
+# See all topics at https://digital.gov/topics
+topics:
+  - contact-centers
+  - customer-experience
+
+event_cop:
+  - contact-center
+
+community_list:
+  - platform: listserv
+    type: government
+    subscribe_email: "[email protected]"
+    subscribe_email_subject: "Join the Contact center community"
+    terms: "Government employees and contractors with an official .gov or .mil email are eligible to join."
+    members: 1,000
+    join_cop_button: "Contact center community members"
+
+# Controls how this page appears across the site
+# 0 -- hidden
+# 1 -- visible
+weight: 1
+
+# Spotlight Digital.gov Communities of Practice (COP) at top of /communities
+dg_highlight: true
+dg_shortname: Contact Center
+dg_acronym: CC
+dg_logo: communities-contact-center.svg
+
+kicker: "Join the Contact center community"
+
+primary_image: "white-bg-digital-gov-card-community"
+---
+
+Government contact centers are often the primary means of communication between an organization and its customers. In government, contact centers often set expectations for satisfaction and trust across the customer experience. Simply put, the voice of the organization and the customer is fostered through the contact center experience.
+
+The Contact Center Community was founded for government contact center professionals to collaborate and improve the experience of citizens and customers when they contact federal, tribal, state, and local agencies.
+
+## What We Do
+
+Our mission is to share information and news, identify contact center best-in-class practices, and evaluate evolving contact center technologies.
+
+The educational forums and discussions help members find innovative methods to improve the customer experience with their agency’s contact centers. Members share ideas, ask questions, and request assistance on their agency’s projects through our community Listserv. All federal, tribal, local, and state government employees and contractors working towards best-in-class contact centers are invited to join the community.
+
+## Who We Are
+
+We are a collaborative interagency group of contact center professionals working together to improve government contact centers' performance, experience, and efficiency across federal, tribal, state, and local agencies.
+
+## Related Resources
+
+- [Topic: Contact centers](https://digital.gov/topics/contact-centers/)
+- [Contact center guidelines](https://digital.gov/resources/contact-center-guidelines/)
+- [Contact center technologies](https://digital.gov/resources/contact-center-guidelines/contact-center-technologies/)
+- [Customer experience](https://digital.gov/topics/customer-experience/)

themes/digital.gov/src/scss/new/home/_communities.scss

@@ -19,6 +19,7 @@
 }
 
 $communities-of-practice: (
+  "CC": color("blue-60v"),
   "FCN": color("magenta-50"),
   "ML": color("red-50"),
   "PL": color("blue-cool-60v"),
@@ -76,18 +77,18 @@ $communities-of-practice: (
   .usa-card {
     max-width: none !important;
 
-    // Make the first card wider for emphasis
-    &:first-child {
-      grid-column: 1 / 3;
-
-      .usa-button--outline {
-        box-shadow: inset 0 0 0 2px map.get($communities-of-practice, "WCM");
-        color: map.get($communities-of-practice, "WCM");
-        &:hover {
-          color: #fff;
-        }
-      }
-    }
+    // Make the first card wider for emphasis, commented out if needed in the future
+    // &:first-child {
+    //   grid-column: 1 / 3;
+
+    //   .usa-button--outline {
+    //     box-shadow: inset 0 0 0 2px map.get($communities-of-practice, "WCM");
+    //     color: map.get($communities-of-practice, "WCM");
+    //     &:hover {
+    //       color: #fff;
+    //     }
+    //   }
+    // }
   }
 
   .usa-card__media {