add home images

config.yaml

@@ -16,22 +16,24 @@ params:
   catalogButtons:
     home:
       - categoryName: 'Backdrops'
-        img: https://placehold.co/300x200/
+        img: /img/catalog/DimondBackdrop.jpeg.webp
         alt:
       - categoryName: 'Arches'
-        img: https://placehold.co/300x200/
+        img: /img/catalog/12ftRoundArch2.jpg.webp
-        alt:
+        alt: 
       - categoryName: 'Canopies'
-        img: https://placehold.co/300x200/
+        img: /img/catalog/40ftgardencanopy4.jpg.webp
         alt:
       - categoryName: 'Chandeliers'
-        img: https://placehold.co/300x200/
+        img: /img/catalog/AerialWave.png.webp
         alt:
       - categoryName: 'Signaturepieces'
-        img: https://placehold.co/300x200/
+        img: /img/catalog/7ftMirror1.jpg.webp
         alt:
+        style: "transform: translateY(-25%);"
       - categoryName: 'Centerpieces'
-        img: https://placehold.co/300x200/
+        img: /img/catalog/HelixHarlows.JPG.webp
+        style: "transform: translateY(-25%);"
 
   social:
     main:

content/catalog/index.md

@@ -118,7 +118,7 @@ catalog:
   deliveryPickup: $40
   installBreakdown: $50
   purchaseCost: $340
-  cat: Signature Pieces
+  cat: Signaturepieces
   thumbnail: /img/catalog/CurvyStands2.jpg.webp
   gallery:
   - image: /img/catalog/CurvyStands.png.webp
@@ -197,7 +197,7 @@ catalog:
   deliveryPickup: $80
   installBreakdown: $120
   purchaseCost: $440
-  cat: Signature Pieces
+  cat: Signaturepieces
   thumbnail: /img/catalog/ChicTreeStand.png.webp
   gallery:
   - image: /img/catalog/ChicTreeStand.png.webp
@@ -280,7 +280,7 @@ catalog:
   deliveryPickup: $120
   installBreakdown: $200
   purchaseCost: $580
-  cat: Signature Pieces
+  cat: Signaturepieces
   thumbnail: /img/catalog/9ftTreeStand2.png.webp
   gallery:
   - image: /img/catalog/9ftTreeStand.png.webp
@@ -511,7 +511,7 @@ catalog:
   deliveryPickup: $160
   installBreakdown: $400
   purchaseCost: $1,450
-  cat: Signature Pieces
+  cat: Signaturepieces
   thumbnail: /img/catalog/7ftMirror.jpg.webp
   gallery:
   - image: /img/catalog/7ftMirror.jpg.webp

themes/gallo/layouts/partials/categories.html

@@ -8,27 +8,30 @@
       </h1>
       <p class="lg:w-2/3 text-gray-600 mx-auto leading-relaxed text-base">
         Browse our extensive catalog of wedding structures to find the perfect
-        setting for your special day. Our structures are designed to provide a stunning
+        setting for your special day. Our structures are designed to provide a
-        backdrop for your ceremony and reception, ensuring an unforgettable
+        stunning backdrop for your ceremony and reception, ensuring an
-        experience for you and your guests.
+        unforgettable experience for you and your guests.
       </p>
     </div>
-    <div class="pb-16 max-w-[1000px] grid grid-cols-1 gap-4 mx-auto md:grid-cols-2 lg:grid-cols-3">
+    <div
+      class="pb-16 max-w-[1000px] grid grid-cols-1 gap-4 mx-auto md:grid-cols-2 lg:grid-cols-3"
+    >
       {{ range .Site.Params.catalogButtons.home }}
       <a
         class="rounded-xl aspect-[3/2] overflow-hidden"
         href="/catalog/#{{ .categoryName }}"
       >
         <div class="relative h-full max-w-full">
-          <p
+          <strong
-            class="text-black w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-2xl"
+            class="text-gray-800 w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-2xl"
           >
             {{ .categoryName }}
-          </p>
+        </strong>
           <img
-            class="h-full max-w-full opacity-50"
+            class="min-h-full h-auto w-full opacity-60"
             src="{{ .img }}"
             alt="Category {{ .categoryName }}"
+            style="{{ .style | safeCSS }}"
           />
         </div>
       </a>

themes/gallo/layouts/partials/head.html

@@ -28,7 +28,6 @@
   <meta property="og:image" content="/img/bg.webp" />
   {{ 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 }} {{ if .IsHome }}{{ $title =
   .Site.Title }}{{ end }}