Investors section & Earthfile page (#870)

* Investors section & Earthfile page

* Redirect, Minor changes

* Removed earthly core

* Earthly core page cleanup

* Changed Earthly to Earthfiles

* Change Before/WithEarthly to Before/WithEarthfiles

* Navbar changes, Earthfile hero changes

---------

Co-authored-by: Brandon Schurman <[email protected]>

blog/_includes/nav/footer.html

@@ -6,7 +6,8 @@
         <div class="grid grid-cols-3 w-[600px] mt-10 gap-4 lg:gap-8 py-4 bg-gray-100 pl-4 pr-4 lg:pl-10 rounded-lg">
             <div class="col-span-1">
                 <div class="font-semibold mb-2">Products</div>
-                  <div class="mb-1 hover:underline"><a href="/earthly-core">Earthly</a></div>
+                  <div class="mb-1 hover:underline"><a href="/earthfile">Earthfile</a></div>
+                  <div class="mb-1 hover:underline"><a href="/earthly-lunar">Earthly Lunar</a></div>
                   <div class="mb-1 hover:underline"><a href="/earthly-cloud">Earthly Cloud</a></div>
                   <div class="mb-1 hover:underline"><a href="/earthly-satellites">Earthly Satellites</a></div>
                   <div class="mb-1 hover:underline"><a href="https://status.earthly.dev/">Check Status</a></div>

blog/_includes/nav/header.html

@@ -49,7 +49,8 @@
                 <div class="hidden group-hover:flex border xl:w-[540px] z-50 absolute top-[68px] left-0 rounded-lg bg-white shadow-md overflow-hidden pb-4 pt-5 text-base">
                   <div class="border-r pb-5">
                     <p class="w-[220px] xl:w-[254px] font-bold text-lg xl:text-xl mb-0 mt-0 pb-2 pl-7">Products</p>
-                    <div class="pl-7 pr-8 hover:bg-[#f1fbff]"><a href="/earthly-core" class="border-b py-3 flex items-center text-sm xl:text-base">Earthly</a></div>
+                    <div class="pl-7 pr-8 hover:bg-[#f1fbff]"><a href="/earthfile" class="border-b py-3 flex items-center text-sm xl:text-base">Earthfile</a></div>
+                    <div class="pl-7 pr-8 hover:bg-[#f1fbff]"><a href="/earthly-lunar" class="border-b py-3 flex items-center text-sm xl:text-base">Earthly Lunar</a></div>
                     <div class="pl-7 pr-8 hover:bg-[#f1fbff]"><a href="/earthly-cloud" class="border-b py-3 flex items-center text-sm xl:text-base">Earthly Cloud</a></div>
                     <div class="ml-7 pl-[18px] pr-8 hover:bg-[#f1fbff]"><a href="/earthly-satellites" class="py-3 flex items-center text-sm xl:text-base">Earthly Satellites</a></div>
                   </div>

blog/_includes/nav/mobile-menu.html

@@ -39,7 +39,8 @@
         <div class="border-b w-full text-xl pt-4 flex flex-col pl-2">
             <div>Products</div>
 
-            <a href="/earthly-core" class="border-b pl-4 py-4 flex items-center hover:bg-[#f1fbff]">Earthly</a>
+            <a href="/earthfile" class="border-b pl-4 py-4 flex items-center hover:bg-[#f1fbff]">Earthfile</a>
+            <a href="/earthly-lunar" class="border-b pl-4 py-4 flex items-center hover:bg-[#f1fbff]">Earthly Lunar</a>
             <a href="/earthly-cloud" class="border-b pl-4 py-4 flex items-center hover:bg-[#f1fbff]">Earthly Cloud</a>
             <a href="/earthly-satellites" class="ml-4 pl-4 py-4 flex items-center hover:bg-[#f1fbff]">Earthly Satellites</a>
         </div>

website/_includes/cta-home-button.html

@@ -1,21 +1,30 @@
 <div class="w-full mt-2">
   <div class="px-6 lg:px-10 pt-4 max-w-7xl m-auto">
-    <div class="bg-[#f1fbff] flex flex-col items-center px-6 rounded-lg">
+    <div class="bg-[#f1fbff] flex flex-col items-center pb-14 px-6 rounded-lg">
       <p class="font-semibold pt-14 text-4xl text-center tracking-tight">
-        Get Started with Earthly Cloud now!
+        Get Started with Earthfiles now!
       </p>
 
       <p class="pt-6 text-center text-slate-400 text-xl">
-        Consistent, Fast Builds in the Cloud
+        Simple, Fast, Consistent Builds
       </p>
 
-      <a
-        href="https://cloud.earthly.dev/login"
-        class="w-full max-w-md mb-20 mt-4 py-6 text-2xl text-center cursor-pointer shadow-sm text-white bg-[#2d7e5d] hover:bg-[#2d7e5d] rounded-lg inline-block"
-        onclick="bottomCtaGetEarthlyClick()"
-      >
-        Get Started Free
-      </a>
+      <div class="flex flex-col sm:flex-row gap-4 mt-6 mx-6">
+        <a
+          href="https://cloud.earthly.dev/login"
+          class="w-64 py-4 text-xl sm:text-2xl text-center cursor-pointer shadow-sm text-white bg-[#2d7e5d] hover:bg-[#2d7e5d] rounded-lg inline-block whitespace-nowrap"
+          onclick="bottomCtaGetEarthlyClick()"
+        >
+          Get Started Free
+        </a>
+        <a
+          href="https://docs.earthly.dev"
+          class="w-64 py-4 text-xl sm:text-2xl text-center cursor-pointer shadow-sm border-2 border-[#2d7e5d] text-[#2d7e5d] rounded-lg inline-block whitespace-nowrap"
+          onclick="bottomCtaViewDocsClick()"
+        >
+          View Docs
+        </a>
+      </div>
     </div>
   </div>
 </div>
@@ -27,4 +36,11 @@
       label: "bottom-cta-get-started-free-click",
     });
   }
+
+  function bottomCtaViewDocsClick() {
+    analytics.track("bottom-cta-view-docs-click", {
+      category: "View Docs Click",
+      label: "bottom-cta-view-docs-click",
+    });
+  }
 </script>

website/_includes/head.html

@@ -4,7 +4,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="{{ "/assets/css/index.46bb9c26.css" | relative_url }}">
   <link rel="icon" type="image/png" href="/assets/img/favicon.png">
-  <title>{{ page.title }} - {{ site.tagline }}</title>
+  {% if page.fullTitle != null && page.fullTitle != "" %}
+    <title>{{ page.fullTitle }}</title>
+  {% else %}
+    <title>{{ page.title }} - {{ site.tagline }}</title>
+  {% endif %}
   {% if page.description != null && page.description != "" %}
     <meta name="description" content="{{ page.description }}">
   {% else %}