From 089ffea44633ed91eed18e7560f0e8d63cd60dd6 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 28 Apr 2026 12:09:35 +0000
Subject: [PATCH] Bob AI: Change the background color of the div containing
 'Artisan C

---
 src/components/sections/about/AboutFeaturesSplit.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/sections/about/AboutFeaturesSplit.tsx b/src/components/sections/about/AboutFeaturesSplit.tsx
index 3b6a533..5600175 100644
--- a/src/components/sections/about/AboutFeaturesSplit.tsx
+++ b/src/components/sections/about/AboutFeaturesSplit.tsx
@@ -58,9 +58,15 @@ const AboutFeaturesSplit = ({
             {items.map((item, index) => {
               const ItemIcon = resolveIcon(item.icon);
               const isEthical = item.title.includes("Ethical Sourcing");
+              const isArtisan = item.title.includes("Artisan Craft");
+              
+              let bgClass = "";
+              if (isEthical) bgClass = "bg-purple-600 p-4 rounded-lg";
+              if (isArtisan) bgClass = "bg-red-600 p-4 rounded-lg";
+
               return (
               <div key={item.title}>
-                <div className={`flex flex-col gap-2 ${isEthical ? "bg-purple-600 p-4 rounded-lg" : ""}`}>
+                <div className={`flex flex-col gap-2 ${bgClass}`}>
                   <div className="flex items-center justify-center shrink-0 mb-1 size-10 primary-button rounded">
                     <ItemIcon className="h-2/5 w-2/5 text-primary-cta-text" strokeWidth={1.5} />
                   </div>
-- 
2.49.1