Add Veteran Owned Badge

content/_index.md

@@ -2,11 +2,11 @@
 title: "The Bearded Tek | Your IT Handyman"
 date: 2025-04-15T17:09:20+06:00
 description: "The Bearded Tek, Palmer and Wasilla's IT Handyman"
-layout: main
+layout: index
 hero:
     enable: true
     title: Your IT Handyman
-    tagline: We provide reliable, affordable tech support for homes and businesses in the Palmer-Wasilla area.
+    tagline: We provide reliable, affordable tech support for homes and businesses in Alaska's Mat-Su Valley.
     wordSlider:
         enable: true
         items:

layouts/_default/index.html

@@ -1,12 +1,15 @@
 {{ define "main" }}
 <main class="text-primary-800 dark:gray-400">
 {{ if ( .Page.Params.hero.enable ) }}
-<section class="hero h-screen flex justify-center">
+<section class="hero flex justify-center">
     <div class="h-full flex">
         <div class=" align-middle px-4 my-auto">
             {{ partial "hero/heading" . }}
+            {{ if ( .Page.Params.hero.wordSlider.enable ) }}
                 {{ partial "hero/slider" . }}
+            {{ end }}
             {{ partial "hero/tagline" . }}
+            {{ partial "hero/veteran" . }}
         </div>
     </div>
 </section>

layouts/partials/hero/heading.html

@@ -1,3 +1,3 @@
-        <div class="text-4xl xl:text-6xl md:text-5xl kanit-semibold mx-auto text-center text-primary-800 dark:text-primary-400">
+        <div class="text-3xl xl:text-6xl md:text-4xl kanit-semibold mx-auto text-center text-primary-800 dark:text-primary-400">
             {{ .Page.Params.hero.title }}
         </div>

layouts/partials/hero/slider.html

@@ -1,4 +1,4 @@
-        <div class=" max-w-xs text-4xl kanit-semibold mx-auto text-center dark:text-white pt-6">
+        <div class=" max-w-xs text-2xl md:text-3xl lg:text-4xl kanit-semibold mx-auto text-center dark:text-white pt-4 md:pt-6">
             <div id="default-carousel" class="relative w-full text-primary-600 dark:text-gray-400" data-carousel="slide">
                 <!-- Slider wrapper -->
                 <div class="relative h-10 overflow-hidden rounded-lg">

layouts/partials/hero/tagline.html

@@ -1,3 +1,3 @@
-        <div class="max-w-screen-sm text-xl mx-auto text-center text-primary-800 dark:text-gray-200 pt-8 kanit-light">
+        <div class="max-w-screen-sm text-xl mx-auto text-center text-primary-800 dark:text-gray-200 pt-2 md:pt-6 kanit-light">
-            We provide reliable, affordable tech support for homes and businesses in the Palmer-Wasilla area.
+            {{ .Page.Params.hero.tagline }}
         </div>

layouts/partials/hero/veteran.html

@@ -0,0 +1,3 @@
+<div class="absolute right-0 bottom-0">
+    <img class="p-8" src="/img/veteran-owned.png" alt="veteran owned business">
+</div>

layouts/partials/nav/main.html

@@ -1,6 +1,6 @@
 <header>
     <nav id="mainNavbar" data-sticky="false" class="dark:bg-transparent bg-transparent border-gray-200 py-2.5 fixed w-full z-40 top-0 start-0 data-[sticky=true]:bg-white data-[sticky=true]:border-b dark:data-[sticky=true]:bg-gray-800 dark:data-[sticky=true]:border-gray-700">
-        <div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4" >
+        <div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4 text-2xl md:text-3xl" >
             <a href="{{ .Site.Params.baseURL }}/" class="flex items-center">
                 <svg width="auto" class="h-8 mr-4 text-primary-800 dark:text-primary-500" viewBox="0 0 16.223 22" xmlns="http://www.w3.org/2000/svg" alt="Flowbite Logo">
                     <g transform="translate(-98.904 -98.724)">
@@ -13,7 +13,7 @@
                         </g>
                     </g>
                 </svg>
-                <span class="self-center text-3xl font-semibold kanit-semibold whitespace-nowrap text-primary-800 dark:text-primary-300">{{ .Site.Params.logo.text }}</span>
+                <span class="self-center font-semibold kanit-semibold whitespace-nowrap text-primary-800 dark:text-primary-300">{{ .Site.Params.logo.text }}</span>
             </a>
             <div class="flex items-center lg:order-2 dark:text-gray-400">
                  <button id="themeToggle" data-tooltip-target="tooltip-toggle" type="button" class="hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 mr-2.5">

layouts/partials/pricing/heading.html

@@ -5,10 +5,10 @@
 {{ end }}
     <div class="max-w-screen-xl px-4 mx-auto">
         <div class="max-w-2xl mx-auto text-center">
-            <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
+            <h2 class="text-2xl md:text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
                 {{ .heading.title }}
             </h2>
-            <p class="mt-4 text-base text-gray-500 sm:text-xl dark:text-gray-500">
+            <p class="mt-4 text-md md:text-xl text-gray-500 sm:text-xl dark:text-gray-500">
                 {{ .heading.text}}
             </p>
         </div>

static/css/custom.css

@@ -1,7 +1,6 @@
 .hero{
     position: relative;
     opacity: 1;
-    height: 66vh;
     background: rgba(175, 175, 255, 0.1);
 }
 .hero::before{