Commit 8bdd67bb authored by Martin Schoeler's avatar Martin Schoeler

Improve customer page

parent 919895b6
...@@ -7,7 +7,7 @@ paginate: 8 ...@@ -7,7 +7,7 @@ paginate: 8
future: true future: true
# bump if alterting styles # bump if alterting styles
version: 122 version: 123
# read speed # read speed
wpm: 160 wpm: 160
......
...@@ -48,22 +48,22 @@ livechat: ...@@ -48,22 +48,22 @@ livechat:
tools: tools:
- title: "Collaboration" - title: "Collaboration"
image: "collaboration.svg" image: "collaboration.svg"
text: Collaborate with the entire development team text: Proactive help your customer find what they are looking for at your website.
- title: "Historic" - title: "Historic"
image: "historic.svg" image: "historic.svg"
text: Install locally or in the cloud text: Customer history is an important asset of the company, do not miss it.
- title: "Integrations" - title: "Integrations"
image: "integrations.svg" image: "integrations.svg"
text: Integrate with bots and automate tasks text: Proactive help your customer find what they are looking for at your website.
- title: "Agility" - title: "Agility"
image: "agility.svg" image: "agility.svg"
text: Connect the platform with your project management, version control, and monitoring systems text: The fastest way to help your customers. Start chatting with visitors who need your help.
- title: "Security & Privacy" - title: "Security & Privacy"
image: "security.svg" image: "security.svg"
text: Store your information with security and privacy text: Store your information with security and privacy
- title: "Scalability" - title: "Scalability"
image: "scalability.svg" image: "scalability.svg"
text: Scale according to your needs text: Gives agents, bots and team the toolset needed to ensure the seamless management.
testimonials: testimonials:
- name: "Testimonial 1" - name: "Testimonial 1"
role: "Developer at Rocket.Chat" role: "Developer at Rocket.Chat"
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<div class="integrations__content"> <div class="integrations__content">
<h3 class="title">Costumer Solutions</h3> <h3 class="title">Costumer Solutions</h3>
<p class="desc">Fill your marketing funnel, increase sales conversions and reduce operational costs all while maximizing customer satisfaction.</p> <p class="desc">Fill your marketing funnel, increase sales conversions and reduce operational costs all while maximizing customer satisfaction.</p>
<img class="integrations__image mobile" alt="integrations" src="/images/solutions/livechat-integration.png">
<p class="label theme_type--light">Many integrations available and counting...</p> <p class="label theme_type--light">Many integrations available and counting...</p>
<div class="icons"> <div class="icons">
<a href="" rel="noopener noreferrer"> <a href="" rel="noopener noreferrer">
......
...@@ -107,6 +107,12 @@ body.solutions-page { ...@@ -107,6 +107,12 @@ body.solutions-page {
margin-right: 0; margin-right: 0;
margin-left: 51px; margin-left: 51px;
height: 476px; height: 476px;
@media screen and (max-width: $tablet) {
margin-left: 0;
margin-bottom: 16px;
height: unset;
}
} }
.integrations__content { .integrations__content {
...@@ -114,6 +120,10 @@ body.solutions-page { ...@@ -114,6 +120,10 @@ body.solutions-page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@media screen and (max-width: $tablet) {
flex-direction: column-reverse;
}
} }
.integrations { .integrations {
......
...@@ -7,6 +7,10 @@ pre { ...@@ -7,6 +7,10 @@ pre {
color: $grey; color: $grey;
} }
bold {
font-weight: bold;
}
.display--big { .display--big {
line-height: 1.2; line-height: 1.2;
font-size: 2em; font-size: 2em;
......
...@@ -45,7 +45,7 @@ redirect_from: ...@@ -45,7 +45,7 @@ redirect_from:
<div class="card theme_box--brand card--shadow solutions-box"> <div class="card theme_box--brand card--shadow solutions-box">
<div class="solutions-box__content"> <div class="solutions-box__content">
<h3 class="display theme_type--dark">Increase your developer process with Rocket.Chat</h3> <h3 class="display theme_type--dark">Increase your developer process with Rocket.Chat</h3>
<p class="theme_type--dark">Besides chat and many integrations, you can still count with: audit trail, unlimited history, scalability and more special features.</p> <p class="theme_type--dark">Besides chat and many integrations, you can still count with: <b>audit trail, unlimited history, scalability and more special features.</b></p>
<a href="#" class="button--ghost" data-featherlight="#solution-form">Contact Us</a> <a href="#" class="button--ghost" data-featherlight="#solution-form">Contact Us</a>
</div> </div>
<img class="solutions-box__image" src="/images/solutions/devices.png" alt="screens" /> <img class="solutions-box__image" src="/images/solutions/devices.png" alt="screens" />
......
...@@ -46,7 +46,7 @@ redirect_from: ...@@ -46,7 +46,7 @@ redirect_from:
<div class="card theme_box--brand card--shadow solutions-box"> <div class="card theme_box--brand card--shadow solutions-box">
<div class="solutions-box__content"> <div class="solutions-box__content">
<h3 class="display theme_type--dark">Increase your developer process with Rocket.Chat</h3> <h3 class="display theme_type--dark">Increase your developer process with Rocket.Chat</h3>
<p class="theme_type--dark">Besides chat and many integrations, you can still count with: audit trail, unlimited history, scalability and more special features.</p> <p class="theme_type--dark">Besides chat and many integrations, you can still count with: <b>audit trail, unlimited history, scalability and more special features.<b></p>
<a href="#" class="button--ghost" data-featherlight="#solution-form">Contact Us</a> <a href="#" class="button--ghost" data-featherlight="#solution-form">Contact Us</a>
</div> </div>
<img class="solutions-box__image" src="/images/solutions/devices.png" alt="screens" /> <img class="solutions-box__image" src="/images/solutions/devices.png" alt="screens" />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment