From 4c5eccd24d0a43c9a2b38638bfaba65edaeea0e3 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 2 Jun 2026 14:41:40 +0000
Subject: [PATCH] Bob AI (approx): Expand on each beer's description with
 captivating tasting n

---
 src/pages/HomePage/sections/Beers.tsx | 130 ++++++++++++++------------
 1 file changed, 71 insertions(+), 59 deletions(-)

diff --git a/src/pages/HomePage/sections/Beers.tsx b/src/pages/HomePage/sections/Beers.tsx
index c9a0578..432187b 100644
--- a/src/pages/HomePage/sections/Beers.tsx
+++ b/src/pages/HomePage/sections/Beers.tsx
@@ -1,64 +1,76 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "beers" section.
+"use client";
+import { ImageOrVideo, ScrollReveal, TextAnimation } from '@/components/ui';
 
-import React from 'react';
-import FeaturesRevealCardsBentoSharp from '@/components/sections/features/FeaturesRevealCardsBentoSharp';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+const beers = [
+  {
+    name: "Mountain IPA",
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/mountain-ipa.jpg",
+    abv: "6.5%",
+    ibu: "60",
+    description: "A vibrant, hop-forward IPA bursting with notes of pine, citrus, and a hint of tropical fruit. Its crisp bitterness is balanced by a smooth malt backbone, leading to a refreshing finish. Pairs perfectly with spicy tacos, grilled burgers, or sharp cheddar cheese."
+  },
+  {
+    name: "Riverbend Lager",
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/riverbend-lager.jpg",
+    abv: "5.0%",
+    ibu: "20",
+    description: "A clean, crisp, and exceptionally smooth lager with subtle notes of toasted grain and a delicate floral hop aroma. Its light body and refreshing character make it incredibly drinkable. Excellent with light salads, seafood, or classic pub fare like fish and chips."
+  },
+  {
+    name: "Forest Stout",
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/forest-stout.jpg",
+    abv: "7.2%",
+    ibu: "35",
+    description: "A rich and robust stout with deep flavors of roasted coffee, dark chocolate, and a hint of caramel. Its creamy texture and warming finish make it a perfect companion for cooler evenings. Ideal with hearty stews, barbecued ribs, or decadent chocolate desserts."
+  },
+  {
+    name: "Sunset Wheat Ale",
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/sunset-wheat-ale.jpg",
+    abv: "5.2%",
+    ibu: "15",
+    description: "A refreshing and hazy wheat ale with bright notes of orange peel and coriander. Its smooth, effervescent body and subtle sweetness make it perfect for a warm afternoon. Pairs wonderfully with grilled chicken, fruit tarts, or goat cheese salads."
+  },
+  {
+    name: "Trailblazer Pale Ale",
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/trailblazer-pale-ale.jpg",
+    abv: "5.8%",
+    ibu: "40",
+    description: "A classic American Pale Ale with a balanced hop profile, offering aromas of grapefruit and floral notes. Its medium body and crisp finish make it a versatile choice for any occasion. Great with pizza, burgers, or a variety of cheeses."
+  }
+];
 
-export default function BeersSection(): React.JSX.Element {
+export default function BeersSection() {
   return (
-    <div id="beers" data-section="beers">
-        <SectionErrorBoundary name="beers">
-              <FeaturesRevealCardsBentoSharp
-          tag="Our Signature Collection"
-          title="Taste the Craftsmanship"
-          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."
-          items={[
-            {
-              title: "Maple Amber Ale",
-              description: "A rich, malty ale with subtle notes of Vermont maple syrup, balanced by a clean hop finish. Perfect for any season.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/composed-books-autumnal-goods_23-2147687094.jpg",
-            },
-            {
-              title: "Cascade IPA",
-              description: "Our flagship IPA, bursting with vibrant citrus and pine aromas from generous Cascade hop additions. Bold, refreshing, and truly iconic.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-psd/flat-design-oktoberfest-celebration-poster_23-2150683567.jpg",
-            },
-            {
-              title: "Stout Mountain Porter",
-              description: "A dark and brooding porter with deep roasted malt flavors, hints of chocolate and coffee, and a creamy texture. A comforting classic.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-bottles-bear-dark-background_140725-94854.jpg",
-            },
-            {
-              title: "Summertime Lager",
-              description: "Light, crisp, and incredibly refreshing. Our lager is brewed for sunny days and good company, with a clean finish that invites another sip.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/celebration-beer-cheers-concept-close-up-hand-holding-up-glasses-beer-man_1150-6458.jpg",
-            },
-            {
-              title: "Harvest Wheat Beer",
-              description: "A hazy, unfiltered wheat beer brewed with local Vermont wheat, offering subtle fruit and spice notes. A true taste of the harvest.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/composition-with-tasty-american-beer_23-2148907632.jpg",
-            },
-            {
-              title: "Barrel-Aged Scotch Ale",
-              description: "A robust Scotch Ale aged in oak barrels, developing complex vanilla, caramel, and smoky characteristics. A beer for sipping and savoring.",
-              href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/pints-draught-beer-macro-photography_53876-101409.jpg",
-            },
-            {
-              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 data-webild-section="beers-section" id="beers" className="relative w-full bg-background">
+      <div className="max-w-content-width mx-auto px-6">
+        <ScrollReveal variant="slide-up" delay={0.1}>
+          <TextAnimation
+            text="Our Craft Beers"
+            tag="h2"
+            variant="slide-up"
+            gradientText
+            className="text-4xl md:text-5xl font-bold text-center"
+          />
+        </ScrollReveal>
+        <ScrollReveal variant="slide-up" delay={0.2}>
+          <p className="mt-4 text-lg text-muted-foreground text-center max-w-content-width mx-auto">
+            Explore our diverse selection of handcrafted beers, brewed with passion and the finest ingredients.
+          </p>
+        </ScrollReveal>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {beers.map((beer, index) => (
+            <ScrollReveal key={beer.name} variant="slide-up" delay={0.3 + index * 0.1}>
+              <div className="bg-card p-6 rounded-lg shadow-lg flex flex-col items-center text-center">
+                <ImageOrVideo imageSrc={beer.imageSrc} className="w-32 h-32 object-cover rounded-full mb-4" />
+                <h3 className="text-2xl font-semibold text-foreground">{beer.name}</h3>
+                <p className="text-muted-foreground mt-2">ABV: {beer.abv} | IBU: {beer.ibu}</p>
+                <p className="text-sm text-muted-foreground mt-4 max-w-prose">{beer.description}</p>
+              </div>
+            </ScrollReveal>
+          ))}
+        </div>
       </div>
+    </div>
   );
-}
+}
\ No newline at end of file