Merge pull request #4005 from braze-inc/landing_page_tweaks

Landing page tweaks

_docs/_api/home.md

@@ -11,23 +11,23 @@ glossary_tag_name: Endpoint Type
 
 glossary_filter_text: "Select endpoint type to narrow the glossary:"
 
-glossary_mid_text: "<h2>Braze Endpoint Search</h2>"
+glossary_mid_text: "Endpoint Search"
 guide_featured_list:
-- name: Endpoints
-  fa_icon: fa-solid fa-laptop-code
-  link: /docs/api/endpoints/
-- name: Objects & Filters
-  link: /docs/api/objects_filters/
-  fa_icon: fa-solid fa-gear
 - name: API Overview
   fa_icon: fa-solid fa-info
   link: /docs/api/basics/
 - name: API Identifier Types
   link: /docs/api/identifier_types/
   fa_icon: fa-solid fa-clipboard-list
+- name: Objects & Filters
+  link: /docs/api/objects_filters/
+  fa_icon: fa-solid fa-gear
 - name: Errors & Responses
   link: /docs/api/errors/
   fa_icon: fa-solid fa-list-check
+- name: Data Retention
+  link: /docs/api/data_retention/
+  fa_icon: fa-solid fa-laptop-code
 - name: Rate Limits
   link: /docs/api/api_limits/
   fa_icon: fa-solid fa-hand

_docs/_docs_pages/index.md

@@ -39,7 +39,6 @@ doc_menu_list:
 popular_topic_list:
   - name: "Canvas: The Basics"
     link: /docs/user_guide/engagement_tools/canvas/get_started/the_basics/
-
   - name: Create a Campaign
     link: /docs/user_guide/engagement_tools/campaigns/ideas_and_strategies/active_user_campaigns/
   - name: Locations and Geofences
@@ -56,12 +55,12 @@ popular_topic_list:
     link: /docs/user_guide/engagement_tools/segments/creating_a_segment/
 
 helpful_resources_list:
-  - name: Braze Developer Portal
-    link: https://developer.braze.com
   - name: Innovation Statement
     link: /docs/innovation_statement/
   - name: Support & Success Services Handbook
     link: /docs/handbooks/
+  - name: Data Retention
+    link: /docs/api/data_retention/
   - name: Data Protection Technical Assistance
     link: /docs/dp-technical-assistance/
 ---

_docs/_help/home.md

@@ -1,6 +1,6 @@
 ---
 page_order: 0
-nav_title: Help
+nav_title: Home
 article_title: Braze Help
 layout: self_help
 help_top_header: "Braze Help"
@@ -12,22 +12,22 @@ description: "Welcome to the Braze self-help section! Here you'll find a variety
 resources_list:
   - name: Help Articles
     link: /docs/help/help_articles/overview/
-    image: /assets/img/pencil-paper.png
+    fa_icon: fa-solid fa-circle-info
   - name: Best Practices and FAQs
     link: /docs/help/faqs/
-    image: /assets/img/megaphone.png
+    fa_icon: fa-brands fa-readme
   - name: Release Notes
     link: /docs/help/release_notes/most_recent/
-    image: /assets/img/notebook.png
+    fa_icon: fa-solid fa-note-sticky
   - name: Braze Learning Login
     link: https://learning.braze.com/
-    image: /assets/img/icons/icon-lab.png
+    fa_icon: fa-solid fa-chalkboard-user
   - name: Media Resources
     link: https://www.youtube.com/channel/UCEXVTEWeAHx1OlddOMRTaOg
-    image: /assets/img/icons/icon-document-ribbon.png
+    fa_icon: fa-brands fa-youtube
   - name: Braze Support
     link: /docs/braze_support/
-    image: /assets/img/sign-in.png
+    fa_icon: fa-solid fa-envelope
 
 popular_topic_list:
   - name: Dispatch ID Behavior

_docs/_user_guide/administrative.md

@@ -12,16 +12,16 @@ guide_featured_title: "Popular Topics"
 guide_featured_list:
 - name: Access Braze
   link: /docs/user_guide/administrative/access_braze/
-  fa_icon: fas fa-user-circle
+  fa_icon: fa-solid fa-arrow-right-to-bracket
 - name: Company Settings
   link: /docs/user_guide/administrative/company_settings/
-  fa_icon: fas fa-table
+  fa_icon: fa-regular fa-building
 - name: Manage Your Braze Users
   link: /docs/user_guide/administrative/manage_your_braze_users/
-  fa_icon: fas fa-street-view
+  fa_icon: fa-solid fa-users
 - name: Settings
   link: /docs/user_guide/administrative/app_settings/
-  fa_icon: fas fa-mobile
+  fa_icon: fa-solid fa-gears
 ---
 
 <br> 

_docs/_user_guide/introduction.md

@@ -10,19 +10,19 @@ description: "Meet us at the intersection of art and science. Find us in the mom
 
 user_menu_list:
   - name: Manage Your Account
-    image: /assets/img/gear2.png
-    bg_color: '#75dbe7'
+    image: /assets/img/new-icons/gears.svg
+    bg_color: '#e3f8fa'
     link: /docs/user_guide/administrative/manage_your_braze_users/company-wide_settings_management/
     description: Manage your company settings, users, and more!
   - name: Logging Into Braze
-    image: /assets/img/arrow.png
-    bg_color: '#f9b2b0'
+    image: /assets/img/new-icons/right-arrow.svg
+    bg_color: '#fce0df'
     link: /docs/user_guide/administrative/access_braze/getting_your_account/
     description: Log into our platform!
   - name: Create a Canvas
-    bg_color: '#ffb380'
+    bg_color: '#ffe1cc'
     link: /docs/user_guide/engagement_tools/canvas/create_a_canvas/create_a_canvas/
-    image: /assets/img/diagram.png
+    image: /assets/img/new-icons/users2.svg
     description: Are you ready to start building a customer journey? We'll guide you through it.
 
 popular_topic_list:

_docs/_user_guide/message_building_by_channel.md

@@ -12,26 +12,25 @@ guide_featured_title: "Available channels"
 guide_featured_list:
 - name: Content Cards
   link: /docs/user_guide/message_building_by_channel/content_cards/
-  image: /assets/img/cc_icon.png
+  fa_icon: fa-solid fa-table-list
 - name: Email Messaging
   link: /docs/user_guide/message_building_by_channel/email/
-  image: /assets/img/email_icon.png
+  fa_icon: fa-solid fa-envelope
 - name: "In-App Messaging"
   link: /docs/user_guide/message_building_by_channel/in-app_messages/
-  image: /assets/img/in-app_message_icon.png
+  fa_icon: fa-regular fa-comment-dots
 - name: News Feed
   link: /docs/user_guide/engagement_tools/news_feed/
-  image: /assets/img/nf_icon.png
+  fa_icon: fa-solid fa-newspaper
 - name: Push Messaging
   link: /docs/user_guide/message_building_by_channel/push/
-  image: /assets/img/push_icon.png
+  fa_icon: fa-solid fa-mobile-screen-button
 - name: SMS & MMS
   link: /docs/user_guide/message_building_by_channel/sms/
-  image: /assets/img/sms_icon.png
+  fa_icon: fa-solid fa-comment-sms
 - name: Webhooks
   link: /docs/user_guide/message_building_by_channel/webhooks/
-  image: /assets/img/webhook_icon.png
-
+  fa_icon: fa-solid fa-arrows-spin
 ---
 
 ## Choosing a message channel

_docs/_user_guide/personalization_and_dynamic_content.md

@@ -24,13 +24,13 @@ guide_featured_list:
   fa_icon: fas fa-mobile
 - name: "Key-Value Pairs"
   link: /docs/user_guide/personalization_and_dynamic_content/key_value_pairs/
-  fa_icon: far fa-dot-circle
+  fa_icon: fa-solid fa-key
 - name: Content Blocks
   link: /docs/user_guide/engagement_tools/templates_and_media/content_blocks/
   fa_icon: fas fa-columns
 - name: Promotion Codes
   link: /docs/user_guide/personalization_and_dynamic_content/promotion_codes/
-  fa_icon: fas fa-server
+  fa_icon: fa-solid fa-tag
 - name: Canvas Persistent Entry Properties
   link: /docs/user_guide/engagement_tools/canvas/create_a_canvas/canvas_persistent_entry_properties/
   fa_icon: fas fa-project-diagram

_docs/_user_guide/predictive_suite.md

@@ -15,7 +15,7 @@ guide_featured_list:
   fa_icon: fas fa-cogs
 - name: Predictive Purchases
   link: /docs/user_guide/predictive_suite/predictive_purchases/
-  fa_icon: fas fa-cogs
+  fa_icon: fa-solid fa-cart-shopping
 ---
 
 <br><br>

_layouts/api_glossary.html

@@ -279,8 +279,8 @@ <h1> {{ page.glossary_top_header }} </h1>
         </a>
         {%- endif %}
       {%- endfor -%}
+      <b class="glossary_text">  {{ page.glossary_mid_text }} </b>
     </div>
-    <p class="glossary_text">  {{ page.glossary_mid_text }} </p>
     <div id="glossary_filter">
         <input id="glossary_search" type="search" placeholder="Search" />
         <div id="glossary_filter_titlev2">{{ page.glossary_filter_text }}</div>

assets/css/_glossary_page.scss

@@ -89,6 +89,12 @@
     width: 100%;
     display: flex;
     flex-wrap: wrap;
+    b {
+      color: $black-shark;
+      font-family: $braze-medium;
+      font-size: 30px;
+    }
+
     .guide_item {
 
       width: 100%;
@@ -101,7 +107,7 @@
       margin-top: auto;
       margin-bottom: auto;
       font-family: $braze-regular;
-      height: 80px;
+      height: 60px;
       overflow: hidden;
       align-items: center;
       img {
@@ -135,7 +141,7 @@
       border: 1px solid $grey-ghost;
       box-shadow: 0 0 6px 0 rgba(32,32,36,0.12);
       border-radius: 2px;
-      margin-bottom: 2%;
+      margin-bottom: 30px;
 
       flex: 0 0 100%;