Merge pull request #121 from goodlogik/new_home

page content updates

app/views/layouts/application.html.slim

@@ -8,6 +8,7 @@ html lang="en"
     = javascript_pack_tag 'js', async: true
     = csrf_meta_tags
     script src="https://js.chargebee.com/v2/chargebee.js" data-cb-site="goodlogik"
+
     = render 'partials/microdata'
 
     javascript:

app/views/pages/about.html.slim

@@ -1,4 +1,3 @@
-/= audio_tag("about.mp3", autoplay: true, controls: false)
 - content_for :hero
   = fragment 'hero'
     .landing.page
@@ -8,8 +7,8 @@
       = container
         = grid
           = column size: 14, class: 'centered content'
-            = h1 class: 'inverted', text: "We do it because"
-            = text text: "We want to make Internet a better, more exciting and fun place for everyone to enjoy."
+            = h1 class: 'inverted', text: "One Vision"
+            = text text: "Make the Internet fun."
 
 = fragment 'story'
   = container 'full'
@@ -18,11 +17,9 @@
         = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
           = h1 text: 'Our Story'
           = text 'lead'
-            | The idea for GoodLogik was born in 2016.
+            | GoodLogik was first thought of in 2016, when the co-founders Michael and Leo entertaining an idea of building a tech start up.
           = text 'lead'
-            | We wanted to build a platform that would elevate the bar for web and bring the high-end to the masses.
-          = text 'lead'
-            | Today, GoodLogik operates as a Distributed Tech Company with employees in United States, India and Thailand.
+            | Today, we operate as a fully distributed company with no physical office.
         = column computer: 8, tablet: 16, mobile: 16, class: 'centered'
           = image_tag 'robot.png', class: 'ui image fluid'
       = row

app/views/pages/features.html.slim

@@ -6,17 +6,17 @@
     .content-holder
       = container
         = grid
-          = column size: 14, class: 'centered content'
-            = h1 class: 'inverted', text: "Innovative At The Core"
-            = text text: "High-performance and intuitive design makes the platform easy to learn and easy to love."
+          = column size: 12, class: 'centered content'
+            = h1 class: 'inverted', text: "Platform for the new web"
+            = text text: "High-Performance and Intuitive. Easy to Learn and Easy to Love."
 
 = fragment 'publishing'
   = container
     = grid
       = row
         = column size: 16
           = h1 'horizontal divider'
-            = "Better Publishing"
+            = "Better Web"
           br
 
 
@@ -25,11 +25,11 @@
         = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
           = h2 text: 'Scorching Fast'
           = text 'lead'
-            | The platform is heavily optimized for both speed and performance.
+            | Optimized for both speed and performance.
           = text 'lead'
-            | The pages scroll smoothly, and the entire site loads in under 1.5 seconds.
+            | The pages scroll smoothly, and everything loads in under 1.5 seconds.
           = text 'lead'
-            | Up to 10x faster then the industry average.
+            | 10x - 20x faster then an average website.
         = column computer: 8, tablet: 16, mobile: 16
           iframe src="/animations/scorching-fast/scorching-fast.html" width="100%" height="350" frameBorder="0" scrolling="no"
 
@@ -39,26 +39,16 @@
 
       = row
         = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
-          = h2 text: 'Powerful Editor'
+          = h2 text: 'Intuitive Editor'
           = text 'lead'
             | Our editor thinks the way you do.
           = text 'lead'
-            | The content is organized in blocks, which are easy to edit and re-arrange.
+            | The content is organized in blocks and is easy to edit and re-arrange.
           = text 'lead'
-            | This new way of creating content makes coming up with new ideas both fast and easy.
+            | A new way of creating content that's fun, fast and easy.
         = column computer: 8, tablet: 16, mobile: 16
           iframe src="/animations/content-editing/content-editing.html" width="100%" height="350" frameBorder="0" scrolling="no"
 
-= fragment 'engagement'
-  = container
-    = grid
-      = row
-
-      = row
-        = column size: 16
-          = h1 'horizontal divider'
-            = "Better Engagement"
-          br
 
 = fragment 'analytics'
   = container
@@ -75,8 +65,57 @@
         = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
           = h2 text: 'Simple Dashboard'
           = text 'lead'
-            | One glance at the dashboard and you can tell how good your platform is doing.
+            | One glance at the dashboard and you can tell how things are going.
           = text 'lead'
-            | The metrics are compared to a previous time-frame, helping you see the direction of momentum.
+            | Visitor statistics and conversion rates are available at a glance.
         = column computer: 8, tablet: 16, mobile: 16
           iframe src="/animations/analytics/analytics.html" width="100%" height="450" frameBorder="0" scrolling="no"
+
+
+
+      = row
+        = column computer: 16, tablet: 16, mobile: 16
+          = divider
+
+      = row
+        = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
+          = h2 text: 'Enterprise Ready'
+          = text 'lead'
+            | Use SQL to gain deeper insights into your data.
+          = text 'lead'
+            | Create custom reports and dashboards to share with your team.
+        = column computer: 8, tablet: 16, mobile: 16
+          iframe src="/animations/sql-power/sql-power.html" width="100%" height="450" frameBorder="0" scrolling="no"
+
+= fragment 'it'
+  = container
+    = grid
+      = row
+        = column size: 16
+          = h2 'horizontal divider inverted'
+            = "Scalable Performance"
+            br
+      = row
+        = column computer: 12, tablet: 16, mobile: 16, class: 'middle aligned centered'
+          = text 'lead'
+            | Each platform is privately hosted in a scalable virtual container.
+
+      = row
+        = column computer: 16, tablet: 16, mobile: 16
+          br
+          br
+          iframe src="/animations/it/it.html" width="100%" height="450" frameBorder="0" scrolling="no"
+
+
+= fragment 'cta'
+  = grid
+    = row 'secondary'
+      = column size: 16
+        = segment 'inverted black basic center aligned padded'
+          = h1 class: 'centered dividing'
+            = "Ready to grow?"
+          = text
+            | Get a feel for the platform with a free 14-day trial.
+          = link_to "Start a Free Trial", pricing_path, class: 'ui button purple big'
+          br
+          br

app/views/pages/landing.html.slim

@@ -6,9 +6,9 @@
     .content-holder
       = container
         = grid
-          = column size: 14, class: 'centered content'
-            = h1 class: 'inverted', text: 'Build Your Brand Equity Fast'
-            = text text: 'An easy to use web platform to help you scale your brand.'
+          = column size: 10, class: 'centered content'
+            = h1 class: 'inverted', text: 'Grow Your Business'
+            = text text: 'On the platform that can grow with you.'
 
 = fragment 'features'
   = container
@@ -17,45 +17,21 @@
         = column computer: 13, tablet: 13, mobile: 16, class: 'centered main feature'
           br
           = h1 'horizontal divider'
-            | Members, not followers.
+            | Take The Center
           = text 'lead'
-            | Reduce dependence on social media by transferring your fan base to a platform that you control.
-          br
-          br
-
-
-      = row 'top frame'
-        = column size: 16, class: 'centered'
-          = menu class: 'pointing secondary tabular black massive feature inverted', ui: :on
-            = item class: 'active', data: {tab: 'social-publishing'}
-              | Captivating
-            = item data: {tab: 'social-network'}
-              | Viral
+            | Increase brand awareness, build loyalty, and create long term value with a platform that you control.
 
-            = item data: {tab: 'analytics'}
-              | Data Driven
-
-      = row 'bottom frame'
-        = column size: 16, class: 'centered'
-          = tab class: 'active', data: {tab: 'social-publishing'}
-            = image_tag 'content-small.gif', class: 'ui fluid image', alt: 'small content screenshot'
-          = tab data: {tab: 'social-network'}
-            iframe src="/animations/virality-and-beyond/virality-and-beyond.html" width="100%" height="550" frameBorder="0" scrolling="no"
-
-
-          = tab data: {tab: 'analytics'}
-            iframe src="/animations/better-decisions/better-decisions.html" width="100%" height="550" frameBorder="0" scrolling="no"
+      iframe src="/animations/virality-and-beyond/virality-and-beyond.html" width="100%" height="550" frameBorder="0" scrolling="no"
 
 = fragment 'cta'
   = grid
     = row 'secondary'
       = column size: 16
         = segment 'inverted black basic center aligned padded'
           = h1 class: 'centered dividing'
-            = "Seeing is believing"
+            = "Next Step"
           = text
-            | Let us show you how the platform can help your business grow.
-          = button class: 'requester trigger purple large', data: {name: 'demo call', action: 'Schedule a Demo', color: 'purple'}
-            | Schedule a Demo
-          br
+            | Learn what makes the platform unique.
+          = link_to features_path, class: 'ui button purple big'
+            | View Features
           br

app/views/pages/pricing.html.slim

@@ -6,9 +6,9 @@
     .content-holder
       = container
         = grid
-          = column size: 14, class: 'centered content'
+          = column size: 13, class: 'centered content'
             = h1 class: 'inverted', text: "Affordable Pricing"
-            = text text: 'From small entrepreneurs to large enterprises there is an option for every budget.'
+            = text text: 'An option for every budget, from small entrepreneurs to large enterprises.'
 
 = fragment 'pricing'
   = container
@@ -182,7 +182,7 @@
 
                 = item
                   br
-                  a.ui.large.secondary.fluid.button href="javascript:void(0)" data-cb-type="checkout" data-cb-plan-id="startup"
+                  a.ui.large.secondary.fluid.button href="javascript:void(0)" data-cb-type="checkout" data-cb-plan-id="business"
                     | START TRIAL
                   small
                     | Free 14-Day Trial. Valid Credit Card Required.
@@ -263,8 +263,6 @@
                   = icon 'checkmark orange'
                   |Phone
 
-
-
                 = item
                   br
                   = button class: 'large requester trigger right labeled icon fluid', data: {name: 'enterprise sales call', action: 'Call Me', color: 'purple'}
@@ -282,7 +280,7 @@
           = h1 class: 'centered dividing'
             = "Seeing is believing"
           = text
-            | Let us show you how the platform can help your business grow.
+            | Discover how the platform can help your business grow.
           = button class: 'requester trigger purple large', data: {name: 'demo call', action: 'Schedule a Demo', color: 'purple'}
             | Schedule a Demo
           br

frontend/css/features.sass

@@ -1,4 +1,4 @@
-.publishing.fragment, .analytics.fragment, .engagement.fragment
+.publishing.fragment, .analytics.fragment, .it.fragment
 
   padding: 6em 0
 
@@ -12,8 +12,13 @@
   iframe
     overflow: hidden
 
-.engagement.fragment
-  background: lighten($black,95)
 
 .analytics.fragment
-  background: $white
+  background: lighten($black,95)
+
+.it.fragment
+  background: $blue
+
+  .lead
+    color: $white
+    text-align: center

frontend/css/global.sass

@@ -109,6 +109,7 @@ body
   h1.ui.header
     font-size: 2.5em
     text-transform: uppercase
+    text-align: center
     @include media("<tablet")
       text-align: left
       font-size: 1.9em
@@ -125,6 +126,7 @@ body
     color: white
     font-size: 1.7em
     line-height: 1.75em
+    text-align: center
     @include media("<tablet")
       max-width: 100%
       font-size: 1.7em