Refactor homepage (#304)

config.toml

@@ -57,14 +57,14 @@ link = "https://unpkg.com/lunr/lunr.js"
 ## English Navigation
 [[Languages.en.menu.main]]
 identifier = 'Ensign'
-name = 'Ensign'
-weight = 1
+name = 'Product'
+weight = 2
 
 [[Languages.en.menu.main]]
 identifier = 'Services'
 pageRef = 'services'
 name = 'Services'
-weight = 2
+weight = 1
 
 [[Languages.en.menu.main]]
 identifier = 'blog'
@@ -83,34 +83,21 @@ weight = 4
 [[Languages.en.menu.main]]
 identifier = 'contact'
 pageRef = 'contact'
-name = 'Request a Demo'
+name = 'Contact Us'
 url = '/contact'
 weight = 5
 
-[[Languages.en.menu.main]]
-identifier = 'login'
-pageRef = 'login'
-name = 'Get Ensign Free'
-url = 'https://rotational.app/register'
-weight = 6
-
-[[Languages.en.menu.main]]
-name = 'Ensign for Data Teams'
-pageRef = '/ensign'
-parent = 'Ensign'
-weight = 1
-
 [[Languages.en.menu.main]]
 name = 'Ensign for Enterprise'
 pageRef = '/ensign-enterprise'
 parent = 'Ensign'
-weight = 2
+weight = 1
 
 [[Languages.en.menu.main]]
 name = 'Pricing'
 pageRef = '/ensign-pricing'
 parent = 'Ensign'
-weight = 3
+weight = 2
 
 ## English Language
 [Languages.en]

content/en/_index.md

@@ -1,120 +1,18 @@
 ---
 date: 2023-02-09T10:21:41-06:00
-header: Ensign
-headertext: Database meets streaming for data scientists.
-headertextmore: Build real-time data products without breaking Prod or learning DevOps. Ensign is a database-meets-event-streaming platform for data science teams that want to get their data moving and their models into production.
-headeractions:
-- action: Sign up for Free
-  link: "https://rotational.app/register"
-- action: Learn more
-  link: "/ensign/"
+header: We Are AI Enablement Experts
+headertext: We help organizations make smart and responsible AI investments that accelerate growth, reduce costs, or automate the boring stuff.
 ---
 
-<!-- Ensign features -->
-{{< features-triple >}}
-{{% features %}}
-
-{{% features-header %}}
-Go beyond exploratory analysis to build a data science project architecture on Ensign streams
-{{% /features-header %}}
-
-{{% features-text %}}
-From 0 to deployment in 3 months
-{{% /features-text %}}
-
-{{% /features %}}
-
-{{% features %}}
-
-{{% features-header %}}
-Transform your models into APIs with Ensign's asynchronous inference engine
-{{% /features-header %}}
-
-{{% features-text %}}
-From trained model to deployment in 2 weeks
-{{% /features-text %}}
-
-{{% /features %}}
-
-{{% features %}}
-
-{{% features-header %}}
-Take control of your own data ingestion with Ensign's data storage and sharing features
-{{% /features-header %}}
-
-{{% features-text %}}
-Get the data you need to get started today
-{{% /features-text %}}
-
-{{% /features %}}
-
-{{< /features-triple >}}
-
-<!-- Home Intro section -->
-{{< home-intro image="img/space_enson_events.png" >}}
-
-**Disconnected Data Sources? Meet Real-time Insights**
-
-Ensign is a cloud native, cloud agnostic, real-time data streaming platform that seamlessly integrates your disconnected data.
-
-- Faster analytics that don't wait for data to accumulate
-- Build rapid prototypes in days rather than months
-- No cluster management or YAML editing required
-- Leverage the skills and infrastructure you *already have*
-
-Get started in minutes with an API key and developer-friendly SDKs. Made to fit any
-tech stack.
-{{< /home-intro >}}
+<!-- Edit services data in data/en/professional_services.yml -->
+{{< professional-services >}}
 
 <!-- Edit and add clients in data/en/clients.yml -->
 {{< clients >}}
 
-<!-- Ensign for Data Teams and Enterprise Section -->
-<!-- container double makes this a two column section with the specified bg color -->
-{{< container color="#E3E3E1" >}}
-{{< double >}}
-
-<!-- Ensign for Data Teams -->
-{{% vtriple %}}
-### Data Science 2.0
-
-{{< figure src="/img/ensign_developers.png" alt="Sea Otter Engineers" >}}
-
-Open-source tools to rapidly prototype new data pipelines, integrate realtime analytics, and get your data science predicting beyond the batch.
-
-{{< button href="/ensign/" text="Learn More">}}
-
-{{% /vtriple %}}
-
-<!-- Ensign for Enterprise -->
-{{% vtriple %}}
-### Ensign for Enterprise
-
-{{< figure src="/img/ensign_enterprise.png" alt="Sea Otter Product Managers" >}}
-
-Cooperation-as-a-service. Break down data silos and build low-maintenance topologies tailored to your business. Cloud, on prem, edge or hybrid.
-{{< button href="/ensign-enterprise/" text="Learn More">}}
-
-{{% /vtriple %}}
-{{< /double >}}
-{{< /container >}}
-
-<!-- Get Started section has custom CSS so needs to be in its own shortcode -->
-{{< get-started >}}
-
-### Get Started
-
-{{< widefigure src="/img/get_started.png" alt="Getting Started Steps">}}
-
-[Curious? Check out the GitHub Repo.](https://github.com/rotationalio/ensign)
-
-{{< /get-started >}}
-
 <!-- On the Cloud section -->
 {{< container color="#ECF6FF" >}}
 
-{{< button href="https://rotational.app/register" text="Create Account">}}
-
 <!-- Data for cloud partners can be found at data/en/cloud.yml -->
 {{< clouds >}}
 

data/en/cloud.yml

@@ -1,12 +1,21 @@
 ############################### cloud partnerships ############################
 partnerships:
   enable : true
-  title : On the Cloud
+  title : We Meet Our Clients Where They Are
   partner_item :
     # partner_item loop
-    - name : Google Cloud Partner
-      image : img/partners/googlecloud.png
-    - name : Linode - Akamai Connected Cloud Partner
-      image : img/partners/linode.png
+  - name : Google Cloud Partner
+    image : img/partners/googlecloud.png
+    link : https://cloud.google.com/
+  - name : Amazon Web Services (AWS)
+    image : img/partners/aws.png
+    link : https://aws.amazon.com/
+  - name : Microsoft Azure
+    image : img/partners/azure.png
+    link : https://azure.microsoft.com/
+  - name : Linode - Akamai Connected Cloud Partner
+    image : img/partners/linode.png
+    link : https://www.linode.com/
+
 
 

data/en/professional_services.yml

@@ -0,0 +1,11 @@
+professional_services:
+  enable: true
+  service_item:
+  - header_text: Professional Services
+    description: Every organization is different. We work with clients to leverage their domain expertise and make sensible AI investments in LLMs and agents tailored to their use cases, strategy, and mission.
+    button_text: Learn More
+    link: /services
+  - header_text: Data Management & Engineering
+    description: Our data ingestion, storage, and hosting solutions make it easy to get started, refine domain-specific corpora,  and responsibly manage and monitor data sets or sources that power models.
+    button_text: Learn More
+    link: /ensign-enterprise

layouts/partials/site-header.html

@@ -23,7 +23,7 @@ <h1 class="font-bold text-3xl md:text-5xl">{{ . | markdownify }}</h1>
                   {{ $headertext := .Params.headertext }}
                   {{ $headertextmore := .Params.headertextmore }}
                   {{ with $headertext }}
-                  <p class="mt-6 leading-snug sm:leading-tight md:leading-snug xl:leading-tight text-xl md:text-3xl font-bold">
+                  <p class="mt-6 text-sm md:text-xl">
                       {{ . | markdownify }}
                   </p>
                   {{ if $headertextmore }}

layouts/partials/site-nav.html

@@ -6,7 +6,7 @@
         {{ $currentPage := . }}
         {{ range .Site.Menus.main }}
         <li>
-        {{ if eq .Name "Ensign" }}
+        {{ if eq .Name "Product" }}
         <span>
             <div class="ensign-menu">
                 {{ .Name }}

layouts/shortcodes/clouds.html

@@ -2,7 +2,7 @@
 
 {{ if $data.cloud.partnerships.enable }}
 {{ with $data.cloud.partnerships }}
-<div class="mt-8">
+<div>
   <h2 class="font-bold text-2xl sm:text-4xl text-center">
     <span>
       {{ with .title }} {{ index (split . " ") 0 | safeHTML }} {{ end }}
@@ -12,7 +12,9 @@ <h2 class="font-bold text-2xl sm:text-4xl text-center">
   <ul class="sm:flex mt-10 mx-auto justify-center sm:space-x-24">
   {{- range .partner_item -}}
     <li class="p-4 sm:p-0 text-center">
-      <img src="{{ .image }}" alt="{{ .name }}" class="h-24 mx-auto">
+      <a href="{{ .link }}" target="_blank">
+        <img src="{{ .image }}" alt="{{ .name }}" class="h-24 mx-auto">
+      </a>
     </li>
   {{- end -}}
   </ul>

layouts/shortcodes/container.html

@@ -1,5 +1,5 @@
 {{ $color := .Get "color" }}
-{{ if $color }}<div style="background-color: {{ $color }}">{{ end }}
+{{ if $color }}<div class="mt-20" style="background-color: {{ $color }}">{{ end }}
 <div class="relative max-w-7xl mx-auto px-4 sm:px-6 mt-10 py-12 text-center">
   {{ .Inner | markdownify | safeHTML }}
 </div>

layouts/shortcodes/professional-services.html

@@ -0,0 +1,18 @@
+{{ $data := index site.Data site.Language.Lang }}
+
+{{ if $data.professional_services.professional_services.enable }}
+{{ with $data.professional_services.professional_services }}
+<section class="grid grid-cols-1 md:grid-cols-2 gap-14 md:gap-4 items-center mt-8">
+  {{ range .service_item }}
+  <section class="flex flex-col h-full px-14">
+    <h2 class="font-bold text-xl md:text-2xl">{{ .header_text }}</h2>
+    <p class="mt-3 mb-6">{{ .description }}</p>
+    <div class="flex mt-auto justify-center">
+      <a href="{{ .link }}" class="bg-[#192E5B] text-white text-center font-bold px-16 py-4 rounded-md hover:bg-[#1D65A6]">{{ .button_text }}</a>
+    </div>
+  </section>
+  {{ end }}
+</section>
+{{ end }}
+{{ end }}
+

static/output.css

@@ -1776,6 +1776,10 @@ video {
   gap: 1.25rem;
 }
 
+.gap-14 {
+  gap: 3.5rem;
+}
+
 .gap-x-20 {
   -moz-column-gap: 5rem;
        column-gap: 5rem;
@@ -2519,10 +2523,6 @@ video {
   line-height: 1.5;
 }
 
-.leading-snug {
-  line-height: 1.375;
-}
-
 .text-\[\#1D65A6\] {
   --tw-text-opacity: 1;
   color: rgb(29 101 166 / var(--tw-text-opacity));
@@ -3542,10 +3542,6 @@ em {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
-
-  .sm\:leading-tight {
-    line-height: 1.25;
-  }
 }
 
 @media (min-width: 768px) {
@@ -3791,18 +3787,14 @@ em {
     line-height: 1;
   }
 
-  .md\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-
   .md\:text-lg {
     font-size: 1.125rem;
     line-height: 1.75rem;
   }
 
-  .md\:leading-snug {
-    line-height: 1.375;
+  .md\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
   }
 }
 
@@ -3983,10 +3975,6 @@ em {
   .xl\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-
-  .xl\:leading-tight {
-    line-height: 1.25;
-  }
 }
 
 .\[\&\.active\]\:bg-\[\#192E5B\].active {