earthly · thtmnisamnstr · Oct 19, 2023 · Oct 12, 2023 · Oct 12, 2023 · Oct 17, 2023
diff --git a/blog/_includes/nav/footer.html b/blog/_includes/nav/footer.html
@@ -27,6 +27,7 @@
                   <div class="mb-1 hover:underline"><a href="/customer-stories">Customer Stories</a></div>
                   <div class="mb-1 hover:underline"><a href="/solutions">Solutions</a></div>
                   <div class="mb-1 hover:underline"><a href="/faq">FAQ</a></div>
+                  <div class="mb-1 hover:underline"><a href="/about-earthly">About Earthly</a></div>
                   <div class="mb-1 hover:underline"><a href="/newsroom">Newsroom</a></div>
                   <div class="mb-1 hover:underline"><a href="/get-earthly">Download</a></div>
             </div>

diff --git a/website/_data/earthly-benefits.yml b/website/_data/earthly-benefits.yml
@@ -0,0 +1,7 @@
+- Fully-remote (Earthly always has been)
+- Stock options
+- Health, dental, and vision insurance premiums covered 80% for yourself and dependents
+- Flexible time off, with a minimum required of 20 working days per year
+- 401k matching up to the first 1% of your annual base salary
+- $100 monthly allowance for a gym membership or activity equipment
+- $100 monthly allowance for high-speed internet
diff --git a/website/_data/earthly-values.yml b/website/_data/earthly-values.yml
@@ -0,0 +1,44 @@
+- title: Versatility
+  description: Interoperability, Configurability, Extensibility
+  image: arrows-expand-full.svg
+  type: platform
+
+- title: Approachability
+  description: Readability, Intuitiveness, First-time ease of use
+  image: arrows-minimize.svg
+  type: platform
+
+- title: Reproducibility
+  description: Repeatability, Portability
+  image: arrows-split.svg
+  type: platform
+
+- title: Speed
+  description: Performance, Computation reusability
+  image: fastapi.svg
+  type: other
+
+- title: User Respect
+  description: Integrity, Transparency
+  image: handshake.svg
+  type: other
+
+- title: Consistency of Experience
+  description: Simplicity
+  image: arrows-rotate.svg
+  type: other
+
+- title: Expressiveness
+  description: Having more than one way to do the same thing
+  image: star.svg
+  type: non-value
+
+- title: Velocity
+  description: Evolving Earthly itself fast
+  image: velocity.svg
+  type: non-value
+
+- title: Opinionated
+  description: Strictly prescribing how Earthly can be used for the sake of simplicity
+  image: chat.svg
+  type: non-value
diff --git a/website/_includes/about-earthly/benefits.html b/website/_includes/about-earthly/benefits.html
@@ -0,0 +1,35 @@
+<div class="w-full mb-2 mt-16">
+  <div class="px-6 lg:px-10 max-w-7xl m-auto">
+    <div class="bg-[#f1fbfe] flex flex-col items-center px-6 py-14 rounded-xl shadow-md">
+      <p class="font-semibold text-4xl text-center">Interested in Joining Earthly?</p>
+      <p class="font-semibold mt-2 text-[#6b7280] text-2xl text-center">Benefits include:</p>
+
+      <div class="w-full gap-x-24 grid md:grid-cols-2 mt-2 md:px-4 py-6">
+        <div>
+          {% for item in site.data.earthly-benefits limit: 4 %}
+            <div class="flex mt-4">
+              <img class="w-5 h-5 mt-1" src="assets/svg/check.svg" alt="Check" />
+              <p class="font-semibold ml-2 text-[#475569 text-lg tracking-tight">{{ item }}</p>
+            </div>
+          {% endfor %}
+        </div>
+
+        <div>
+          {% for item in site.data.earthly-benefits limit: 4 offset:4 %}
+            <div class="flex mt-4">
+              <img class="w-5 h-5 mt-1" src="assets/svg/check.svg" alt="Check" />
+              <p class="font-semibold ml-2 text-[#475569 text-lg tracking-tight">{{ item }}</p>
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+
+      <a
+        href="https://jobs.earthly.dev/"
+        class="font-normal mt-12 px-8 md:px-16 py-6 text-xl md:text-2xl text-center cursor-pointer shadow-sm text-white bg-[#2d7e5d] hover:bg-[#2d7e5d] rounded-lg inline-block"
+      >
+        Vist our Jobs page
+      </a>
+    </div>
+  </div>
+</div>
diff --git a/website/_includes/about-earthly/community.html b/website/_includes/about-earthly/community.html
@@ -0,0 +1,51 @@
+<div class="w-full">
+  <div class="px-6 lg:px-10 pt-14 max-w-7xl m-auto">
+    <div class="font-semibold text-3xl lg:text-4xl text-center">
+      Open Source and a Strong Community
+    </div>
+    <div class="pt-2 text-[#6b7280] text-xl lg:text-2xl text-center">
+      Open source projects benefit from a collaborative community. Earthly
+      encourages contributions.
+    </div>
+
+    <div class="bg-white flex flex-col md:flex-row md:flex-wrap gap-5 md:gap-2.5 items-center mt-10 px-6 py-10 rounded-xl shadow-lg community-counts">
+      <div class="text-center">
+        <p class="text-[#475569] text-4xl tracking-tighter font-bold">9800+</p>
+        <p class="mt-2 text-[#6b7280] text-lg">Stars</p>
+      </div>
+
+      <div class="divider"></div>
+
+      <div class="text-center">
+        <p class="text-[#475569] text-4xl tracking-tighter font-bold">2300+</p>
+        <p class="mt-2 text-[#6b7280] text-lg">Commits</p>
+      </div>
+
+      <div class="divider"></div>
+
+      <div class="text-center">
+        <p class="text-[#475569] text-4xl tracking-tighter font-bold">90+</p>
+        <p class="mt-2 text-[#6b7280] text-lg">Contributors</p>
+      </div>
+
+      <div class="divider"></div>
+
+      <div class="text-center">
+        <p class="text-[#475569] text-4xl tracking-tighter font-bold">1100+</p>
+        <p class="mt-2 text-[#6b7280] text-lg">Community Members</p>
+      </div>
+    </div>
+
+    <div class="pt-10 text-center">
+      <div class="pt-4">
+        Want to see the source? Found an issue? Have an idea for a feature or
+        contribution? Head over to
+        <a class="blue-link underline" href="https://github.com/earthly/earthly">our GitHub repo</a>.
+      </div>
+      <div class="pt-2">
+        Have Questions?
+        <a class="blue-link underline" href="https://earthly.dev/slack">Join our Slack</a>. We are there Monday through Friday and happy to answer questions.
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/website/_includes/about-earthly/hero.html b/website/_includes/about-earthly/hero.html
@@ -0,0 +1,18 @@
+<main class="mb-10 mt-[70px] pt-20 lg:pt-16 relative">
+  <div class="flex flex-col items-center max-w-7xl mx-auto px-4 lg:px-10">
+    <img class="w-40" src="assets/svg/symbol-only.svg" alt="Earthly Logo" />
+
+    <p class="font-semibold pt-10 text-[#475569] text-xl">About Earthly</p>
+
+    <h1 class="font-medium mt-2 text-5xl sm:text-7xl text-center tracking-tight">
+      The World Deserves Better Builds<br>
+      <span class="inline-block mt-2 text-[#2d7e5d]">That’s why we build Earthly</span>
+    </h1>
+  </div>
+
+  <div class="wave-container">
+    <div class="wave"></div>
+    <div class="wave"></div>
+    <div class="wave"></div>
+  </div>
+</main>
diff --git a/website/_includes/about-earthly/meet-founder.html b/website/_includes/about-earthly/meet-founder.html
@@ -0,0 +1,19 @@
+<div class="w-full mt-16">
+  <div class="px-6 lg:px-10 max-w-7xl m-auto">
+    <div class="bg-[#f9fafc] flex flex-col md:flex-row gap-16 items-center px-6 py-12 rounded-lg shadow-md">
+      <img class="w-60 h-60 mx-auto" src="assets/img/vlad.png" alt="Vlad" />
+
+      <div class="md:ml-2">
+        <p class="font-semibold text-3xl md:text-4xl">Meet Vlad, Earthly’s Founder & CEO</p>
+        <p class="mt-10 text-lg tracking-tight">
+          Vlad founded Earthly in 2020. He is repeat entrepreneur with an
+          extensive background in cloud computing. Vlad co-founded Qwiet AI
+          (formerly ShiftLeft), the application security platform; created Lever
+          OS, the first open-source serverless/lambda implementation; and
+          co-authored the RabbitMQ Erlang client. Vlad was previously a software
+          engineer at Google (2x) and VMWare.
+        </p>
+      </div>
+    </div>
+  </div>
+</div>