Merge pull request #417 from CanineHQ/chriszhu__homepage_updates

homepage updates

app/views/projects/build_configurations/_buildpack_fields.html.erb

@@ -19,7 +19,7 @@
             ["paketobuildpacks/builder-jammy-full:latest", "paketobuildpacks/builder-jammy-full:latest"],
             ["paketobuildpacks/builder:full", "paketobuildpacks/builder:full"]
           ],
-          selected: build_configuration.buildpack_base_builder || "heroku/buildpacks:20"
+          selected: build_configuration.buildpack_base_builder || "heroku/buildpacks:24"
         ),
         { include_blank: "Select a base builder..." },
         { class: "select select-bordered w-full", data: { buildpack_fields_target: "baseBuilder" } }

app/views/static/index.html.erb

@@ -6,7 +6,10 @@
       <!-- Hero section -->
       <%= render "static/landing_page/hero" %>
 
-      <!-- Stats -->
+      <!-- Deploy section -->
+      <%= render "static/landing_page/deploy" %>
+
+      <!-- Pricing section -->
       <%= render "static/landing_page/pricing" %>
 
       <!-- Feature section -->

app/views/static/landing_page/_deploy.html.erb

@@ -0,0 +1,22 @@
+<div>
+  <div class="mx-auto max-w-7xl px-6 lg:px-8">
+    <div class="mx-auto max-w-2xl sm:text-center">
+      <h2 class="text-base font-semibold leading-7 text-indigo-400">Deployments made easy</h2>
+
+      <p class="mt-2 text-2xl font-bold tracking-tight text-white sm:text-4xl">
+        A developer-friendly PaaS for your own infrastructure
+      </p>
+      <p class="mt-6 text-lg leading-8 text-gray-300">
+        Push your code, and Canine will take care of the rest. Manage your entire application lifecycle in one place.
+      </p>
+    </div>
+  </div>
+  <div class="relative overflow-hidden pt-16">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+      <img src="/images/deployment_styled.webp" alt="App screenshot" class="mb-[-4%] rounded-xl shadow-2xl ring-1 ring-white/10" width="2432" height="1442">
+      <div class="relative" aria-hidden="true">
+        <div class="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-gray-900 pt-[7%]"></div>
+      </div>
+    </div>
+  </div>
+</div>