update, social media icons and menu buttons are still WIP

config.toml

@@ -1,6 +1,5 @@
-baseURL = "https://example.com"
+baseURL = "https://gallowelding.com"
 title = "Gallo Weld & Fab"
-
 theme = "gallo"
 
 [menu]
@@ -29,6 +28,35 @@ name = "About"
 url = "/about/"
 weight = 4
 
+[[menu.main]]
+identifier = "Contact"
+name = "Contact"
+url = "/contact/"
+weight = 5
+button = true # WIP
+
+###### WIP ######
+[social]
+
+[[social.main]]
+url = "mailto:iangalloart@gmail.com"
+icon = '''
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+  <circle cx="12" cy="12" r="4"></circle>
+  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
+</svg>
+'''
+
+[[social.main]]
+url = "https://www.instagram.com/gallowelding/"
+icon = '''
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+  <rect height="20" rx="5" ry="5" width="20" x="2" y="2"></rect>
+  <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
+  <line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line>
+</svg>
+'''
+###### /WIP ######
 
 [taxonomies]
 tag = "tags"
@@ -38,22 +66,4 @@ logo = "/img/gallo_welding_inverted.webp"
 copyName = "John Doe"
 headerTitle = "Gallo Welding & Fabrication"
 headerImg = "/img/wide.webp"
-headerDesc = "Gallo Welding, based in Atlanta, provides exceptional structures for diverse industries. With over a decade of experience, Ian Gallo specializes in hand-welded, durable structures at affordable prices while prioritizing professionalism and inclusivity."
-
-[socialIcons]
-mailUrl = "mailto:iangalloart@gmail.com"
-mailIcon = """
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
-  <circle cx="12" cy="12" r="4"></circle>
-  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
-</svg>
-"""
-
-instagramUrl = "https://www.instagram.com/gallowelding/"
-instagramIcon = """
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
-  <rect height="20" rx="5" ry="5" width="20" x="2" y="2"></rect>
-  <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
-  <line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line>
-</svg>
-"""
+headerDesc = "Gallo Welding, based in Atlanta, provides exceptional structures for diverse industries. With over a decade of experience, Ian Gallo specializes in hand-welded, durable structures at affordable prices while prioritizing professionalism and inclusivity."

content/catalog/index.md

@@ -1,4 +1,12 @@
 ---
 date: '2024-05-22T12:47:43-04:00'
-title: 'Catalog'
----
+title: 'Item Rentals'
+subTitle: 'Simple, affordable, and memorable'
+
+buttons:
+    - text: Contact a specialist
+      url: ""
+---
+
+We offer a variety of rental options to suit your needs. Please feel free to contact our metal specialist if you have any inquiries or need further information.
+Additionally, we are happy to offer rental options for custom designs or unique requests. Please let us know if you have any special requirements, and we'll be happy to provide you with rental pricing information.

content/contact/index.md

@@ -0,0 +1,31 @@
+---
+date: '2024-05-22T12:47:43-04:00'
+title: 'FAQ'
+questions:
+  - question: "What is the turn-around time?"
+    answer: "Our consultation and estimate process typically takes 1-2 business days. For most projects, we estimate a one month turnaround time. However, we understand that emergencies may arise and we can accommodate last-minute requests for an additional fee. Please note that projects requested within a month of the due date may be subject to a 25-50% upcharge."
+
+  - question: "Is Gallo Welding licensed and insured?"
+    answer: "Gallo Welding has been licensed and insured since 2020. We understand the importance of ensuring our clients' peace of mind, and we take our responsibility as a licensed and insured business seriously."
+
+  - question: "Is Ian Gallo a certified Welder?"
+    answer: "Ian Gallo is a skilled welder with multiple nationally-recognized AWS certifications earned from Lively Tech's Advanced Welding Program. He is also Atlanta UA Local Union 72 certified and has over 10 years of experience in welding structural steel buildings, farm equipment, large trailers, and commercial and residential handrails. You can trust him to provide high-quality, heavy-duty welding services with guaranteed satisfaction."
+
+  - question: "How's your pricing?"
+    answer: "To determine the project costs, we start by calculating the material costs based on the project dimensions. Next, we contact multiple Atlanta based metal suppliers to obtain the best prices. Labor hours required for the build are also factored into the final cost. Additional costs such as painting, installation, and breakdown are available upon request. Rental pricing is calculated as a percentage of the total project cost. A 3% processing fee will be included on the invoice. Please note that projects requested within one month of the due date are subject to a 25-50% upcharge."
+
+  - question: "Can you do install & breakdown?"
+    answer: "Absolutely! We typically estimate installation and breakdown costs to be around 25% of the total project cost. However, please note that events outside the Atlanta Metro area may be subject to additional travel fees."
+
+  - question: "What is the difference between paint & powder coat"
+    answer: "When it comes to finishing metal sculptures, the choice between paint and powder coating depends on the product and the desired end result. Powder coating offers a more durable, smooth, and protective finish, making it the better option if you need a longer-lasting coating for your metal structure. However, if your metal sculpture will be covered with floral arrangements or is not intended to be the focal point of the display, paint may be a suitable alternative."
+    learnMore: "https://raypaulcoating.com/services/#powder-coating"
+
+  - question: "Can I see the powder coat color options?"
+    answer: "Certainly! You can view our full color selection by clicking the link below."
+    learnMore: "https://tcipowder.com/resources/color-selector/"
+
+  - question: "Do you build with wood? "
+    answer: "Although our specialty is working with steel, we do occasionally work with wood as well. In fact, we have a family friend who is an expert woodworker, so we can definitely help you with your woodworking needs if required."
+
+---

themes/gallo/layouts/_default/single.html

@@ -3,11 +3,14 @@
   <div class="mb-24 w-full max-w-[800px] h-full">
     <div class="flex flex-col">
       <h1 class="text-4xl font-bold">{{ .Title }}</h1>
+      <p class="text-lg">{{ .Params.subTitle }}</p>
       {{ partial "metadata.html" . }}
-      <div class="mt-4 flex flex-col gap-4">{{ .Content }}</div>
+      <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
+      {{ partial "buttons.html" . }}
     </div>
 
-    {{ partial "questions.html" . }} {{ partial "gallery.html" . }} {{ partial "masonry_gallery.html" . }}
+    {{ partial "questions.html" . }} {{ partial "gallery.html" . }} {{ partial
+    "masonry_gallery.html" . }}
   </div>
 </div>
 {{ end }}

themes/gallo/layouts/partials/buttons.html

@@ -0,0 +1,14 @@
+{{ if .Params.buttons }} 
+<div class="mt-4">
+{{ range .Params.buttons}}
+<a href="{{ .url }}"
+  ><button
+    type="button"
+    class="px-3 py-2 text-xs font-medium text-center text-white bg-black rounded-lg focus:ring-4 focus:outline-none hover:bg-gray-800 transition-all duration-200"
+  >
+    {{ .text }}
+  </button>
+</a>
+{{ end }} 
+</div>
+{{ end }}

themes/gallo/layouts/partials/footer.html

@@ -1,24 +1,28 @@
 <div
-  class="self-end w-full py-6 gap-2 flex-col flex items-center justify-center min-h-12 bg-black text-white"
+  class="self-end w-full py-6 gap-2 flex flex-col items-center justify-center min-h-12 bg-black text-white"
 >
   <div class="w-9/12 flex flex-row justify-between">
     <div class="flex flex-row gap-8">
       {{ range .Site.Menus.main }}
-      <a class="" href="{{ .URL }}">
-        {{ $text := print .Name | safeHTML }} {{ $text }}
+      <a class="text-white hover:text-gray-400" href="{{ .URL }}">
+        {{ $text := .Name | safeHTML }} {{ $text }}
       </a>
       {{ end }}
     </div>
-    <div class="flex flex-row gap-2">
-      {{ partial "social_icons.html" .Params.social }}
-    </div>
+    {{/*  <div class="flex flex-row gap-2">
+      {{ range .Site.Socials.main }}
+      <a target="_blank" href="{{ .URL | safeURL }}">
+        {{ .Icon | safeHTML }}
+      </a>
+      {{ end }}
+    </div>  */}}
   </div>
   <div class="h-px bg-slate-700 w-9/12"></div>
   <div class="grid grid-cols-2 justify-between w-9/12">
     <p class="text-xs text-slate-400">
-      © {{ now.Format "2006"}} {{ .Site.Params.copyName | markdownify }}
+      © {{ now.Format "2006" }} {{ .Site.Params.copyName | markdownify }}
     </p>
-    <p class="justify-self-end text-xs text-slate-400">
+    <p class="text-xs text-right text-slate-400">
       Built using
       <a
         class="hover:decoration-2 underline"

themes/gallo/layouts/partials/metadata.html

@@ -1,11 +1,10 @@
-{{ $dateTime := .PublishDate.Format "2006-01-02" }}
-{{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
-<i data-feather="calendar"></i> <time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>
-{{ partial "social.html" . }}
-{{ with .Params.tags }}
+{{ $dateTime := .PublishDate.Format "2006-01-02" }} {{ $dateFormat :=
+.Site.Params.dateFormat | default "Jan 2, 2006" }}
+<time class="text-xs text-slate-400" datetime="{{ $dateTime }}"
+  >Last Updated: {{ .PublishDate.Format $dateFormat }}</time
+>
+{{ partial "social.html" . }} {{ with .Params.tags }}
 <i data-feather="tag"></i>
-{{ range . }}
-{{ $href := print (absURL "tags/") (urlize .) }}
+{{ range . }} {{ $href := print (absURL "tags/") (urlize .) }}
 <a class="btn btn-sm btn-outline-dark tag-btn" href="{{ $href }}">{{ . }}</a>
-{{ end }}
-{{ end }}
+{{ end }} {{ end }}

themes/gallo/layouts/partials/nav.html

@@ -1,8 +1,11 @@
 <div class="p-4 flex flex-row w-full justify-between bg-black">
-  <a href="/"><img class="w-44 h-auto" src="{{ .Site.Params.logo }}"></a>
+  <a href="/"><img class="w-44 h-auto" src="{{ .Site.Params.logo }}" /></a>
   <nav class="place-self-center h-8 flex justify-end gap-4 text-white pr-6">
     {{ range .Site.Menus.main }}
-    <a class="underline underline-offset-0 decoration-2 decoration-transparent hover:decoration-white hover:underline-offset-2 ease-in-out duration-300 place-self-center" href="{{ .URL }}">
+    <a
+      class="underline underline-offset-0 decoration-2 decoration-transparent hover:decoration-white hover:underline-offset-2 ease-in-out duration-300 place-self-center"
+      href="{{ .URL }}"
+    >
       {{ $text := print .Name | safeHTML }} {{ $text }}
     </a>
     {{ end }}

themes/gallo/layouts/partials/social_icons.html

@@ -1,9 +0,0 @@
-<div class="flex flex-row gap-2">
-  <a target="_blank" href="{{ .Site.socialIcons.mailUrl }}">
-    {{ .Site.socialIcons.mailIcon | safeHTML }}
-  </a>
-  
-  <a target="_blank" href="{{ .Site.socialIcons.instagramUrl }}">
-    {{ .Site.socialIcons.instagramIcon | safeHTML }}
-  </a>
-</div>