-
Notifications
You must be signed in to change notification settings - Fork 2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
A4A: Implement Pressable hosting section v3. (#97236)
- Loading branch information
1 parent
9f9112a
commit 42c4698
Showing
5 changed files
with
143 additions
and
12 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
104 changes: 104 additions & 0 deletions
104
...sections/marketplace/hosting-overview-v3/hosting-content/premier-agency-hosting/index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,104 @@ | ||
| import { JetpackLogo } from '@automattic/components'; | ||
| import { useTranslate } from 'i18n-calypso'; | ||
| import { BackgroundType10 } from 'calypso/a8c-for-agencies/components/page-section/backgrounds'; | ||
| import ProfileAvatar1 from 'calypso/assets/images/a8c-for-agencies/hosting/premier-testimonial-1.png'; | ||
| import ProfileAvatar2 from 'calypso/assets/images/a8c-for-agencies/hosting/premier-testimonial-2.png'; | ||
| import { useDispatch } from 'calypso/state'; | ||
| import { recordTracksEvent } from 'calypso/state/analytics/actions'; | ||
| import HostingAdditionalFeaturesSection from '../../../common/hosting-additional-features-section'; | ||
| import HostingTestimonialsSection from '../../../common/hosting-testimonials-section'; | ||
| import ClientRelationships from '../common/client-relationships'; | ||
| import HostingFeatures from '../common/hosting-features'; | ||
|
|
||
| import './style.scss'; | ||
|
|
||
| export default function PremierAgencyHosting() { | ||
| const translate = useTranslate(); | ||
| const dispatch = useDispatch(); | ||
|
|
||
| const onJetpackCompleteMoreLinkClick = () => { | ||
| dispatch( recordTracksEvent( 'a4a_hosting_premier_jetpack_complete_more_link_click' ) ); | ||
| }; | ||
|
|
||
| return ( | ||
| <div className="premier-agency-hosting"> | ||
| <section className="premier-agency-hosting__plan-selector-container">TODO</section> | ||
|
|
||
| <HostingFeatures heading={ translate( 'Included with every Pressable site' ) } /> | ||
|
|
||
| <HostingAdditionalFeaturesSection | ||
| icon={ <JetpackLogo size={ 16 } /> } | ||
| heading={ translate( 'Jetpack Complete included' ) } | ||
| subheading={ translate( "Supercharge your clients' sites" ) } | ||
| description={ translate( | ||
| 'Every Pressable site comes with a free Jetpack Complete license — an $899/year/site value.' | ||
| ) } | ||
| items={ [ | ||
| translate( 'VaultPress Backup w/ 1TB storage' ), | ||
| translate( 'Scan w/ WAF' ), | ||
| translate( 'Akismet Anti-spam w/ 60k API calls/mo' ), | ||
| translate( 'Stats w/ 100k views/mo (Commercial use)' ), | ||
| translate( 'VideoPress w/ 1TB storage' ), | ||
| translate( 'Boost w/ Auto CSS Generation' ), | ||
| translate( 'Social Advanced w/ unlimited shares' ), | ||
| translate( 'Site Search up to 100k records and 100k requests/mo' ), | ||
| translate( 'CRM Entrepreneur' ), | ||
| translate( 'All Jetpack features' ), | ||
| translate( '{{a}}And more{{/a}} ↗', { | ||
| components: { | ||
| a: ( | ||
| <a | ||
| href="https://jetpack.com/complete/" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| onClick={ onJetpackCompleteMoreLinkClick } | ||
| /> | ||
| ), | ||
| }, | ||
| } ), | ||
| ] } | ||
| fourRows | ||
| /> | ||
|
|
||
| <HostingTestimonialsSection | ||
| heading={ translate( 'Love for Pressable hosting' ) } | ||
| subheading={ translate( 'What agencies say' ) } | ||
| background={ BackgroundType10 } | ||
| items={ [ | ||
| { | ||
| profile: { | ||
| avatar: ProfileAvatar1, | ||
| name: 'Ben Giordano', | ||
| title: translate( 'Founder, %(companyName)s', { | ||
| args: { | ||
| companyName: 'Freshy', | ||
| }, | ||
| comment: '%(companyName)s is the name of the company the testimonial is about.', | ||
| } ), | ||
| site: 'freshysites.com', | ||
| }, | ||
| testimonial: | ||
| "We needed a hosting provider that was as knowledgeable about WordPress as we are. With Pressable's affiliation with Automattic, the same people behind WordPress.com and WordPress VIP, we knew we'd found the right home for our client portfolio.", | ||
| }, | ||
| { | ||
| profile: { | ||
| name: 'Justin Barrett', | ||
| avatar: ProfileAvatar2, | ||
| title: translate( 'Director of Technology, %(companyName)s', { | ||
| args: { | ||
| companyName: 'Autoshop Solutions', | ||
| }, | ||
| comment: '%(companyName)s is the name of the company the testimonial is about.', | ||
| } ), | ||
| site: 'autoshopsolutions.com', | ||
| }, | ||
| testimonial: | ||
| 'As an agency with hundreds of clients, Pressable changed the game for our ability to grow as a business and offer best-in-class products for our clients. With fantastic support, superior uptime, and solutions to make even the largest challenges possible, Pressable is always there.', | ||
| }, | ||
| ] } | ||
| /> | ||
|
|
||
| <ClientRelationships /> | ||
| </div> | ||
| ); | ||
| } |
12 changes: 12 additions & 0 deletions
12
...ections/marketplace/hosting-overview-v3/hosting-content/premier-agency-hosting/style.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| .premier-agency-hosting ul.hosting-additional-features { | ||
| .gridicon { | ||
| fill: var(--studio-jetpack-green); | ||
| } | ||
|
|
||
| a, | ||
| a:visited, | ||
| a:hover { | ||
| text-decoration: underline; | ||
| color: var(--color-text); | ||
| } | ||
| } |