update

config.toml

@@ -1,34 +1,52 @@
 baseURL = "https://example.com"
-title = "Gallo Welding & Fabrication"
+title = "Gallo Weld & Fab"
 
 theme = "gallo"
 
 [menu]
 
 [[menu.main]]
-identifier = "about"
-name = "About"
-pre = "info"
-url = "/about/"
+identifier = "Catalog"
+name = "Catalog"
+url = "/catalog/"
 weight = 1
 
 [[menu.main]]
-identifier = "post"
-name = "Posts"
-pre = "pen-tool"
-url = "/posts/"
+identifier = "Art"
+name = "Art"
+url = "/art/"
 weight = 2
 
+[[menu.main]]
+identifier = "FAQ"
+name = "FAQ"
+url = "/faq/"
+weight = 3
+
+[[menu.main]]
+identifier = "About"
+name = "About"
+url = "/about/"
+weight = 4
+
 
 [taxonomies]
 tag = "tags"
 
 [params]
+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."
 
 
-[social]
+# [social]
 
-[[social.footer]]
-platform = "Instagram"      # Support platforms are Instagram & Email
-url = "https://example.com"
+# [[social.footer]]
+# platform = "Instagram"      # Support platforms are Instagram & Email
+# url = "https://example.com"
+
+# [[social.footer]]
+# platform = "Email"
+# url = "mailto:test@example.com"

content/about/index.md

@@ -1,4 +1,21 @@
 ---
 date: '2024-05-22T12:47:35-04:00'
-title: 'About'
----
+title: 'About Us'
+
+galleryColumns: "2"
+gallery:
+  - image: "/img/wedding.webp"
+    title: "Family Owned"
+    aspectRatio: "1/1"
+    description: "Ian & Caitlin got married and bought a house right here in Atlanta! The idea for their business began when Ian constructed a stunning arbor for their wedding. After working closely with an exceptional wedding florist, the couple expanded their collaborations and began renting out their commissioned designs. Through this process, they formed strong relationships and founded a successful and beautiful company. "
+  - image: "/img/ian_profile.webp"
+    title: "Metal Art Specialist"
+    aspectRatio: "1/1"
+    description: "Ian graduated from Lively Tech's Advanced Welding Program with a multitude of certifications. Then, he got accepted into Atlanta's UA Local Union 72 as a pipe welder. While pursuing a career as a high strength pressurized pipeline welder, Ian discovered a newfound passion for metal art. Ian's and Caitlin's impressive large-scale metal art installations were featured multiple times at Okeechobee Festival and Hulaween, fueling their passion for art and inspiring them to incorporate it into various aspects of their life."
+
+---
+
+As artists, we approach every project with a passion and pride for our craft. We are committed to delivering exceptional service and high-quality products that exceed our customers' unique needs and expectations. Our fabrication shop is located in Atlanta, but we offer shipping to destinations worldwide.
+
+
+As a small business, we understand the importance of providing our customers with exceptional service and products. Our success relies heavily on word-of-mouth advertising, which is why we always strive for project satisfaction. If you share our belief in the quality of our hand-welded structures, we would greatly appreciate your help in spreading the word to others. Thank you for considering us for your metalworking needs!

content/art/index.md

@@ -1,4 +1,4 @@
 ---
 date: '2024-05-22T12:47:43-04:00'
-title: 'Posts'
+title: 'Art'
 ---

content/catalog/index.md

@@ -0,0 +1,4 @@
+---
+date: '2024-05-22T12:47:43-04:00'
+title: 'Catalog'
+---

content/faq/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/404.html

@@ -0,0 +1,9 @@
+<html lang="en">
+  {{ partial "head.html" . }}
+
+  <body class="bg-black text-white min-h-screen flex flex-col">
+    {{ partial "nav.html" . }}
+    {{ partial "404-text.html" . }}
+    {{ partial "footer.html" . }}
+  </body>
+</html>

themes/gallo/layouts/_default/baseof.html

@@ -2,8 +2,8 @@
 <html lang="en">
   {{ partial "head.html" . }}
 
-  <body class="min-h-screen flex flex-col">
-    {{ partial "nav.html" . }} {{ partial "header.html" . }} {{ block "main" .
+  <body class="bg-black text-white min-h-screen flex flex-col">
+    {{ partial "nav.html" . }} {{ block "main" .
     }}{{ end }} {{ partial "footer.html" . }}
   </body>
 </html>

themes/gallo/layouts/_default/single.html

@@ -1,6 +1,14 @@
 {{ define "main" }}
+<div class="flex justify-center px-16 pt-16 bg-white text-black min-h-[700px]">
+  <div class="mb-24 w-full max-w-[800px] h-full">
+    <div class="flex flex-col">
+      <h1 class="text-4xl font-bold">{{ .Title }}</h1>
+      {{ partial "metadata.html" . }}
+      <div class="mt-4">{{ .Content }}</div>
+    </div>
 
-<h1>{{ .Title }}</h1>
-{{ partial "metadata.html" . }}
-<br /><br />
-{{ .Content }} {{ end }}
+    {{ partial "questions.html" . }} {{ partial "gallery.html" . }}
+  </div>
+</div>
+
+{{ end }}

themes/gallo/layouts/index.html

@@ -1 +1,3 @@
-{{ define "main" }} {{ end }}
+{{ define "main" }} 
+{{ partial "header.html" . }} 
+{{ end }}

themes/gallo/layouts/partials/404-text.html

@@ -0,0 +1,25 @@
+<section class="bg-black">
+  <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
+    <div class="mx-auto max-w-screen-sm text-center h-96">
+      <h1
+        class="mb-4 text-7xl tracking-tight font-extrabold text-primary-600"
+      >
+        404
+      </h1>
+      <p
+        class="mb-4 text-3xl tracking-tight font-bold md:text-4xl"
+      >
+        Something's missing.
+      </p>
+      <p class="mb-4 text-lg font-light">
+        Sorry, we can't find that page. You'll find lots to explore on the home
+        page.
+      </p>
+      <a
+        href="/"
+        class="inline-flex text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center my-4"
+        >Back to Homepage</a
+      >
+    </div>
+  </div>
+</section>

themes/gallo/layouts/partials/catalog.html

@@ -0,0 +1,7 @@
+<ul>
+  {{ range (.Site.GetPage "Section" "catalog").Pages }}
+  <li>
+    <a href="{{ .Permalink }}">{{ .Title }}</a>
+  </li>
+  {{ end }}
+</ul>

themes/gallo/layouts/partials/footer.html

@@ -1,5 +1,5 @@
 <div
-  class="self-end w-full py-6 gap-2 flex-col flex items-center justify-center min-h-12 bg-slate-950 text-white"
+  class="self-end w-full py-6 gap-2 flex-col flex 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">
@@ -10,7 +10,7 @@
       {{ end }}
     </div>
     <div class="flex flex-row gap-2">
-      {{- partial "social-icons" . }}
+      {{ partial "social_icons.html" .Params.social }}
     </div>
   </div>
   <div class="h-px bg-slate-700 w-9/12"></div>
@@ -19,8 +19,19 @@
       © {{ now.Format "2006"}} {{ .Site.Params.copyName | markdownify }}
     </p>
     <p class="justify-self-end text-xs text-slate-400">
-      Built using Hugo, designed by
-      <a target="_blank" href="https://myco.systems">MycoSystems</a>
+      Built using
+      <a
+        class="hover:decoration-2 underline"
+        target="_blank"
+        href="https://gohugo.io"
+        >Hugo</a
+      >, designed by
+      <a
+        class="hover:decoration-2 underline"
+        target="_blank"
+        href="https://myco.systems"
+        >MycoSystems</a
+      >
     </p>
   </div>
 </div>

themes/gallo/layouts/partials/gallery.html

@@ -0,0 +1,19 @@
+{{ if .Params.gallery }}
+<div
+  class="grid grid-cols-{{ .Params.galleryColumns }} gap-8 my-8 w-full mt-20"
+>
+  {{ range .Params.gallery }}
+  <div>
+    <img
+      src="{{ .image }}"
+      style="object-fit: cover"
+      class="aspect-[{{ .aspectRatio }}] w-full rounded-lg"
+    />
+    <div class="gap-4 flex flex-col">
+      <p class="text-xl font-bold pt-2">{{ .title }}</p>
+      <p class="text-sm">{{ .description }}</p>
+    </div>
+  </div>
+  {{ end }}
+</div>
+{{ end }}

themes/gallo/layouts/partials/head.html

@@ -1,15 +1,6 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    {{ if .Site.Params.googleAnalytics }}
-    <script async src="https://www.googletagmanager.com/gtag/js?id={{ .Site.Params.googleAnalytics }}"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag() { dataLayer.push(arguments); }
-        gtag('js', new Date());
-        gtag('config', '{{ .Site.Params.googleAnalytics }}');
-    </script>
-    {{ end }}
     <link rel="stylesheet" type="text/css" href="/css/tailwind.min.css">
     <link rel="stylesheet" type="text/css" href="/css/style.css">
     {{ $title := print .Site.Title " | " .Title }}

themes/gallo/layouts/partials/header.html

@@ -1,7 +1,16 @@
 <div
-  class="bg-cover bg-center flex justify-start min-h-96 bg-[url('/img/wide.webp')]"
+  style="
+    background-blend-mode: multiply;
+    background: url({{ .Site.Params.headerImg }}) rgba(0, 0, 0, 0.6);
+    background-position: center;
+    background-size: cover;
+  "
+  class="flex justify-start min-h-96"
 >
-  <h1 class="ml-16 mb-8 place-self-center text-white font-bold text-3xl">
-    {{ .Site.Title }}
-  </h1>
+  <div class="flex flex-col ml-16 mb-8 place-self-center text-white max-w-4xl gap-4">
+    <h1 class="text-3xl font-bold">
+      {{ .Site.Params.headerTitle }}
+    </h1>
+    <p class="text-md">{{ .Site.Params.headerDesc }}</p>
+  </div>
 </div>

themes/gallo/layouts/partials/nav.html

@@ -1,7 +1,10 @@
-<nav class="h-8 flex justify-end gap-4">
-  {{ range .Site.Menus.main }}
-  <a class="" href="{{ .URL }}">
-    {{ $text := print .Name | safeHTML }} {{ $text }}
-  </a>
-  {{ end }}
-</nav>
+<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>
+  <nav class="place-self-center h-8 flex justify-end gap-4 text-white font-bold 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 }}">
+      {{ $text := print .Name | safeHTML }} {{ $text }}
+    </a>
+    {{ end }}
+  </nav>
+</div>

themes/gallo/layouts/partials/questions.html

@@ -0,0 +1,45 @@
+{{ if .Params.questions }}
+<ul class="flex flex-col gap-2 mx-auto mb-16">
+  {{ range .Params.questions }}
+  <li>
+    <details class="group">
+      <summary
+        class="border-1 rounded-lg border-white flex items-center justify-between gap-2 pb-4 font-medium marker:content-none hover:cursor-pointer"
+      >
+        <span class="flex gap-2">
+          <span class="text-md font-bold">{{ .question }}</span>
+        </span>
+        <svg
+          class="min-w-5 min-h-5 text-gray-500 transition group-open:rotate-90"
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          fill="currentColor"
+          viewBox="0 0 16 16"
+        >
+          <path
+            fill-rule="evenodd"
+            d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+          ></path>
+        </svg>
+      </summary>
+
+      <article class="px-4 pb-4">
+        <ul class="flex flex-col gap-1 pl-2">
+          <li class="flex flex-col gap-2 text-sm">
+            {{ .answer }} {{ if .learnMore }}
+            <a
+              class="font-bold underline"
+              href="{{ .learnMore }}"
+              target="_blank"
+              >Learn More</a
+            >{{ end }}
+          </li>
+        </ul>
+      </article>
+    </details>
+  </li>
+
+  {{ end }}
+</ul>
+{{ end }}

themes/gallo/layouts/partials/social-icons.html

@@ -1,47 +0,0 @@
-{{- $social := .Site.Params.social -}}
-
-{{- with $social }}
-<div class="social-icons">
-  {{- range .footer }}
-  <a href="{{ .url }}" target="_blank" rel="noopener noreferrer">
-    {{- $platform := .platform -}}
-    {{- if eq $platform "Instagram" }}
-    <!-- Instagram icon -->
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      width="16"
-      height="16"
-      class="social-icon"
-      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" />
-      <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
-      <line x1="17.5" x2="17.51" y1="6.5" y2="6.5" />
-    </svg>
-    {{- else if eq $platform "Email" }}
-    <!-- Email icon -->
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      width="16"
-      height="16"
-      class="social-icon"
-      fill="none"
-      stroke="currentColor"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      stroke-width="2"
-    >
-      <circle cx="12" cy="12" r="4" />
-      <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" />
-    </svg>
-    {{- end }}
-  </a>
-  {{- end }}
-</div>
-{{- end }}

themes/gallo/layouts/partials/social_icons.html

@@ -0,0 +1,37 @@
+<div class="flex flex-row gap-2">
+  <a target="_blank" href="mailto:iangalloart@gmail.com">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width="16"
+      height="16"
+      class="social-icon"
+      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>
+  </a>
+  <a target="_blank" href="https://www.instagram.com/gallowelds">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width="16"
+      height="16"
+      class="social-icon"
+      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>
+  </a>
+</div>