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: Droplet,
-        },
-        {
-          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>
@@ -109,10 +112,6 @@ export default function HomePage() {
       tag="Our Journey"
       title="The Heart of Cedar Mountain Brewing"
       description="For over two decades, Cedar Mountain Brewery has been more than just a place to make beer; it's a testament to passion, community, and the pristine environment of Vermont. Our story began with a simple idea: to craft beers that reflect the purity of our mountain springs and the richness of local harvests. Every batch is a labor of love, a blend of traditional techniques, and innovative spirit."
-      primaryButton={{
-        text: "Meet Our Brewers",
-        href: "#",
-      }}
       items={[
         {
           icon: Droplet,