From c75f278d5ab8e948347b485662c51f2426114882 Mon Sep 17 00:00:00 2001
From: Joseph Hansen <45859835+josephclaytonhansen@users.noreply.github.com>
Date: Sat, 3 Feb 2024 14:05:38 -0600
Subject: [PATCH] buildbot: 2/3 14:05

---
 .../{index-3Uy3iODF.js => index-_9IXvV77.js}  |   2 -
 dist/index.html                               |   2 +-
 dist/sitemap.xml                              |   2 +-
 public/sitemap.xml                            |   2 +-
 .../main/blocks/services/PanelDevelopment.vue | 136 +++++++++++++++++-
 5 files changed, 138 insertions(+), 6 deletions(-)
 rename dist/assets/{index-3Uy3iODF.js => index-_9IXvV77.js} (99%)
diff --git a/dist/assets/index-3Uy3iODF.js b/dist/assets/index-_9IXvV77.js
similarity index 99%
rename from dist/assets/index-3Uy3iODF.js
rename to dist/assets/index-_9IXvV77.js
index 21603b9..6a987d2 100644
--- a/dist/assets/index-3Uy3iODF.js
+++ b/dist/assets/index-_9IXvV77.js
@@ -19515,8 +19515,6 @@ const Uw = { class: "flex-col w-11/12 sm:w-10/12 md:w-8/12 py-4" },
     { path: "/", component: null, props: { component: "home" } },
     { path: "/pricing", component: null, props: { component: "pricing" } },
     { path: "/contact", component: null, props: { component: "contact" } },
-    { path: "/contact-me", component: null, props: { component: "contact" } },
-    { path: "/about", component: null, props: { component: "about-me" } },
     { path: "/about-me", component: null, props: { component: "about-me" } },
     { path: "/portfolio", component: null, props: { component: "portfolio" } },
     {
diff --git a/dist/index.html b/dist/index.html
index b717281..ac5193f 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -26,7 +26,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Martel:wght@400;700&family=Fira+Code:wght@400;700&display=swap" rel="preconnect">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Vue</title>
-    <script type="module" crossorigin src="/assets/index-3Uy3iODF.js"></script>
+    <script type="module" crossorigin src="/assets/index-_9IXvV77.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-9sUoWJlI.css">
   </head>
   <body>
diff --git a/dist/sitemap.xml b/dist/sitemap.xml
index 3694118..bfd2f10 100644
--- a/dist/sitemap.xml
+++ b/dist/sitemap.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://josephhansen.dev/</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/pricing</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/contact</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/contact-me</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/about</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/about-me</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/bazaar</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/okc-south-stake</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/build-on-your-land</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/aris-search</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/swim-state-pool</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/atlanta-floor-one</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/stehl-family-dental</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/stuart-pipe</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/tub-boys</loc><changefreq>daily</changefreq><priority>0.3</priority></url></urlset>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://josephhansen.dev/</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/pricing</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/contact</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/contact-me</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/about</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/about-me</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/bazaar</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/okc-south-stake</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/build-on-your-land</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/aris-search</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/swim-state-pool</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/atlanta-floor-one</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/stehl-family-dental</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/stuart-pipe</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/tub-boys</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/josephhansen-dev</loc><changefreq>daily</changefreq><priority>0.3</priority></url></urlset>
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index bfd2f10..98c3397 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://josephhansen.dev/</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/pricing</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/contact</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/contact-me</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/about</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/about-me</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/bazaar</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/okc-south-stake</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/build-on-your-land</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/aris-search</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/swim-state-pool</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/atlanta-floor-one</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/stehl-family-dental</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/stuart-pipe</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/tub-boys</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/josephhansen-dev</loc><changefreq>daily</changefreq><priority>0.3</priority></url></urlset>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://josephhansen.dev/</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/pricing</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/contact</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/about-me</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/bazaar</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/okc-south-stake</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/build-on-your-land</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/aris-search</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/swim-state-pool</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/atlanta-floor-one</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/stehl-family-dental</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/stuart-pipe</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/tub-boys</loc><changefreq>daily</changefreq><priority>0.3</priority></url><url><loc>https://josephhansen.dev/portfolio/josephhansen-dev</loc><changefreq>daily</changefreq><priority>0.3</priority></url></urlset>
\ No newline at end of file
diff --git a/src/components/main/blocks/services/PanelDevelopment.vue b/src/components/main/blocks/services/PanelDevelopment.vue
index 5e83a02..5c249cf 100644
--- a/src/components/main/blocks/services/PanelDevelopment.vue
+++ b/src/components/main/blocks/services/PanelDevelopment.vue
@@ -2,6 +2,140 @@
   const props = defineProps({
     brightness: Number,
   })
+  const pClass = (brightness) => {
+    if (brightness >= 4) {
+      return "text-slate-800"
+    } else if (brightness == 3) {
+      return "text-slate-200"
+    } else if (brightness == 2) {
+      return "text-slate-300"
+    } else if (brightness == 1) {
+      return "text-slate-300"
+    }
+  }
+
+  import ctaForm from "../ctaForm/ctaForm.vue"
 </script>
 
-<template></template>
+<template>
+
+<div
+    class="flex w-full gap-4 md:p-8 sm:p-4 items-center justify-center flex-col">
+    <div
+      class="prose md:w-10/12 sm:w-12/12 mt-8"
+      style="max-width: 84ch !important">
+      <h2 class="text-3xl mb-1" :class="pClass(brightness)">
+        Need a custom pricing calculator?
+        </h2>
+        
+        <div class="image-container">
+          <img
+            src="https://images.josephhansen.dev/uploads/file2024-02-0313-1706989687978.webp"
+            alt="Screenshot of GalaxyIT Pricing Calculator"
+            class="bg-slate-200 object-contain w-full rounded-xl" />
+        </div>
+
+        <div class = "flex w-full items-center justify-between flex-wrap sm:flex-wrap md:flex-nowrap mt-12">
+        <h3 class="text-xl m-0" :class="pClass(brightness)">
+          I can do that! Check out this one I made for GalaxyIT:</h3>
+          <a href="https://galaxyit.com/savings-calculator/">
+        <button
+          class="rounded px-5 py-2 text-white font-semibold"
+          :class="{
+            'bg-slate-700': brightness >= 4,
+            'bg-slate-500': brightness == 3,
+            'bg-slate-400': brightness <= 2,
+          }">
+          GalaxyIT Pricing Calculator
+        </button>
+      </a>
+        
+        </div>
+
+        <h2 class="text-3xl mb-1" :class="pClass(brightness)">
+        What about dynamic hours?
+        </h2>
+        
+        <div class="image-container">
+          <img
+            src="https://images.josephhansen.dev/uploads/file2024-02-0313-1706990008524.webp"
+            alt="Screenshot of Build on Your Land dynamic showroom hours"
+            class="bg-slate-200 object-contain w-full rounded-xl" />
+        </div>
+
+        <div class = "flex w-full items-center justify-between flex-wrap sm:flex-wrap md:flex-nowrap mt-12">
+        <h3 class="text-xl m-0" :class="pClass(brightness)">
+          Been there, done that:</h3>
+          <a href="">
+        <button
+          class="rounded px-5 py-2 text-white font-semibold"
+          :class="{
+            'bg-slate-700': brightness >= 4,
+            'bg-slate-500': brightness == 3,
+            'bg-slate-400': brightness <= 2,
+          }">
+          Build on Your Land site
+        </button>
+      </a>
+        
+        </div>
+
+
+        <h2 class="text-3xl mb-1" :class="pClass(brightness)">
+        Maybe you need a complex WordPress theme built from scratch?
+        </h2>
+        
+        <div class="image-container">
+          <img
+            src="https://images.josephhansen.dev/uploads/file2024-01-2621-1706326995802.webp"
+            alt="Screenshot of BlenderNation Bazaar"
+            class="bg-slate-200 object-contain w-full rounded-xl" />
+        </div>
+
+        <div class = "flex w-full items-center justify-between flex-wrap sm:flex-wrap md:flex-nowrap mt-12">
+        <h3 class="text-xl m-0" :class="pClass(brightness)">
+          No sweat - let's make it happen! </h3>
+          <a href="">
+        <button
+          class="rounded px-5 py-2 text-white font-semibold"
+          :class="{
+            'bg-slate-700': brightness >= 4,
+            'bg-slate-500': brightness == 3,
+            'bg-slate-400': brightness <= 2,
+          }">
+          Yep, done this too (Bazaar)
+        </button>
+      </a>
+        
+        </div>
+
+        <h2 class="text-5xl mb-1" :class="pClass(brightness)">
+        No matter how complex your problem may be, I can fix it.</h2>
+        <p :class = "pClass(brightness)">
+          I've been working on websites for over a decade, and I can do custom development for you in pretty much any language you can throw my way. Let me worry about automations, algorithims, integrations, and all that other stuff that is distracting you from your business. I'll take your problems off your plate and develop a solution.</p>
+
+
+
+        </div>
+        <ctaForm :brightness="brightness" />
+        </div>
+  
+</template>
+
+
+<style scoped>
+  .image-container {
+    position: relative;
+    width: 100%;
+    padding-top: 58%;
+  }
+
+  .image-container img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+</style>
