From 4e2340f7ec88a89a114fdad49bf9b5e1f7710caa Mon Sep 17 00:00:00 2001
From: Zach Daniel <zach@zachdaniel.dev>
Date: Tue, 3 Oct 2023 11:10:41 -0400
Subject: [PATCH] improvement: bigger logos, feature alembic more

---
 lib/ash_hq_web/pages/home.ex | 83 +++++++++++++++++-------------------
 mix.lock                     |  2 +-
 2 files changed, 41 insertions(+), 44 deletions(-)

diff --git a/lib/ash_hq_web/pages/home.ex b/lib/ash_hq_web/pages/home.ex
index 13abf51a..b2ad8d4a 100644
--- a/lib/ash_hq_web/pages/home.ex
+++ b/lib/ash_hq_web/pages/home.ex
@@ -31,7 +31,7 @@ defmodule AshHqWeb.Pages.Home do
           Build <CalloutText text="powerful Elixir applications" /> with a <CalloutText text="flexible" /> tool-chain.
         </div>
 
-        <div class="flex flex-col space-y-4 md:space-x-4 md:space-y-0 md:flex-row items-center mt-8 md:mt-16 mb-6 md:mb-10">
+        <div class="flex flex-col space-y-4 md:space-x-4 md:space-y-0 md:flex-row items-center mt-8 mb-6 md:mb-10">
           <a
             href="/docs/guides/ash/latest/tutorials/get-started"
             class="flex justify-center items-center w-full md:w-auto h-12 px-4 rounded-lg bg-primary-light-500 dark:bg-primary-dark-500 font-semibold dark:text-white dark:hover:bg-primary-dark-700 hover:bg-primary-light-700"
@@ -45,7 +45,7 @@ defmodule AshHqWeb.Pages.Home do
           <span class="flex items-center justify-center h-full bg-base-light-100 dark:bg-base-dark-800 rounded-full overflow-hidden text-center font-bold p-4">OR</span>
         </div>
 
-        <div class="hidden sm:flex justify-center items-center mb-6 md:mb-10 gap-4">
+        <div class="hidden sm:flex justify-center items-center gap-4">
           <a
             href="https://livebook.dev/run?url=https%3A%2F%2Fgithub.com%2Fash-project%2Fash_tutorial%2Fblob%2Fmaster%2Foverview.livemd"
             class="hover:scale-110 transition"
@@ -83,20 +83,25 @@ defmodule AshHqWeb.Pages.Home do
             <p class="italic text-sm max-w-[100px] text-center">Try our interactive tutorial with Livebook</p>
           </div>
         </div>
-        <div class="flex flex-col justify-center items-center mb-2 gap-4 w-full max-w-3xl">
-          <iframe
-            class="rounded-xl w-full aspect-video"
-            src="https://www.youtube.com/embed/c4iou77kOFc?si=gxPdzGng5cQTrr7P"
-            title="YouTube video player"
-            frameborder="0"
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-            allowfullscreen
-          />
-
-          <p class="italic text-sm text-center">Watch the ElixirConf 2023 talk</p>
+        <div class="flex flex-row justify-between bg-slate-100 dark:bg-[#2D4D5A] px-6 py-4 rounded-xl mt-8 space-x-6 hover:scale-110 dark:hover:opacity-90 hover:bg-slate-200 transition">
+          <a href="https://alembic.com.au/contact">
+            <div class="flex flex-row justify-between rounded-xl space-x-6">
+              <div class="flex flex-col text-center text-base-dark-900 font-extrabold tracking-tight dark:text-white">
+                <img class="h-12" src="/images/alembic.svg">
+                <div class="mt-2">
+                  <div class="text-2xl">
+                    Your <CalloutText text="Vision" class="text-[#EF3E24] dark:text-[#EF3E24]"/>, Our <CalloutText text="Expertise" class="text-[#EF3E24] dark:text-[#EF3E24]"/>
+                  </div>
+                  <div>
+                    Custom Solutions with Ash
+                  </div>
+                </div>
+              </div>
+            </div>
+          </a>
         </div>
 
-        <div class="grid justify-center grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 dark:bg-none dark:bg-opacity-0 py-6 text-center mx-8 gap-16 max-w-lg md:max-w-lg xl:max-w-4xl mt-2 border-t border-t-gray-600 pt-16">
+        <div class="grid justify-center grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 dark:bg-none dark:bg-opacity-0 py-6 text-center mx-8 gap-16 max-w-lg md:max-w-lg xl:max-w-4xl mt-2 pt-16">
           <Feature name="Resources">
             <:description>
               <CalloutText text="Plug and play" /> building blocks that scale with the complexity of your application.
@@ -257,45 +262,38 @@ defmodule AshHqWeb.Pages.Home do
 
         <div class="flex flex-col w-full dark:bg-none dark:bg-opacity-0 py-6">
           <div class="flex flex-col w-full">
-            <div class="flex flex-row text-center justify-center w-full text-2xl text-black dark:text-white">
-              Our Sponsors
-            </div>
-            <div class="flex flex-row mt-6 justify-center">
-              <a href="https://alembic.com.au">
-                <img class="h-16" src="/images/alembic.svg">
-              </a>
+            <div class="text-center w-full text-5xl font-bold text-black dark:text-white">
+              Backed by our <CalloutText text="sponsors" />
             </div>
           </div>
 
-          <div class="grid grid-cols-1 md:grid-cols-4 items-center align-middle justify-items-center justify-center mt-12 gap-4 gap-y-12">
+          <div class="grid grid-cols-1 md:grid-cols-3 items-center align-middle justify-items-center justify-center mt-12 gap-4 gap-y-12 mx-auto">
             <a class="block" href="https://coinbits.app/">
-              <img class="h-6" src="/images/coinbits-logo.png">
+              <img class="h-8" src="/images/coinbits-logo.png">
             </a>
             <a class="block dark:hidden" href="https://www.wintermeyer-consulting.de/">
-              <img class="h-6" src="/images/wintermeyer-logo.svg">
+              <img class="h-8" src="/images/wintermeyer-logo.svg">
             </a>
             <a class="hidden dark:block" href="https://www.wintermeyer-consulting.de/">
-              <img class="h-6" src="/images/wintermeyer-logo-dark.svg">
+              <img class="h-8" src="/images/wintermeyer-logo-dark.svg">
             </a>
             <a class="block dark:hidden" href="https://www.heretask.com/">
-              <img class="h-6" src="/images/heretask-logo-light.svg">
+              <img class="h-8" src="/images/heretask-logo-light.svg">
             </a>
             <a class="hidden dark:block" href="https://www.heretask.com/">
-              <img class="h-6" src="/images/heretask-logo-dark.svg">
+              <img class="h-8" src="/images/heretask-logo-dark.svg">
             </a>
             <a class="block" href="https://www.groupflow.app">
-              <img class="h-6" src="/images/group-flow-logo.svg">
+              <img class="h-8" src="/images/group-flow-logo.svg">
             </a>
             <div class="hidden md:block">
             </div>
-            <a class="block dark:hidden col-span-1 md:col-span-2" href="https://www.zoonect.com/en/homepage">
-              <img class="h-6" src="/images/zoonect-light.svg">
+            <a class="block dark:hidden" href="https://www.zoonect.com/en/homepage">
+              <img class="h-8" src="/images/zoonect-light.svg">
             </a>
-            <a class="hidden dark:block col-span-2" href="https://www.zoonect.com/en/homepage">
-              <img class="h-6" src="/images/zoonect-dark.svg">
+            <a class="hidden dark:block" href="https://www.zoonect.com/en/homepage">
+              <img class="h-8" src="/images/zoonect-dark.svg">
             </a>
-            <div class="hidden md:block">
-            </div>
           </div>
         </div>
 
@@ -393,27 +391,26 @@ defmodule AshHqWeb.Pages.Home do
 
         <div class="flex flex-col mt-12">
           <h2 class="mt-8 font-semibold text-red-500 dark:text-red-400">
-            Paid Support
+            Custom Solutions
           </h2>
           <div class="flex flex-row justify-between">
             <p class="mt-4 text-3xl sm:text-4xl text-base-dark-900 font-extrabold tracking-tight dark:text-base-light-50">
-              <a href="https://alembic.com.au"><CalloutText
+              <a href="https://alembic.com.au/contact"><CalloutText
                   text="Alembic"
-                  class="hover:text-primary-light-400 dark:hover:text-primary-dark-600"
+                  class="text-[#EF3E24] dark:text-[#EF3E24] hover:opacity-80"
                 /></a>
               can help
             </p>
-            <a href="https://alembic.com.au">
+            <a href="https://alembic.com.au/contact">
               <img class="h-16" src="/images/alembic-a.svg">
             </a>
           </div>
           <div class="flex flex-row">
             <p class="text-base-dark-500 dark:text-base-light-300 mt-4 max-w-3xl space-y-6">
-              Alembic offers expert support to help you overcome any challenges and ensure the success of your
-              project. Our team has extensive knowledge and experience with Ash Framework, as well as the larger Elixir
-              ecosystem and can provide personalized assistance to help you build products, implement new features, or
-              improve your existing codebases.  Contact us to learn more about our support options and how we can help
-              your project succeed.
+              Alembic specializes in providing custom solutions that ensure the success of your Ash Framework projects.
+              Leveraging extensive knowledge of both Ash Framework and the broader Elixir ecosystem, our team is
+              well-equipped to craft personalized projects, implement innovative features, or optimize your existing codebases.
+              Reach out to learn more about how our tailored solutions can make your project excel.
             </p>
           </div>
         </div>
diff --git a/mix.lock b/mix.lock
index 30a8535c..84f43887 100644
--- a/mix.lock
+++ b/mix.lock
@@ -124,7 +124,7 @@
   "surface_heroicons": {:hex, :surface_heroicons, "0.6.0", "04e171843439d2d52c868f8adf5294c49505f504a74a0200179e49c447d6f354", [:mix], [{:surface, ">= 0.5.0", [hex: :surface, repo: "hexpm", optional: false]}], "hexpm", "1136c88a8de44a63c050cec9b0b64f771127dfd96feabab4cd0bde8b6b727ba2"},
   "swoosh": {:hex, :swoosh, "1.8.1", "b1694d57c01852f50f7d4e6a74f5d119b2d8722d6a82f7288703c3e448ddbbf8", [:mix], [{:cowboy, "~> 1.1 or ~> 2.4", [hex: :cowboy, repo: "hexpm", optional: true]}, {:ex_aws, "~> 2.1", [hex: :ex_aws, repo: "hexpm", optional: true]}, {:finch, "~> 0.6", [hex: :finch, repo: "hexpm", optional: true]}, {:gen_smtp, "~> 0.13 or ~> 1.0", [hex: :gen_smtp, repo: "hexpm", optional: true]}, {:hackney, "~> 1.9", [hex: :hackney, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:mail, "~> 0.2", [hex: :mail, repo: "hexpm", optional: true]}, {:mime, "~> 1.1 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_cowboy, ">= 1.0.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "e64a93d71d1e1e32db681cf7870697495c9cb2df4a5484f4d91ded326ccd3cbb"},
   "table_rex": {:hex, :table_rex, "3.1.1", "0c67164d1714b5e806d5067c1e96ff098ba7ae79413cc075973e17c38a587caa", [:mix], [], "hexpm", "678a23aba4d670419c23c17790f9dcd635a4a89022040df7d5d772cb21012490"},
-  "tails": {:hex, :tails, "0.1.6", "ac0760d0d11ecc4dc673c60c2f014b0417e099ef63aefcd4d28e50e5f643b6d7", [:mix], [{:jason, "~> 1.4", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "9787ce0c233a5ac7c9b9c3f8b66861eada7b23f29714b9c69d943b705287f9dd"},
+  "tails": {:hex, :tails, "0.1.7", "d77a89c2faea02237d78ea81824c1362dbc3cfa4e2a203be7808617ae47bb5eb", [:mix], [{:jason, "~> 1.4", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "d5ae73c55d181ab1353f2c49aea2ef540edfa6ec6be65a89e8a392ba15a94b21"},
   "telemetry": {:hex, :telemetry, "1.2.1", "68fdfe8d8f05a8428483a97d7aab2f268aaff24b49e0f599faa091f1d4e7f61c", [:rebar3], [], "hexpm", "dad9ce9d8effc621708f99eac538ef1cbe05d6a874dd741de2e689c47feafed5"},
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.1", "315d9163a1d4660aedc3fee73f33f1d355dcc76c5c3ab3d59e76e3edf80eef1f", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7be9e0871c41732c233be71e4be11b96e56177bf15dde64a8ac9ce72ac9834c6"},
   "telemetry_poller": {:hex, :telemetry_poller, "1.0.0", "db91bb424e07f2bb6e73926fcafbfcbcb295f0193e0a00e825e589a0a47e8453", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "b3a24eafd66c3f42da30fc3ca7dda1e9d546c12250a2d60d7b81d264fbec4f6e"},