From 694ba409df5934d295a1918257f3afb0e5eefde7 Mon Sep 17 00:00:00 2001
From: David Ball <david@daball.me>
Date: Thu, 11 Jul 2024 05:43:20 -0400
Subject: [PATCH] Added callouts as a feature. Used AI assisted description for
 Industrial Drink Carrier by Rubbermaid.

---
 src/data/products.ts            | 24 ++++++++++++++++++++++++
 src/pages/[productLookup].astro |  4 ++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/data/products.ts b/src/data/products.ts
index de04e96..fdf6eee 100644
--- a/src/data/products.ts
+++ b/src/data/products.ts
@@ -13,6 +13,10 @@ export interface Product {
    * Name of the product.
    */
   name: string;
+  /**
+   * Call out for the product.
+   */
+  callout?: string;
   /**
    * Description of the product.
    */
@@ -46,6 +50,25 @@ export const products: Product[] = [
     tags: ['drink carrier'],
     categoryId: getCategoryIdForSeoLink('delivery-gear')!,
     name: 'Industrial Drink Carrier',
+    callout: 'Running out of cup holders? Spilling drinks? Juggling the struggle?',
+    description: `
+If you're tired of juggling drinks, tipping drinks over in cardboard carriers, or running out of cup holders in your cab,
+check out this deluxe carry caddy, the ultimate drink companion.
+
+We recommend having the Rubbermaid Commercial Products Deluxe Carry Caddy by your side. This
+all-purpose caddy is designed to keep your essentials organized and within reach.
+
+**Product Features:**
+
+* Holds up to 8 32-ounce bottles
+* Ideal for carrying and transporting multiple drink cups, coffee cups, water bottles, smoothies, etc.
+* Compact design for easy storage
+* Durable construction for heavy-duty use
+* Dimensions: 15" x 10-9/10" x 7-2/5"
+* Made in the USA with global components
+
+**Get Organized:** With its 8 rounded sections and durable design, this caddy is perfect for transporting frequently used sports drink bottles or even coffee cups. This Rubbermaid Commercial Deluxe Carry Caddy has got you covered.
+    `.trim(),
     productDetails: {
       "title": "Rubbermaid Commercial Products Deluxe Carry Caddy for Take-Out Coffee/Soft Drinks, Postmates/Uber Eats/Food Delivery, Cleaning Products, Sports/Water Bottles, Black",
       "description": "The Rubbermaid Commercial Deluxe Carry Cleaning Caddy is an all-purpose cleaning supply caddy with 8 rounded sections ideal for carrying and storing things such as tools, cleaning supplies, spray bottles, sports drink bottles, and other drinks. This products is ideal for those looking for a tool to transport their frequently used cleaning tools throughout their household or from job to job. This caddy is also ideal for Post mates or Uber Eats drivers who frequently need to carry multiple drinks such as coffee, smoothies, or large sodas. This caddy also works well as a holder for sports drinks and bottles and is therefore ideal for gyms, sports facilities, coaches, and others needing easy access and mobility to their drink bottles.",
@@ -121,6 +144,7 @@ export const products: Product[] = [
   {
     slug: 'B07V3LB5DN',
     name: 'Rugged Binocular HD Optical System',
+    callout: 'Out in the sticks, looking for the right house number?',
     amazonLink: 'https://www.amazon.com/dp/B07V3LB5DN?social_share=cm_sw_r_cso_cp_apin_dp_1S8QG7ATMWQXHEPZZJMA&starsLeft=1&fbclid=IwZXh0bgNhZW0CMTEAAR0r1pSlSIglwL42EFH5z3urFfzpT1EnEmxsTc589_C-QjkKpQYBl0m10wc_aem_tfAE9o8HXXadzB6BWVN-Sg&th=1&linkCode=ll1&tag=dashersupply-20&linkId=418648d02fea89d3cf2fad9645fe9f6e&language=en_US&ref_=as_li_ss_tl',
     categoryId: getCategoryIdForSeoLink('safety-equipment')!,
     tags: ['safety', 'outdoor'],
diff --git a/src/pages/[productLookup].astro b/src/pages/[productLookup].astro
index 6764c3e..c446e87 100644
--- a/src/pages/[productLookup].astro
+++ b/src/pages/[productLookup].astro
@@ -40,7 +40,7 @@ const category = categories.find(c => c.id == product.categoryId)!;
     <main>
         <h1 class="center"><a href="/"><span class="text-gradient">Dasher Supply</span></a> &gt; <a href={`/category/${category.seoLink}`}>{category.category}</a> &gt; {product.name}</h1>
 		<p class="instructions">
-			{category.description}
+			{product?.callout || category.description}
 		</p>
 		<h2>
 			{product?.name}
@@ -56,7 +56,7 @@ const category = categories.find(c => c.id == product.categoryId)!;
 				<p>
 					<StarRating value={product?.productDetails?.reviewRating||0} max={5} overlayColor="#13151a" /> {product?.productDetails?.reviewCount} Reviews
 				</p>
-				{ product?.description && <p set:html={md.render(product?.description||'')}></p> }
+				{ product?.description && <div set:html={md.render(product?.description||'')}></div> }
 				{ !product?.description &&<ul role="list">
 					{product?.productDetails?.featureBullets?.map(featureBullet => (
 						<li>{featureBullet}</li>