Merge version_22_1780414314385 into main

Merge version_22_1780414314385 into main

src/pages/HomePage.tsx

@@ -13,6 +13,13 @@ import ContactSection from './HomePage/sections/Contact';
 
 
 
+
+
+
+import EventsSection from './HomePage/sections/Events';{/* 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 */}
@@ -24,6 +31,7 @@ export default function HomePage(): React.JSX.Element {
       <BeersSection />
       <StorySection />
       <TaproomSection />
+      <EventsSection />
       <TestimonialQuoteCardsSection />
       <FaqSimpleSection />
       <ContactSection />

src/pages/HomePage/sections/Events.tsx

@@ -0,0 +1,52 @@
+// Created by create_section tool.
+
+import React from 'react';
+import Tag from '@/components/ui/Tag';
+import Card from '@/components/ui/Card';
+import Button from '@/components/ui/Button';
+import { Calendar, Music, Beer } from 'lucide-react';
+
+export default function EventsSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="events" className="bg-background">
+      <div className="container mx-auto px-4">
+        <div className="text-center">
+          <Tag text="Upcoming Events" className="mb-4" />
+          <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">Join the Community</h2>
+          <p className="text-lg text-muted-foreground max-w-content-width mx-auto">
+            From live music to special beer releases, there's always something happening at Cedar Mountain Brewery.
+          </p>
+        </div>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          <Card className="p-6 flex flex-col h-full">
+            <div className="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mb-6 text-primary">
+              <Music className="w-6 h-6" />
+            </div>
+            <h3 className="text-xl font-bold text-foreground mb-2">Live Music Fridays</h3>
+            <p className="text-sm text-muted-foreground mb-4">Every Friday, 7 PM - 10 PM</p>
+            <p className="text-muted-foreground flex-grow mb-6">Kick off your weekend with local bands, great beer, and a lively atmosphere in our taproom.</p>
+            <Button text="View Lineup" variant="secondary" className="w-full" />
+          </Card>
+          <Card className="p-6 flex flex-col h-full">
+            <div className="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mb-6 text-primary">
+              <Beer className="w-6 h-6" />
+            </div>
+            <h3 className="text-xl font-bold text-foreground mb-2">Seasonal Release Party</h3>
+            <p className="text-sm text-muted-foreground mb-4">October 15th, 12 PM - 8 PM</p>
+            <p className="text-muted-foreground flex-grow mb-6">Be the first to taste our new Winter Stout. Food trucks, games, and exclusive merchandise available.</p>
+            <Button text="RSVP Now" variant="secondary" className="w-full" />
+          </Card>
+          <Card className="p-6 flex flex-col h-full">
+            <div className="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mb-6 text-primary">
+              <Calendar className="w-6 h-6" />
+            </div>
+            <h3 className="text-xl font-bold text-foreground mb-2">Brewery Tours</h3>
+            <p className="text-sm text-muted-foreground mb-4">Saturdays & Sundays, 2 PM</p>
+            <p className="text-muted-foreground flex-grow mb-6">Get a behind-the-scenes look at our brewing process and enjoy a guided tasting of our core lineup.</p>
+            <Button text="Book a Tour" variant="secondary" className="w-full" />
+          </Card>
+        </div>
+      </div>
+    </div>
+  );
+}