Bob AI (stub): To make testimonials more impactful, ensure each quote inclu

Merge version_19_1780413306510 into main

src/pages/HomePage.tsx

@@ -12,6 +12,15 @@ import FaqSimpleSection from './HomePage/sections/FaqSimple';
 import ContactSection from './HomePage/sections/Contact';
 
 
+
+
+
+{/* webild-stub @2026-06-02T15:24:31.770Z: To make testimonials more impactful, ensure each quote includes an avatar or photo of the reviewer, along with their name and, if possible, their location or a brief title, to build greater trust. */}
+
+{/* webild-stub @2026-06-02T15:14:24.839Z: Introduce a dedicated section for upcoming events, live music, or special releases to encourage repeat visits and community engagement, transforming passive viewers into active participants. */}
+
+{/* webild-stub @2026-06-02T14:34:15.285Z: make badges in hero sections each on in different color */}
+
 {/* webild-stub @2026-06-02T14:28:11.483Z: make badges in hero sections each on in different color */}
 
 export default function HomePage(): React.JSX.Element {

src/pages/HomePage/sections/Beers.tsx

@@ -1,64 +1,86 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "beers" section.
-
 import React from 'react';
-import FeaturesRevealCardsBentoSharp from '@/components/sections/features/FeaturesRevealCardsBentoSharp';
+import ScrollReveal from '@/components/ui/ScrollReveal';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import TextAnimation from '@/components/ui/TextAnimation';
+import GridOrCarousel from '@/components/ui/GridOrCarousel';
+import Card from '@/components/ui/Card';
+import Tag from '@/components/ui/Tag';
+
+export default function BeersSection() {
+  const beers = [
+    {
+      name: "Mountain Pale Ale",
+      type: "Pale Ale",
+      abv: "5.5%",
+      description: "A crisp and refreshing pale ale with notes of pine and citrus, brewed with local mountain spring water.",
+      alt: "Glass of pale ale craft beer with pine background"
+    },
+    {
+      name: "Cedar Stout",
+      type: "Stout",
+      abv: "7.2%",
+      description: "Rich and complex with deep roasted coffee and dark chocolate flavors, perfect for chilly evenings.",
+      alt: "Pint of dark stout craft beer with roasted coffee beans"
+    },
+    {
+      name: "Valley IPA",
+      type: "IPA",
+      abv: "6.8%",
+      description: "A hop-forward India Pale Ale bursting with tropical fruit aromas and a smooth, bitter finish.",
+      alt: "Glass of IPA craft beer with tropical fruits"
+    },
+    {
+      name: "Sunset Amber",
+      type: "Amber Ale",
+      abv: "5.0%",
+      description: "A perfectly balanced amber ale featuring toasted caramel malts and a subtle earthy hop profile.",
+      alt: "Glass of amber ale craft beer on a wooden table"
+    }
+  ];
 
-export default function BeersSection(): React.JSX.Element {
   return (
-    <div id="beers" data-section="beers">
+    <section id="beers" className="relative bg-background overflow-hidden">
-        <SectionErrorBoundary name="beers">
+      <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[400px] bg-primary-cta/5 blur-[120px] rounded-full pointer-events-none -z-10" />
-              <FeaturesRevealCardsBentoSharp
+      
-          tag="Our Signature Collection"
+      <div className="max-w-content-width mx-auto px-6">
-          title="Taste the Craftsmanship"
+        <div className="text-center">
-          description="From crisp lagers to robust stouts, each Cedar Mountain brew tells a story of Vermont's rich landscape and our dedication to the art of brewing. Discover our most popular and beloved beers."
+          <ScrollReveal variant="slide-up">
-          items={[
+            <TextAnimation 
-            {
+              text="Our Beers" 
-              title: "Maple Amber Ale",
+              variant="fade-blur" 
-              description: "A rich, malty ale with subtle notes of Vermont maple syrup, balanced by a clean hop finish. Perfect for any season.",
+              gradientText={false} 
-              href: "#",
+              tag="h2" 
-              imageSrc: "http://img.b2bpic.net/free-photo/composed-books-autumnal-goods_23-2147687094.jpg",
+              className="text-4xl md:text-5xl lg:text-6xl font-bold text-foreground mb-6" 
-            },
+            />
-            {
+            <p className="text-lg md:text-xl text-muted-foreground max-w-content-width mx-auto">
-              title: "Cascade IPA",
+              Crafted with passion and precision, our core lineup features something for every palate.
-              description: "Our flagship IPA, bursting with vibrant citrus and pine aromas from generous Cascade hop additions. Bold, refreshing, and truly iconic.",
+            </p>
-              href: "#",
+          </ScrollReveal>
-              imageSrc: "http://img.b2bpic.net/free-psd/flat-design-oktoberfest-celebration-poster_23-2150683567.jpg",
+        </div>
-            },
+
-            {
+        <GridOrCarousel>
-              title: "Stout Mountain Porter",
+          {beers.map((beer, index) => (
-              description: "A dark and brooding porter with deep roasted malt flavors, hints of chocolate and coffee, and a creamy texture. A comforting classic.",
+            <ScrollReveal key={index} variant="slide-up" delay={index * 0.1}>
-              href: "#",
+              <Card className="h-full flex flex-col overflow-hidden border border-border/50 bg-card hover:-translate-y-2 transition-all duration-300 hover:shadow-xl">
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-bottles-bear-dark-background_140725-94854.jpg",
+                <div className="relative h-72 w-full bg-muted/50">
-            },
+                  <img 
-            {
+                    src="" 
-              title: "Summertime Lager",
+                    alt={beer.alt}
-              description: "Light, crisp, and incredibly refreshing. Our lager is brewed for sunny days and good company, with a clean finish that invites another sip.",
+                    className="w-full h-full object-cover" 
-              href: "#",
+                  />
-              imageSrc: "http://img.b2bpic.net/free-photo/celebration-beer-cheers-concept-close-up-hand-holding-up-glasses-beer-man_1150-6458.jpg",
+                  <div className="absolute top-4 right-4 flex flex-col gap-2 items-end">
-            },
+                    <Tag text={beer.type} className="bg-background/90 backdrop-blur-md border-none shadow-sm" />
-            {
+                    <Tag text={`ABV ${beer.abv}`} className="bg-primary-cta text-primary-cta-text border-none shadow-sm" />
-              title: "Harvest Wheat Beer",
+                  </div>
-              description: "A hazy, unfiltered wheat beer brewed with local Vermont wheat, offering subtle fruit and spice notes. A true taste of the harvest.",
+                </div>
-              href: "#",
+                <div className="p-8 flex-grow flex flex-col">
-              imageSrc: "http://img.b2bpic.net/free-photo/composition-with-tasty-american-beer_23-2148907632.jpg",
+                  <h3 className="text-2xl font-bold text-foreground mb-3">{beer.name}</h3>
-            },
+                  <p className="text-muted-foreground flex-grow leading-relaxed">{beer.description}</p>
-            {
+                </div>
-              title: "Barrel-Aged Scotch Ale",
+              </Card>
-              description: "A robust Scotch Ale aged in oak barrels, developing complex vanilla, caramel, and smoky characteristics. A beer for sipping and savoring.",
+            </ScrollReveal>
-              href: "#",
+          ))}
-              imageSrc: "http://img.b2bpic.net/free-photo/pints-draught-beer-macro-photography_53876-101409.jpg",
+        </GridOrCarousel>
-            },
-            {
-              title: "Raspberry Sour",
-              description: "A delightfully tart and fruity sour ale, brewed with real Vermont raspberries for a vibrant color and juicy, refreshing flavor.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-beach-with-beer_23-2147827103.jpg",
-            },
-          ]}
-        />
-        </SectionErrorBoundary>
       </div>
+    </section>
   );
 }

src/pages/HomePage/sections/Home.tsx

@@ -26,14 +26,17 @@ export default function HomeSection(): React.JSX.Element {
             {
               text: "Local Ingredients",
               icon: Leaf,
+              className: "bg-green-100 text-green-800 border-green-200",
             },
             {
               text: "Sustainable Brewing",
               icon: Droplet,
+              className: "bg-blue-100 text-blue-800 border-blue-200",
             },
             {
               text: "Award-Winning",
               icon: Award,
+              className: "bg-yellow-100 text-yellow-800 border-yellow-200",
             },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/morning-mountains-carpathian-ukraine-aerial-view_1153-6120.jpg"