52 lines
2.9 KiB
TypeScript
52 lines
2.9 KiB
TypeScript
// 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>
|
|
);
|
|
} |