style: highlight hobby plan

Author: TobiasGleiter

internal/assets/dist/index.css

@@ -6820,6 +6820,12 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .scale-105 {
+    --tw-scale-x: 105%;
+    --tw-scale-y: 105%;
+    --tw-scale-z: 105%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .swap-rotate {
     @layer daisyui.l1.l2 {
       .swap-on, input:indeterminate ~ .swap-on {
@@ -10749,6 +10755,21 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -10994,6 +11015,9 @@
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;

internal/templates/pages/landing.tmpl

@@ -117,11 +117,11 @@
         </div>
       </div>
 
-      <div class="card bg-base-100 shadow border border-base-300">
+      <div class="card bg-base-100 shadow border border-primary scale-105">
         <div class="card-body">
           <div class="flex items-center gap-2">
             <h3 class="card-title text-2xl font-bold">Hobby</h3>
-            <span class="badge badge-ghost badge-sm">Managed</span>
+            <span class="badge badge-primary badge-sm">Managed</span>
           </div>
           <p class="text-4xl font-bold mt-2">$9<span class="text-base font-normal text-base-content/60">/mo</span></p>
           <p class="text-base-content/60 text-sm mb-4">Managed hosting, backups &amp; uptime</p>
@@ -130,16 +130,16 @@
             <li class="flex items-center gap-2">{{ template "success-icon" . }} Import &amp; Export</li>
           </ul>
           <div class="card-actions mt-6">
-            <a href="mailto:gearberg@bit8bytes.com?subject=Managed%20Hobby%20Plan&body=Hi%2C%20I%27d%20like%20to%20get%20started%20with%20the%20Gearberg%20Managed%20Hobby%20plan%20at%20%249%2Fmonth." class="btn btn-outline w-full">Get Started</a>
+            <a href="mailto:gearberg@bit8bytes.com?subject=Managed%20Hobby%20Plan&body=Hi%2C%20I%27d%20like%20to%20get%20started%20with%20the%20Gearberg%20Managed%20Hobby%20plan%20at%20%249%2Fmonth." class="btn btn-primary w-full">Get Started</a>
           </div>
         </div>
       </div>
 
-      <div class="card bg-base-100 shadow border border-primary">
+      <div class="card bg-base-100 shadow border border-base-300">
         <div class="card-body">
           <div class="flex items-center gap-2">
             <h3 class="card-title text-2xl font-bold">Solo</h3>
-            <span class="badge badge-primary badge-sm">Managed</span>
+            <span class="badge badge-ghost badge-sm">Managed</span>
           </div>
           <p class="text-4xl font-bold mt-2">$19<span class="text-base font-normal text-base-content/60">/mo</span></p>
           <p class="text-base-content/60 text-sm mb-4">Managed hosting, backups &amp; uptime</p>
@@ -149,7 +149,7 @@
             <li class="flex items-center gap-2">{{ template "success-icon" . }} Import &amp; Export</li>
           </ul>
           <div class="card-actions mt-6">
-            <a href="mailto:gearberg@bit8bytes.com?subject=Managed%20Solo%20Plan&body=Hi%2C%20I%27d%20like%20to%20get%20started%20with%20the%20Gearberg%20Managed%20Solo%20plan%20at%20%2419%2Fmonth." class="btn btn-primary w-full">Get Started</a>
+            <a href="mailto:gearberg@bit8bytes.com?subject=Managed%20Solo%20Plan&body=Hi%2C%20I%27d%20like%20to%20get%20started%20with%20the%20Gearberg%20Managed%20Solo%20plan%20at%20%2419%2Fmonth." class="btn btn-outline w-full">Get Started</a>
           </div>
         </div>
       </div>