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

## C

src/pages/HomePage.tsx

@@ -10,6 +10,9 @@ import ScrollReveal from "@/components/ui/ScrollReveal";
 import GridOrCarousel from "@/components/ui/GridOrCarousel";
 import FaqSimple from '@/components/sections/faq/FaqSimple';
 
+
+{/* webild-stub @2026-06-02T13:06:08.765Z: make badges in hero sections each on in different color */}
+
 export default function HomePage() {
   return (
     <>
@@ -27,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>