|
|
|
|
@@ -1,64 +1,75 @@
|
|
|
|
|
// 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 SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
|
import ScrollReveal from '@/components/ui/ScrollReveal';
|
|
|
|
|
import Card from '@/components/ui/Card';
|
|
|
|
|
import Tag from '@/components/ui/Tag';
|
|
|
|
|
|
|
|
|
|
export default function BeersSection() {
|
|
|
|
|
const beers = [
|
|
|
|
|
{
|
|
|
|
|
name: "Mountain Peak Pilsner",
|
|
|
|
|
style: "Crisp & Refreshing Pilsner",
|
|
|
|
|
description: "Crisp and brilliantly clear, this classic pilsner delivers delicate floral hop aromas over a crackery malt base, finishing with a refreshing, snappy bite.",
|
|
|
|
|
alt: "Glass of crisp pilsner beer on a wooden table",
|
|
|
|
|
abv: "4.8% ABV"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Pine Ridge IPA",
|
|
|
|
|
style: "West Coast IPA",
|
|
|
|
|
description: "A bold West Coast classic bursting with resinous pine and bright grapefruit zest. Supported by a lean caramel malt backbone for a perfectly bitter, dry finish.",
|
|
|
|
|
alt: "Pint of hazy IPA beer with a thick head",
|
|
|
|
|
abv: "6.5% ABV"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Amber Glow Ale",
|
|
|
|
|
style: "American Amber Ale",
|
|
|
|
|
description: "Deep copper in color, offering rich layers of toasted biscuit and sweet caramel. Balanced by a gentle earthy hop profile for a smooth, highly drinkable experience.",
|
|
|
|
|
alt: "Glass of amber ale beer with condensation",
|
|
|
|
|
abv: "5.2% ABV"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Midnight Stout",
|
|
|
|
|
style: "Oatmeal Stout",
|
|
|
|
|
description: "Velvety and pitch-black, featuring decadent notes of dark chocolate, espresso, and roasted barley. A luxurious, full-bodied stout with a remarkably smooth finish.",
|
|
|
|
|
alt: "Pint of dark stout beer with a creamy tan head",
|
|
|
|
|
abv: "7.0% ABV"
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
export default function BeersSection(): React.JSX.Element {
|
|
|
|
|
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>
|
|
|
|
|
<section id="beers" className="bg-background">
|
|
|
|
|
<div className="max-w-content-width mx-auto px-6">
|
|
|
|
|
<ScrollReveal variant="slide-up" className="text-center flex flex-col items-center">
|
|
|
|
|
<Tag text="Our Signature Collection" className="mb-6" />
|
|
|
|
|
<h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Crafted for Every Palate</h2>
|
|
|
|
|
<p className="text-lg text-muted-foreground max-w-content-width mx-auto">
|
|
|
|
|
Discover our core lineup of artisanal beers, brewed with passion, precision, and the finest local ingredients.
|
|
|
|
|
</p>
|
|
|
|
|
</ScrollReveal>
|
|
|
|
|
|
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
|
|
|
|
{beers.map((beer, index) => (
|
|
|
|
|
<ScrollReveal key={index} variant="slide-up" delay={index * 0.1}>
|
|
|
|
|
<Card className="h-full flex flex-col overflow-hidden group border border-border/50">
|
|
|
|
|
<div className="relative h-64 overflow-hidden bg-card">
|
|
|
|
|
<img
|
|
|
|
|
src=""
|
|
|
|
|
alt={beer.alt}
|
|
|
|
|
className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
|
|
|
|
|
/>
|
|
|
|
|
<div className="absolute top-4 right-4">
|
|
|
|
|
<Tag text={beer.abv} className="bg-background/90 backdrop-blur-sm text-foreground" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="p-6 flex flex-col flex-grow">
|
|
|
|
|
<p className="text-xs font-bold text-accent mb-2 uppercase tracking-widest">{beer.style}</p>
|
|
|
|
|
<h3 className="text-xl font-bold text-foreground mb-3">{beer.name}</h3>
|
|
|
|
|
<p className="text-muted-foreground text-sm flex-grow leading-relaxed">{beer.description}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</Card>
|
|
|
|
|
</ScrollReveal>
|
|
|
|
|
))}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
);
|
|
|
|
|
}
|
