Bob AI: Make each badge in the hero section a different color.

## C

src/pages/HomePage.tsx

@@ -30,20 +30,23 @@ export default function HomePage() {
         text: "Our Story",
         href: "#story",
       }}
-      items={[
-        {
-          text: "Local Ingredients",
-          icon: Leaf,
-        },
-        {
-          text: "Sustainable Brewing",
-          icon: Leaf,
-        },
-        {
-          text: "Award-Winning",
-          icon: Award,
-        },
-      ]}
+        items={[
+          {
+            text: "Local Ingredients",
+            icon: Leaf,
+            className: "bg-accent text-primary-cta-text",
+          },
+          {
+            text: "Sustainable Brewing",
+            icon: Leaf,
+            className: "bg-primary-cta text-primary-cta-text",
+          },
+          {
+            text: "Award-Winning",
+            icon: Award,
+            className: "bg-secondary-cta text-secondary-cta-text",
+          },
+        ]}
       imageSrc="http://img.b2bpic.net/free-photo/morning-mountains-carpathian-ukraine-aerial-view_1153-6120.jpg"
     />
     </SectionErrorBoundary>