<div class="home">
<section id="hero" class="section _5050image " style=" ">
<div class="row _centeritems" style="">
<div class="col _span-5 " style="">
<h1 class="mb400 " style="">
Powerful Social Media Software
</h1>
<p id="" class="lead " style="">Social media management made easy.</p>
<a href="/pricing" class="button RaisedButton _large ">
Start Your Free Trial
</a>
<p id="" class="f200 mt300">
<span id="" class="icon _checkmark _before c--primary" style=""></span>
<span id="" class="" style="">No credit card required.</span>
<span id="" class="icon _checkmark _before c--primary" style=""></span>
<span id="" class="" style="">No software to install.</span>
</p>
</div>
<div class="col _span-7 _fullbleed _nogutter" style="">
<picture>
<source media="(max-width: 599px)" srcset="//media.sproutsocial.com/uploads/option-a-header-woman-ipad-analytics-1.jpg">
<img class="image _left _mobile-full" style="" srcset="//media.sproutsocial.com/uploads/option-a-header-woman-ipad-analytics-1.jpg, //media.sproutsocial.com/uploads/option-a-header-woman-ipad-analytics@2x-1.jpg 2x" alt="">
</picture>
</div>
</div>
</section>
<section id="experience" class="section tc " style=" ">
<div class="row " style="">
<div class="col _span-8 " style="">
<h2 class=" " style="">
Create an Exceptional Experience Across Networks
</h2>
<p id="" class="lead " style="">Sprout is a collaborative social media management platform trusted by businesses to power their social communication. Our world-class software tools help teams save time managing their social while creating remarkable brand experiences.</p>
</div>
</div>
<div class="row _centeritems mt600" style="max-width: 960px; text-align: center">
<div class="col _span-2 " style="">
<p id="" class="tts f200">
Sprout Proudly Integrates with
</p>
</div>
<div class="col _span-10 " style="">
<div id="" class="LogoCluster LogoCluster--space-around" style="">
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="30" width="121" data-src="//media.sproutsocial.com/uploads/logo-partner-twitter.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="30" width="90" data-src="//media.sproutsocial.com/uploads/logo-partner-facebook.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="30" width="106" data-src="//media.sproutsocial.com/uploads/logo-partner-linkedin.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="25" width="118" data-src="//media.sproutsocial.com/uploads/logo-partner-googleplus.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="50" width="84" data-src="//media.sproutsocial.com/uploads/logo-partner-instagram.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
</div>
</div>
</div>
</section>
<section id="analytics" class="section _gray " style=" ">
<div class="row _centeritems" style="">
<div class="col _span-5 " style="">
<h2 class=" " style="">
Use Data to Make Better Decisions
</h2>
<p id="" class="">
Quantify, validate and easily present the success of your brand’s social media marketing strategy.
</p>
<a href="/features/social-media-analytics" class="button _secondary ">
More on Analytics
</a>
</div>
<div class="col _span-7 " style="">
<div id="laptopAnalytics" class="responsiveimage-wrapper _mobile-full">
<svg width="910" height="520" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 909.8 520" class="responsiveimage _right Image--shadow">
<path fill="#F3F4F4" d="M787.2 520H122.6c-21.7 0-39.2-17.6-39.2-39.2V39.2C83.4 17.5 101 0 122.6 0h664.6c21.7 0 39.2 17.6 39.2 39.2v441.6c0 21.6-17.5 39.2-39.2 39.2z"/>
<path fill="#FFF" d="M909.8 502.8H0c0 1 .4 2 1.2 3h907.3c.8-.9 1.3-1.9 1.3-3z"/>
<path fill="#DEE1E1" d="M1.2 505.8c6.4 8 38.4 14.2 89.2 14.2h728.8c50.9 0 82.9-6.1 89.2-14.2H1.2z"/>
<path fill="#FFF" d="M114.9 39.3h680v428h-680v-428z"/>
<image width="680" height="428" x="114.9" y="39.3" href="//media.sproutsocial.com/uploads/option-a-laptop-analytics@2x-1.png"/>
</svg>
</div>
</div>
</div>
</section>
<section id="publishing" class="section _5050image " style=" ">
<div class="row _centeritems" style="">
<div class="col _span-8 _fullbleed _nogutter _reverse" style="">
<picture>
<source media="(max-width: 599px)" srcset="//media.sproutsocial.com/uploads/option-a-man-laptop-publishing-1.jpg">
<img class="image _right _mobile-full" style="" srcset="//media.sproutsocial.com/uploads/option-a-man-laptop-publishing-1.jpg, //media.sproutsocial.com/uploads/option-a-man-laptop-publishing@2x-1.jpg 2x" alt="">
</picture>
</div>
<div class="col _span-4 " style="">
<h2 class=" mb400 " style="">
Lead the Conversation
</h2>
<p id="" class="">
Plan, organize and manage the social content that sparks the conversations you want to have.
</p>
<a href="/features/social-media-publishing" class="button _secondary ">
More on Publishing
</a>
</div>
</div>
</section>
<section id="engagement" class="section " style=" ">
<div class="row _centeritems" style="">
<div class="col _span-5 " style="">
<h2 class=" " style="">
Strengthen Customer Relationships
</h2>
<p id="" class="">
Improve customer loyalty by better engaging in the conversations surrounding your brand on social.
</p>
<a href="/features/social-media-engagement" class="button _secondary ">
More on Engagement
</a>
</div>
<div class="col _span-7 " style="">
<div id="ipadCrm" class="responsiveimage-wrapper _large _mobile-full">
<svg width="902" height="648" viewBox="-218 -93 522 746" class="responsiveimage _right Image--shadow">
<path fill="#FFF" d="M-188-93h462c16.6 0 30 13.4 30 30v686c0 16.6-13.4 30-30 30h-462c-16.6 0-30-13.4-30-30V-63c0-16.6 13.4-30 30-30z"/>
<path fill="#F3F4F4" d="M-193.4-34.7h472v630h-472v-630z"/>
<image x="-193.4" y="-34.7" width="472" height="630" href="//media.sproutsocial.com/uploads/option-a-ipad-contact-view-screen@2x.jpg" />
<circle fill="#F3F4F4" stroke="#D3D6D7" stroke-miterlimit="10" cx="43" cy="623.3" r="14.9"/>
<circle fill="#D3D6D7" cx="43" cy="-65.4" r="3.7"/>
</svg>
</div>
</div>
</div>
</section>
<section id="customers" class="section " style=" ">
<div class="row " style="">
<div class="col _span-12 " style="">
<div class="Paper bg--background mt600 _elevation-4" style="">
<div class="row _centeritems" style="">
<div class="col _span-7 " style="">
<img id="" class="image image--headshot" alt="" style="" srcset="//media.sproutsocial.com/uploads/customer-quote-headshot-soulcycle.jpg, //media.sproutsocial.com/uploads/customer-quote-headshot-soulcycle@2x.jpg 2x" />
</div>
<div class="col _span-5 " style="">
<img id="" class="image b-lazy " alt="" style="" height="70" width="134" data-src="//media.sproutsocial.com/uploads/logo-customer-soulcycle.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<blockquote class="mt400" style="">Whether we’re sharing a workout tip, a recipe, or a studio announcement, we know that our content is reaching our largest audience.</blockquote>
<p id="" class="overline mt400">
<span id="" class="" style="">Abby Kohn <br /></span>
<span id="" class="c--gray-600" style="">Senior Digital Marketing Manager</span>
</p>
</div>
</div>
</div>
<div class="row _centeritems mt600" style="">
<div class="col _span-3 " style="">
<p id="" class="tts f200 tc">
Trusted by Over 19,000 Businesses Worldwide
</p>
</div>
<div class="col _span-9 " style="">
<div id="" class="LogoCluster LogoCluster--space-around" style="text-align: center">
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="30" width="121" data-src="//media.sproutsocial.com/uploads/logo-customer-evernote.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="30" width="90" data-src="//media.sproutsocial.com/uploads/logo-customer-carvel.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="30" width="106" data-src="//media.sproutsocial.com/uploads/logo-customer-titleist.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="25" width="118" data-src="//media.sproutsocial.com/uploads/logo-customer-grubhub.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
<img id="" class="image b-lazy LogoCluster-logo" alt="" style="" height="50" width="84" data-src="//media.sproutsocial.com/uploads/logo-customer-las-vegas.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjAgNTYwIj48cGF0aCBmaWxsPSIjRjNGNEY0IiBkPSJNMCAwaDk2MHY1NjBIMHoiLz48L3N2Zz4="
/>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="trySprout" class="section _centered " style=" ">
<div class="row " style="">
<div class="col _span-12 " style="">
<h2 class="f900 mb400 " style="">
Try Sprout
</h2>
<p id="" class="lead " style="">Contact us today to discuss the unique marketing needs of your business with one of our product specialists.</p>
<div class="centeredblock " style="">
<a href="/demo" class="button RaisedButton _large ">
Request a Demo
</a>
<p id="" class="mt300">
<a class=" f300" href="/pricing">
or Start a Free Trial
</a>
</p>
</div>
</div>
</div>
</section>
</div>
<div class="home">
{{> @children}}
</div>
{
"children": [
{
"component": "section",
"context": {
"id": "hero",
"modifier": "_5050image",
"children": [
{
"component": "row",
"context": {
"modifier": "_centeritems",
"children": [
{
"component": "column",
"context": {
"span": 5,
"children": [
{
"component": "heading",
"context": {
"level": 1,
"modifier": "mb400",
"text": "Powerful Social Media Software"
}
},
{
"component": "lead",
"context": {
"text": "Social media management made easy."
}
},
{
"component": "button",
"context": {
"href": "/pricing",
"modifier": "RaisedButton _large",
"text": "Start Your Free Trial"
}
},
{
"component": "p",
"context": {
"modifier": "f200 mt300",
"children": [
{
"component": "span",
"context": {
"modifier": "icon _checkmark _before c--primary"
}
},
{
"component": "span",
"context": {
"text": "No credit card required."
}
},
{
"component": "span",
"context": {
"modifier": "icon _checkmark _before c--primary"
}
},
{
"component": "span",
"context": {
"text": "No software to install."
}
}
]
}
}
]
}
},
{
"component": "column",
"context": {
"span": 7,
"modifier": "_fullbleed _nogutter",
"children": [
{
"component": "image",
"context": {
"modifier": "_left _mobile-full",
"src": "//media.sproutsocial.com/uploads/option-a-header-woman-ipad-analytics-1.jpg",
"src2x": "//media.sproutsocial.com/uploads/option-a-header-woman-ipad-analytics@2x-1.jpg",
"srcmobile": "//media.sproutsocial.com/uploads/option-a-header-woman-ipad-analytics-1.jpg"
}
}
]
}
}
]
}
}
]
}
},
{
"component": "section",
"context": {
"id": "experience",
"modifier": "tc",
"children": [
{
"component": "row",
"context": {
"children": [
{
"component": "column",
"context": {
"span": 8,
"children": [
{
"component": "heading",
"context": {
"level": 2,
"modifier": null,
"text": "Create an Exceptional Experience Across Networks"
}
},
{
"component": "lead",
"context": {
"text": "Sprout is a collaborative social media management platform trusted by businesses to power their social communication. Our world-class software tools help teams save time managing their social while creating remarkable brand experiences."
}
}
]
}
}
]
}
},
{
"component": "row",
"context": {
"modifier": "_centeritems mt600",
"style": "max-width: 960px; text-align: center",
"children": [
{
"component": "column",
"context": {
"span": 2,
"children": [
{
"component": "p",
"context": {
"modifier": "tts f200",
"text": "Sprout Proudly Integrates with"
}
}
]
}
},
{
"component": "column",
"context": {
"span": 10,
"children": [
{
"component": "logocluster",
"context": {
"modifier": "LogoCluster--space-around",
"columns": 6,
"children": [
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 30,
"width": 121,
"src": "//media.sproutsocial.com/uploads/logo-partner-twitter.svg"
}
},
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 30,
"width": 90,
"src": "//media.sproutsocial.com/uploads/logo-partner-facebook.svg"
}
},
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 30,
"width": 106,
"src": "//media.sproutsocial.com/uploads/logo-partner-linkedin.svg"
}
},
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 25,
"width": 118,
"src": "//media.sproutsocial.com/uploads/logo-partner-googleplus.svg"
}
},
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 50,
"width": 84,
"src": "//media.sproutsocial.com/uploads/logo-partner-instagram.svg"
}
}
]
}
}
]
}
}
]
}
}
]
}
},
{
"component": "section",
"context": {
"modifier": "_gray",
"id": "analytics",
"children": [
{
"component": "row",
"context": {
"modifier": "_centeritems",
"children": [
{
"component": "column",
"context": {
"span": 5,
"children": [
{
"component": "heading",
"context": {
"level": 2,
"modifier": null,
"text": "Use Data to Make Better Decisions"
}
},
{
"component": "p",
"context": {
"text": "Quantify, validate and easily present the success of your brand’s social media marketing strategy."
}
},
{
"component": "button",
"context": {
"href": "/features/social-media-analytics",
"modifier": "_secondary",
"text": "More on Analytics"
}
}
]
}
},
{
"component": "column",
"context": {
"span": 7,
"children": [
{
"component": "html",
"context": {
"content": "\n <div id=\"laptopAnalytics\" class=\"responsiveimage-wrapper _mobile-full\">\n <svg width=\"910\" height=\"520\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 909.8 520\" class=\"responsiveimage _right Image--shadow\">\n <path fill=\"#F3F4F4\" d=\"M787.2 520H122.6c-21.7 0-39.2-17.6-39.2-39.2V39.2C83.4 17.5 101 0 122.6 0h664.6c21.7 0 39.2 17.6 39.2 39.2v441.6c0 21.6-17.5 39.2-39.2 39.2z\"/>\n <path fill=\"#FFF\" d=\"M909.8 502.8H0c0 1 .4 2 1.2 3h907.3c.8-.9 1.3-1.9 1.3-3z\"/>\n <path fill=\"#DEE1E1\" d=\"M1.2 505.8c6.4 8 38.4 14.2 89.2 14.2h728.8c50.9 0 82.9-6.1 89.2-14.2H1.2z\"/>\n <path fill=\"#FFF\" d=\"M114.9 39.3h680v428h-680v-428z\"/>\n <image width=\"680\" height=\"428\" x=\"114.9\" y=\"39.3\" href=\"//media.sproutsocial.com/uploads/option-a-laptop-analytics@2x-1.png\"/>\n </svg>\n </div>\n "
}
}
]
}
}
]
}
}
]
}
},
{
"component": "section",
"context": {
"id": "publishing",
"modifier": "_5050image",
"children": [
{
"component": "row",
"context": {
"modifier": "_centeritems",
"children": [
{
"component": "column",
"context": {
"span": 8,
"modifier": "_fullbleed _nogutter _reverse",
"children": [
{
"component": "image",
"context": {
"modifier": "_right _mobile-full",
"src": "//media.sproutsocial.com/uploads/option-a-man-laptop-publishing-1.jpg",
"src2x": "//media.sproutsocial.com/uploads/option-a-man-laptop-publishing@2x-1.jpg",
"srcmobile": "//media.sproutsocial.com/uploads/option-a-man-laptop-publishing-1.jpg"
}
}
]
}
},
{
"component": "column",
"context": {
"span": 4,
"children": [
{
"component": "heading",
"context": {
"level": 2,
"modifier": " mb400",
"text": "Lead the Conversation"
}
},
{
"component": "p",
"context": {
"text": "Plan, organize and manage the social content that sparks the conversations you want to have."
}
},
{
"component": "button",
"context": {
"href": "/features/social-media-publishing",
"modifier": "_secondary",
"text": "More on Publishing"
}
}
]
}
}
]
}
}
]
}
},
{
"component": "section",
"context": {
"id": "engagement",
"children": [
{
"component": "row",
"context": {
"modifier": "_centeritems",
"children": [
{
"component": "column",
"context": {
"span": 5,
"children": [
{
"component": "heading",
"context": {
"level": 2,
"modifier": null,
"text": "Strengthen Customer Relationships"
}
},
{
"component": "p",
"context": {
"text": "Improve customer loyalty by better engaging in the conversations surrounding your brand on social."
}
},
{
"component": "button",
"context": {
"href": "/features/social-media-engagement",
"modifier": "_secondary",
"text": "More on Engagement"
}
}
]
}
},
{
"component": "column",
"context": {
"span": 7,
"children": [
{
"component": "html",
"context": {
"content": "\n <div id=\"ipadCrm\" class=\"responsiveimage-wrapper _large _mobile-full\">\n <svg width=\"902\" height=\"648\" viewBox=\"-218 -93 522 746\" class=\"responsiveimage _right Image--shadow\">\n <path fill=\"#FFF\" d=\"M-188-93h462c16.6 0 30 13.4 30 30v686c0 16.6-13.4 30-30 30h-462c-16.6 0-30-13.4-30-30V-63c0-16.6 13.4-30 30-30z\"/>\n <path fill=\"#F3F4F4\" d=\"M-193.4-34.7h472v630h-472v-630z\"/>\n <image x=\"-193.4\" y=\"-34.7\" width=\"472\" height=\"630\" href=\"//media.sproutsocial.com/uploads/option-a-ipad-contact-view-screen@2x.jpg\" />\n <circle fill=\"#F3F4F4\" stroke=\"#D3D6D7\" stroke-miterlimit=\"10\" cx=\"43\" cy=\"623.3\" r=\"14.9\"/>\n <circle fill=\"#D3D6D7\" cx=\"43\" cy=\"-65.4\" r=\"3.7\"/>\n </svg>\n </div>\n "
}
}
]
}
}
]
}
}
]
}
},
{
"component": "section",
"context": {
"id": "customers",
"children": [
{
"component": "row",
"context": {
"children": [
{
"component": "column",
"context": {
"span": 12,
"children": [
{
"component": "paper",
"context": {
"modifier": "bg--background mt600",
"elevationlevel": 4,
"children": [
{
"component": "row",
"context": {
"modifier": "_centeritems",
"children": [
{
"component": "column",
"context": {
"span": 7,
"children": [
{
"component": "image",
"context": {
"modifier": "image--headshot",
"src": "//media.sproutsocial.com/uploads/customer-quote-headshot-soulcycle.jpg",
"src2x": "//media.sproutsocial.com/uploads/customer-quote-headshot-soulcycle@2x.jpg"
}
}
]
}
},
{
"component": "column",
"context": {
"span": 5,
"children": [
{
"component": "image",
"context": {
"lazyload": true,
"height": 70,
"width": 134,
"src": "//media.sproutsocial.com/uploads/logo-customer-soulcycle.svg"
}
},
{
"component": "blockquote",
"context": {
"modifier": "mt400",
"text": "Whether we’re sharing a workout tip, a recipe, or a studio announcement, we know that our content is reaching our largest audience."
}
},
{
"component": "p",
"context": {
"modifier": "overline mt400",
"children": [
{
"component": "span",
"context": {
"modifier": null,
"text": "Abby Kohn <br />"
}
},
{
"component": "span",
"context": {
"modifier": "c--gray-600",
"text": "Senior Digital Marketing Manager"
}
}
]
}
}
]
}
}
]
}
}
]
}
},
{
"component": "row",
"context": {
"modifier": "_centeritems mt600",
"children": [
{
"component": "column",
"context": {
"span": 3,
"children": [
{
"component": "p",
"context": {
"modifier": "tts f200 tc",
"text": "Trusted by Over 19,000 Businesses Worldwide"
}
}
]
}
},
{
"component": "column",
"context": {
"span": 9,
"children": [
{
"component": "logocluster",
"context": {
"style": "text-align: center",
"modifier": "LogoCluster--space-around",
"columns": 6,
"children": [
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 30,
"width": 121,
"src": "//media.sproutsocial.com/uploads/logo-customer-evernote.svg"
}
},
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 30,
"width": 90,
"src": "//media.sproutsocial.com/uploads/logo-customer-carvel.svg"
}
},
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 30,
"width": 106,
"src": "//media.sproutsocial.com/uploads/logo-customer-titleist.svg"
}
},
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 25,
"width": 118,
"src": "//media.sproutsocial.com/uploads/logo-customer-grubhub.svg"
}
},
{
"component": "image",
"context": {
"lazyload": true,
"modifier": "LogoCluster-logo",
"height": 50,
"width": 84,
"src": "//media.sproutsocial.com/uploads/logo-customer-las-vegas.svg"
}
}
]
}
}
]
}
}
]
}
}
]
}
}
]
}
}
]
}
},
{
"component": "section",
"context": {
"id": "trySprout",
"modifier": "_centered",
"children": [
{
"component": "row",
"context": {
"children": [
{
"component": "column",
"context": {
"span": 12,
"children": [
{
"component": "heading",
"context": {
"level": 2,
"modifier": "f900 mb400",
"text": "Try Sprout"
}
},
{
"component": "lead",
"context": {
"text": "Contact us today to discuss the unique marketing needs of your business with one of our product specialists."
}
},
{
"component": "centeredblock",
"context": {
"children": [
{
"component": "button",
"context": {
"href": "/demo",
"modifier": "RaisedButton _large",
"text": "Request a Demo"
}
},
{
"component": "p",
"context": {
"modifier": "mt300",
"children": [
{
"component": "link",
"context": {
"href": "/pricing",
"modifier": " f300",
"text": "or Start a Free Trial"
}
}
]
}
}
]
}
}
]
}
}
]
}
}
]
}
}
]
}
$triangle-gray-bl: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22240%2064.6%20237.7%20477.4%22%3E%3Cpath%20fill%3D%22%23E8EAEA%22%20d%3D%22M477.7%20542L240.2%2064.6V542h237.5z%22%2F%3E%3C%2Fsvg%3E);
$line-blue-bl: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20469%2040%22%3E%3Ctitle%3Eoption-a-blue-line-5%3C%2Ftitle%3E%3Cpath%20fill%3D%22%230898AF%22%20d%3D%22M469%2040L449.1%200H0v40h469z%22%2F%3E%3C%2Fsvg%3E);
$line-blue-tr: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%221505.3%2020.9%20175.4%20352.5%22%3E%3Cpath%20fill%3D%22%23005A68%22%20d%3D%22M1680.8%2020.9h-175.4l175.4%20352.5V20.9z%22%2F%3E%3C%2Fsvg%3E);
$line-blue-tr2: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20594.8%2040%22%3E%3Ctitle%3Eoption-a-blue-line-3%3C%2Ftitle%3E%3Cpath%20fill%3D%22%230898AF%22%20d%3D%22M594.8%2040L574.9%200H0l21.3%2040h573.5z%22%2F%3E%3C%2Fsvg%3E);
$customers-gray: url(data:image/svg+xml,%3Csvg%20id%3D%22Option_A%22%20data-name%3D%22Option%20A%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20918.92602%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e8eaea%7D.cls-2%7Bfill%3A%230898af%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eoption-a-gray-angle-3%402x%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2037.776v609.425l133.698%20271.725H1440V345.345L1290.406%2037.776H0z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M767.923%2037.776L749.125%200H0v37.776h767.923z%22%2F%3E%3C%2Fsvg%3E);
.section._5050image {
.col._fullbleed {
max-height: none;
}
}
#experience {
background: theme-color(background, light);
}
#analytics {
background: theme-color(background);
}
#engagement {
background: theme-color(background, light);
}
#laptopAnalytics,
#ipadCrm {
overflow: visible;
}
#ipadCrm {
transition: transform $transition-time-600 $transition-in-default;
transform: perspective(1200px) rotate3d(1, -1, 1, 60deg) translate(-40px, -40px);
@media #{$desktop-media} {
transform: perspective(1000px) rotate3d(1, -1, 1, 60deg) translate(100px, -100px);
}
@media screen and (min-width: #{$small-width}) and (max-width: 960px) {
transform: translateX(-200px);
}
}
@media #{$mobile-media} {
h2 {
@include font-size-lead;
}
.section {
text-align: center;
}
#hero {
color: theme-color(text, inverse);
background: get-color(aqua, 900);
h1 {
color: theme-color(text, inverse);
}
}
#experience {
text-align: left;
> .row {
justify-content: flex-start;
.col {
max-width: 80vw;
}
}
}
#publishing {
background: none;
}
#customers {
text-align: left;
}
#customersHeadshot {
display: none;
}
#laptopAnalytics,
#ipadCrm {
.responsiveimage {
position: static;
height: auto;
max-width: 100%;
}
}
}
@media #{$desktop-media} {
#customersHeadshot {
display: block;
margin: auto;
}
.responsiveimage {
&-wrapper._large,
&-wrapper._large .responsiveimage {
height: 640px;
}
}
}
@supports (background-image: url("🖕🏼IE11")) {
#publishing {
background: $line-blue-tr2 transparent no-repeat right 10% top / auto 40px;
.col._fullbleed .image {
z-index: -1;
}
}
#experience {
background: $line-blue-bl right 100% bottom / auto 2rem, $line-blue-tr top right / auto 18rem;
background-repeat: no-repeat;
@media #{$desktop-media} {
text-align: center;
background: $line-blue-bl right 100% bottom / auto 2rem, $triangle-gray-bl bottom left / auto 100%, $line-blue-tr top right / auto 60%;
background-repeat: no-repeat;
}
}
#engagement {
background: theme-color(background);
}
#analytics {
background: theme-color(background, light);
}
#customers {
background: $customers-gray no-repeat top right / cover;
}
#trySprout {
background: $line-blue-bl no-repeat right 100% bottom / auto 2rem;
}
}
There are no notes for this item.