diff --git a/client/a8c-for-agencies/components/sidebar-menu/hooks/use-main-menu-items.ts b/client/a8c-for-agencies/components/sidebar-menu/hooks/use-main-menu-items.tsx similarity index 97% rename from client/a8c-for-agencies/components/sidebar-menu/hooks/use-main-menu-items.ts rename to client/a8c-for-agencies/components/sidebar-menu/hooks/use-main-menu-items.tsx index a5c5d3613bdb7..224ad10f6ee2c 100644 --- a/client/a8c-for-agencies/components/sidebar-menu/hooks/use-main-menu-items.ts +++ b/client/a8c-for-agencies/components/sidebar-menu/hooks/use-main-menu-items.tsx @@ -14,6 +14,7 @@ import { import { useTranslate } from 'i18n-calypso'; import { useMemo } from 'react'; import { isPathAllowed } from 'calypso/a8c-for-agencies/lib/permission'; +import Badge from 'calypso/components/badge'; import { isSectionNameEnabled } from 'calypso/sections-filter'; import { useSelector } from 'calypso/state'; import { getActiveAgency } from 'calypso/state/a8c-for-agencies/agency/selectors'; @@ -199,6 +200,7 @@ const useMainMenuItems = ( path: string ) => { path: '/', link: A4A_AGENCY_TIER_LINK, title: translate( 'Agency Tier' ), + extraContent: { translate( 'beta' ) }, trackEventProps: { menu_item: 'Automattic for Agencies / Agency Tier', }, diff --git a/client/a8c-for-agencies/sections/agency-tier/lib/get-agency-tier-info.tsx b/client/a8c-for-agencies/sections/agency-tier/lib/get-agency-tier-info.tsx index ac8e847358f13..253033517f1b6 100644 --- a/client/a8c-for-agencies/sections/agency-tier/lib/get-agency-tier-info.tsx +++ b/client/a8c-for-agencies/sections/agency-tier/lib/get-agency-tier-info.tsx @@ -13,11 +13,11 @@ const getAgencyTierInfo = ( translate: ( key: string, args?: Record< string, unknown > ) => string ) => { let tierInfo: AgencyTierInfo = { - title: translate( 'Make your {{b}}first purchase{{/b}} to {{b}}activate your account{{/b}}', { + title: translate( '{{b}}Activate your account{{/b}} by {{b}}making your first purchase{{/b}}', { components: { b: }, } ), fullTitle: translate( - '{{label}}Make your first purchase to{{/label}} {{title}}Activate your Account{{/title}}', + '{{title}}Activate your account{{/title}} {{label}}by making your first purchase{{/label}}', { components: { label:
, @@ -50,14 +50,14 @@ const getAgencyTierInfo = ( { args: { amount: '$1,200' }, comment: 'Amount of revenue' } ), description: translate( - 'Progress towards the Agency Partner tier and access extra benefits with additional purchases and referrals.' + 'Progress towards the Agency Partner Tier and access extra benefits with additional purchases and referrals.' ), logo: EmergingPartnerLogo, includedTiers: [ 'emerging-partner' ], celebrationModal: { - title: translate( 'You made your first purchase, your account is now activated!' ), + title: translate( "Woo-hoo! You've made your first purchase." ), description: translate( - 'Progress towards the Agency Partner tier and access extra benefits with additional purchases and referrals.' + "Your account is now activated, and you're on your way to reaching the next tier of benefits: Agency Partner." ), video: 'https://automattic.com/wp-content/uploads/2024/10/emerging_partner_tier_celebration.mp4', @@ -91,13 +91,12 @@ const getAgencyTierInfo = ( logo: AgencyPartnerLogo, includedTiers: [ 'emerging-partner', 'agency-partner' ], celebrationModal: { - title: translate( "Congratulations! You've reached the Partner tier!" ), + title: translate( "Congrats! You've reached the Agency Partner Tier." ), description: translate( "You've reached at least $1,200 in influenced revenue and have unlocked these additional benefits:" ), benefits: [ - translate( 'Inclusion in agency directories.' ), - translate( 'A free WordPress.com and Pressable site.' ), + translate( 'Eligibility for inclusion in our agency directories.' ), translate( 'Early access to new Automattic products and features.' ), ], video: @@ -126,9 +125,9 @@ const getAgencyTierInfo = ( logo: ProAgencyPartnerLogo, includedTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ], celebrationModal: { - title: translate( "Congratulations, you've reached the Pro Partner tier!" ), + title: translate( "Congratulations, you've reached the Pro Partner Tier!" ), description: translate( - "You've influenced at least $5,000 in Automattic revenue and have unlocked these additional benefits:" + "You've reached top-tier status and unlocked these additional benefits:" ), benefits: [ translate( 'A dedicated partner manager and priority support access.' ), diff --git a/client/a8c-for-agencies/sections/agency-tier/lib/get-tier-benefits.ts b/client/a8c-for-agencies/sections/agency-tier/lib/get-tier-benefits.ts index 828879deccbb4..6603e46768df3 100644 --- a/client/a8c-for-agencies/sections/agency-tier/lib/get-tier-benefits.ts +++ b/client/a8c-for-agencies/sections/agency-tier/lib/get-tier-benefits.ts @@ -11,40 +11,42 @@ interface Benefit { const getTierBenefits = ( translate: ( key: string ) => string ): Benefit[] => [ { - title: translate( 'Sales Training & Resources' ), + title: translate( 'Tools & Platforms' ), description: translate( - 'Foundational product training, marketing materials, and advanced sales training.' + 'Intuitive agency dashboard for streamlined client billing, and client and product management.' ), - features: [ - translate( 'Pro partners eligible to receive advanced sales training upon request.' ), - ], - isComingSoon: true, + features: [], + isComingSoon: false, + availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ], + }, + { + title: translate( 'Earning Opportunities' ), + description: translate( + "All partners get access to referral and reseller earning opportunities across all of Automattic's suite of products." + ), + features: [], + isComingSoon: false, availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ], }, { title: translate( 'Support' ), description: preventWidows( - translate( 'Program support, priority product support*, and dedicated partner managers*.' ) - ), - features: [ translate( - 'Pro partners receive access to assigned partner manager & priority support across Automattic products.' - ), - ], - isComingSoon: true, + 'All program partners receive unified program and product support. Pro partners receive access to priority support across Automattic products.' + ) + ), + features: [], + isComingSoon: false, availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ], }, { - title: translate( 'Earning & Growth Opportunities' ), + title: translate( 'Training & Resources' ), description: translate( - 'Reseller and referral earning opportunities, access to leads generated through agency directory listing(s)*, and pre-qualified leads from Automattic sales teams*.' + 'Foundational product training, education and best practices on growing your agency, marketing materials, and advanced sales training*.' ), features: [ translate( - 'Agency Partners eligible to receive leads generated through agency directory listings.' - ), - translate( - 'Pro Partners eligible to receive pre-qualified leads from Automattic sales teams when opportunities arise as well as leads generated through agency directory listings.' + 'Pro partners eligible to receive advanced sales training and strategic consulting upon request.' ), ], isComingSoon: true, @@ -53,41 +55,67 @@ const getTierBenefits = ( translate: ( key: string ) => string ): Benefit[] => [ { title: translate( 'Networking & Community' ), description: translate( - 'Access to Automattic community platforms and advisory board* for strategic insights.' + "Access Automattic's community platforms and network with like-minded agencies." ), - features: [ - translate( 'Pro partners eligible to receive invitation to join Automattic Advisory Board.' ), - ], + features: [], isComingSoon: true, availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ], }, { - title: translate( 'Tools & Platforms' ), - description: translate( - 'Agency dash for streamlined client billing, program and product management, and free agency site on WordPress.com or Pressable*.' + title: translate( 'Directory Visibility & Badging' ), + description: preventWidows( + translate( + "Eligible for inclusion in Automattic's agency directories and increased exposure to potential clients." + ) ), - features: [ - translate( 'Agency partners receive a free WordPress.com and a Pressable site.' ), - translate( 'Pro partners receive a free WordPress.com and a Pressable site.' ), - ], - isComingSoon: true, - availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ], + features: [], + isComingSoon: false, + availableTiers: [ 'agency-partner', 'pro-agency-partner' ], }, { - title: translate( 'Visibility & Marketing' ), - description: preventWidows( - translate( 'Inclusion in agency directories and co-marketing opportunities*.' ) + title: translate( 'Early Access' ), + description: translate( + 'Early access to new Automattic products and features (as available), and opportunities to contribute to the product roadmap.' ), - features: [ translate( 'Pro partners eligible for co-marketing opportunities.' ) ], - isComingSoon: true, + features: [], + isComingSoon: false, availableTiers: [ 'agency-partner', 'pro-agency-partner' ], }, { - title: translate( 'Special Features' ), - description: translate( 'Early access to new Automattic Products and features.' ), + title: translate( 'Co-Marketing' ), + description: translate( + 'Pro Agency Partners are eligible to participate in co-marketing activities with Automattic and our suite of brands, including case studies, co-branded campaigns, and other marketing opportunities as they arise.' + ), features: [], - isComingSoon: true, - availableTiers: [ 'emerging-partner', 'agency-partner', 'pro-agency-partner' ], + isComingSoon: false, + availableTiers: [ 'pro-agency-partner' ], + }, + { + title: translate( 'Pre-Qualified Sales Leads' ), + description: translate( + 'Pro Partners eligible to receive pre-qualified leads from Automattic sales teams when opportunities arise as well as leads generated through agency directory listings.' + ), + features: [], + isComingSoon: false, + availableTiers: [ 'pro-agency-partner' ], + }, + { + title: translate( 'Dedicated Agency Partner Manager' ), + description: translate( + 'Pro partners receive access to an assigned agency partner manager for strategic guidance.' + ), + features: [], + isComingSoon: false, + availableTiers: [ 'pro-agency-partner' ], + }, + { + title: translate( 'Automattic Advisory Board' ), + description: translate( + "Pro partners are eligible to receive an invitation to the Automattic for Agencies advisory board to influence the program and Automattic's products." + ), + features: [], + isComingSoon: false, + availableTiers: [ 'pro-agency-partner' ], }, ]; diff --git a/client/a8c-for-agencies/sections/agency-tier/primary/agency-tier-overview/index.tsx b/client/a8c-for-agencies/sections/agency-tier/primary/agency-tier-overview/index.tsx index 270b47f5529d9..a0c0a9a199586 100644 --- a/client/a8c-for-agencies/sections/agency-tier/primary/agency-tier-overview/index.tsx +++ b/client/a8c-for-agencies/sections/agency-tier/primary/agency-tier-overview/index.tsx @@ -6,7 +6,6 @@ import Layout from 'calypso/a8c-for-agencies/components/layout'; import LayoutBody from 'calypso/a8c-for-agencies/components/layout/body'; import LayoutHeader, { LayoutHeaderTitle as Title, - LayoutHeaderSubtitle as Subtitle, LayoutHeaderActions as Actions, } from 'calypso/a8c-for-agencies/components/layout/header'; import LayoutTop from 'calypso/a8c-for-agencies/components/layout/top'; @@ -27,7 +26,7 @@ export default function AgencyTierOverview() { const agency = useSelector( getActiveAgency ); - const title = translate( 'Agency Tiers' ); + const title = translate( 'Agency Tier and benefits' ); const benefits = getTierBenefits( translate ); const currentAgencyTier = agency?.tier?.id; @@ -47,9 +46,6 @@ export default function AgencyTierOverview() { { title } - - { translate( 'Experience the rewards of selling Automattic products and hosting.' ) } - { showDownloadBadges && } @@ -149,7 +145,7 @@ export default function AgencyTierOverview() { { translate( 'Take a closer look' ) }
- { translate( 'Explore the benefits of using Automattic for Agencies' ) } + { translate( 'Experience the benefits of being an Automattic Agency Partner' ) }
{ benefits.map( ( benefit ) => ( diff --git a/client/a8c-for-agencies/sections/overview/sidebar/agency-tier/index.tsx b/client/a8c-for-agencies/sections/overview/sidebar/agency-tier/index.tsx index 426ab44765635..a24355f43c8a1 100644 --- a/client/a8c-for-agencies/sections/overview/sidebar/agency-tier/index.tsx +++ b/client/a8c-for-agencies/sections/overview/sidebar/agency-tier/index.tsx @@ -37,7 +37,7 @@ export default function OverviewSidebarAgencyTier() { - { translate( 'Explore tiers and benefits' ) } + { translate( 'Explore Tiers and benefits' ) }